Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Photoshop Dersleri: Photoshopla Animasyon Hazırlama

Hatice ÇAVDAR

👑Efsanevi Grafiker👑
Katılım
16 May 2007
Mesajlar
2,441
Tepkime puanı
46
Web sitesi
www.grafikerler.net
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.

ders26-3.gif


İ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.

ders26-2.gif


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.


ders26-4.gif


Ş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
 

Red-Blooded

🏅Acemi Tasarımcı🏅
Katılım
26 May 2007
Mesajlar
93
Tepkime puanı
0
Web sitesi
www.grafikerler.net
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...
 
Son düzenleme:

Gökhan TEKİN

ARTniyetli
👑Efsanevi Grafiker👑
Katılım
2 May 2007
Mesajlar
4,702
Tepkime puanı
74
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 .
 

Lizzy

🌱Yeni Üye🌱
Katılım
28 Kas 2008
Mesajlar
4
Tepkime puanı
0
Resimler gözükmüyor :(
----------
tipello.net - i am not referring you, i just DO recommend it.
 

semihcan34

🌱Yeni Üye🌱
Katılım
5 Ara 2008
Mesajlar
4
Tepkime puanı
0
konu ilgimi çekti ancak resimler yerinde çarpı işaretleri var.acaba ilgili arkadaşlar sorunu giderebilir mi.teşekkürler
 

cesmi_siyah

🌱Yeni Üye🌱
Katılım
12 Ara 2008
Mesajlar
24
Tepkime puanı
0
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

kalpcik-deneme.gif



peki bunun ebatlarini kaydetmeden önce kaydetme seklim var mi yoksa en bastan mi ebatlari düşürmem lasim ?
 
Üst