Photoshop Dersleri: Photoshopla Animasyon Hazırlama

Photoshop Dersleri - Photoshop Dersleri: Photoshopla Animasyon Hazırlama Sponsorlu Bağlantılar Başlamadan önce bu dersin photoshop 6.0 ve daha yüksek sürümleri kullananların uygulayabileceğini belirtelim. İlk önce 250x100 boyutlarında backgroundu siyah olan yeni bir dosya açalım.Sonra şekilde görüldüğü gibi çalışmamızı ...

Cevapla
Photoshop Dersleri: Photoshopla Animasyon Hazırlama
Hatice ÇAVDAR isimli Üye şimdilik offline konumundadır

Hatice ÇAVDAR

Kargacık Burgacık

Grafiker / İstanbul

Alt 02-02-2008 #1
Sponsorlu Bağlantılar

Başlamadan önce bu dersin photoshop 6.0 ve daha yüksek sürümleri kullananların uygulayabileceğini belirtelim.

İlk önce 250x100 boyutlarında backgroundu siyah olan yeni bir dosya açalım.Sonra şekilde görüldüğü gibi çalışmamızı hazırlayalım.Her kırmızı noktayı ve her yazıyı ayrı bir layer kullanarak yapalım.(noktalar brush kullanılarak yapıldı.)Daha sonraki aşamalarda işimizi kolaylaştırmak amacıyla Layer kısmında bulunan katmanları (background hariç) görünmez yapalım.Bunu da şu şekilde yapıyoruz.Layer bölümünde katmanların yanında bulunan göz şekillerinin üstüne gelip bir kere tıklamamız yeterli olacaktır.Tekrar görünmesi için bir kere daha tıklamak gerekir.

Photoshop Dersleri: Photoshopla Animasyon Hazırlama

İlk iki aşamayı geçtikten sonra sıra geldi hareketli gif aşamasına.Bunun için Photoshop'un File/Jump to-->Adobe ImageReady 3.0 a tıklıyoruz.Yeni bir program açılacaktır.
Eğer Animation bölümü yoksa Adobe ImageReady'de bulunan window menüsündeki show animation kısmına tıklayalım.Yeni gelen bölümdeki bazı butonların ne işe yaradığını aşağıdaki resme bakarak anlayabilirsiniz.

Photoshop Dersleri: Photoshopla Animasyon Hazırlama

10 tane yeni frame oluşturalım. İlk framenin üstüne tıklayıp seçili hale getirelim.Genel olarak kural şudur framenin içide nelerin gözükmesini istiyorsak layer bölümündeki gözün bulunduğu yere tıklarız ve şeklin gözükmesini sağlarız.Biz ilk framenin içinde layer1 in gözükmesini istiyoruz.
Sonra ikinci frameye tıklayalım,
bu framede layer1 ve 2 nin gözükmesini istiyoruz.
3.framede layer1,2 ve 3'ü görünür yapın.
4.framede layer 1,2,3 ve 4 ü görünür yapın;
frame 5 te ise layer 1,2,3,4 ve 5 i görünür yapın.
6.framede sadece background rengi gözüksün.
7.framede F1 yazısı,
8.framede F1 Racing yazısı
9.framede ise Türkiye yazısı dahil olmak üzere tüm layerları görünür yapın.
10.frame ise 6.framedeki gibi sadece background rengi kalsın.Aşağıda animation framelerinin nasıl olacağını gösteren resme bakarsanız doğru yapıp yapmadığınızı anlarsınız.


Photoshop Dersleri: Photoshopla Animasyon Hazırlama

Şimdi ise framelerin ne kadar süre görünür kaacağını ayarlayalım.Bu tamamen size kalmış bir olaydır.Bu ayarı yapmak için ilk önce frame seçilir sonra yukarıdaki şekilde gösterildiği zaman bölümüne sağ veya sol tıklanır.Açılan bölümde ister orada bulunan zamanlardan birini seçersiniz,istersenizde farklı zaman ayarı yapmak için other'a tıklayıp çıkan yere zamanı yazabilirsiniz.Unutmayın her frameyi seçili hale getirdikten (bunun için hangi frameyi yarlamak istiyorsanız ona tıklamanız yeretli olur) sonra zaman ayarı yapın.Benim yaptığım zaman ayarlarını yukarıdaki fotoğraftan görebilirsiniz.
Yaptığımız çalışmayı kaydetmek için file/save optimized as tıklanır açılan pencerede kayıt türü images only olarak seçildikten sonra kaydedilir.

Kolay gelsin...
Alıntıdır...

Bu arada şunu belirteyim: ben CS3 Extended versiyonu kullanıyorum ve benim kullandığım programda ne "File>JumpTo" şeklinde bir seçenek var, ne de "ImageReady"diye bir program var. Aynı durumdaki arkadaşlar bunun yerine Windows>Animation'ı aktive ederek yukarıda anlatılanları uygulayabilirler. Kaydederken File>Save For WEB & Devices' ı seçmeliler. Kolay gelsin.

teşekkürler

Yaşam Hakkına Saygı

“ Bilim ve sanat, bir kuşun iki kanadı gibidir. Bu iki kanadı kullanabilen toplumlar uçar ve özgür olurlar.
Uçamayanlar ise tavuk olur...
"Tavuk toplum", önüne atılan bir avuç yemi gagalarken, arkadan yumurtalarının alındığının farkında bile olmaz!"
DARWİN


Tanrım beni baştan yarat yoksa durur durur merak ederim...

Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Red-Blooded isimli Üye şimdilik offline konumundadır

Red-Blooded

Fotoğrafçı / İstanbul

Standart
Alt 02-02-2008 #2
                             Sponsorlu Bağlantılar
CS3 versiyonunda İmageReady, Photoshop ile birleştirildi...

Çok teşekkürler anlatım için...

Bir soru:
Bu yapılan animasyona özel efekt ekleme seçeneği varmı ? Yine hareketli bir biçimde...
Bu mesajdan alıntı yap
Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart
Alt 02-02-2008 #3
Süpersin...
Bu mesajdan alıntı yap
dirayet isimli Üye şimdilik offline konumundadır

dirayet

Hiç Biri / Bursa

Standart
Alt 04-02-2008 #4
derse devam etmeye çalışıyorz
Bu mesajdan alıntı yap
Gökhan TEKİN isimli Üye şimdilik offline konumundadır

Gökhan TEKİN

ARTniyetli

Fotoğrafçı / Bursa

Standart
Alt 04-02-2008 #5
CS3 versiyonunda İmageReady, Photoshop ile birleştirildi...

Çok teşekkürler anlatım için...

Bir soru:
Bu yapılan animasyona özel efekt ekleme seçeneği varmı ? Yine hareketli bir biçimde...


Evet tabiki photoshop un istediğiniz özelliğini kullanabilirsiniz. Filter özelliği örnek .
Bu mesajdan alıntı yap
farketmez isimli Üye şimdilik offline konumundadır

farketmez

Hiç Biri / İstanbul

Standart
Alt 09-02-2008 #6
anlatım içn çok tşkr ederim becerim.
Bu mesajdan alıntı yap
Standart
Alt 28-11-2008 #7
Resimler gözükmüyor Photoshop Dersleri: Photoshopla Animasyon Hazırlama

----------

tipello.net - i am not referring you, i just DO recommend it.
Bu mesajdan alıntı yap
Standart
Alt 06-12-2008 #8
konu ilgimi çekti ancak resimler yerinde çarpı işaretleri var.acaba ilgili arkadaşlar sorunu giderebilir mi.teşekkürler
Bu mesajdan alıntı yap
cesmi_siyah isimli Üye şimdilik offline konumundadır

cesmi_siyah

Bilg. Teknikeri / Denizli

Standart
Alt 22-12-2008 #9
Bu arada şunu belirteyim: ben CS3 Extended versiyonu kullanıyorum ve benim kullandığım programda ne "File>JumpTo" şeklinde bir seçenek var, ne de "ImageReady"diye bir program var. Aynı durumdaki arkadaşlar bunun yerine Windows>Animation'ı aktive ederek yukarıda anlatılanları uygulayabilirler. Kaydederken File>Save For WEB & Devices' ı seçmeliler. Kolay gelsin.

teşekkürler

tesekkürler yardimin için cs3 kullaniyorum ama dediğin gibi "File>JumpTo" şeklinde bir seçenek görememiştim.

vazgecicektim ki senin mesajini gördüm.

ve yaptiğim deneme sonucu olusturduğum gif

Photoshop Dersleri: Photoshopla Animasyon Hazırlama


peki bunun ebatlarini kaydetmeden önce kaydetme seklim var mi yoksa en bastan mi ebatlari düşürmem lasim ?
Bu mesajdan alıntı yap
egeprensi isimli Üye şimdilik offline konumundadır

egeprensi

Fotoğrafçı

Standart
Alt 10-03-2009 #10
merhaba resimler gözükmüyor
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Tags
animasyon, dersleri, hazirlama, hazrlama, photoshop, photoshopla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Photoshop Dersleri: Photoshopta Template Hazırlama... designed by ofa Photoshop Dersleri 109 16-07-2012 15:29:49
Photoshop Dersleri: Photoshopla Uğur Böceği Çizimi kasta095 Photoshop Dersleri 29 03-04-2009 19:01:34
Photoshop Dersleri: Photoshopla Pürüzsüz Cilt grafipapatya Photoshop Dersleri 41 28-03-2009 17:17:19
photoshop animasyon problemi :S fatihcee Photoshop 2 14-11-2008 20:46:56
Photoshop cs2 -- web sayfası hazırlama nasıl olur YELDA Web Tasarımı 2 06-09-2007 11:02:29

Kapat
Şifremi Unuttum?