Photoshopta Gif Yapmak (Animasyon)

Sevgili photoshopders.com üyeleri ve ziyaretçileri uzun zamandan beri sizlerden gelen talep doğrultusunda bu dersimizde sizlere Photoshop’ta nasıl gif yapılır, animasyon nasıl yapılır, hareketli fotoğraflar nasıl oluşturulur onu öğreneceğiz. Aslında iyi bir animasyon içerikli ders ile anlatmak daha pekiştirici olacaktır ama öncelikle bu konunun temeli hakkında bilgi verip daha sonra animasyonlu derslere ağırlık vermeye de başlayacağız.

Photoshop’ta Gif oluşturmak aslında çok kolaydır. İşin en zor kısmı ne gibi görseller kullanacağımıza, içindeki hangi nesneleri hareketli hale getireceğimize karar vermektir. Bu kısmı sizin yaratıcılığınıza bırakıyoruz ve en temel yoldan Photoshop’tan Gif uzantılı animasyonun nasıl yapıldığını öğreneceğiz.

Adım 1) Photoshop ekranının üst bölümünde bulunan Window seçeneğinden Animation ‘u seçiyoruz. Ve alt kısımda uzun bir kutucuk açıldığını göreceksiniz.

animasyon

Adım 2) Boş bir dosya açıyoruz yeni bir layer açıp örnek olarak içerisine kırmızı bir nokta koyuyoruz.

layerkutu.jpg

kırmızı nokta

Adım 3) Yeni bir layer açıp bu seferde siyah bir nokta koyuyoruz.

siyah nokta

untitled-2.jpg

Adım 4) Şimdi elimizde iki farklı layer var şimdi temel olarak 2 saniye kırmızı nokta, 2 saniye de siyah noktanın görünmesi için animasyonumuzu hazırlayalım.

Window’dan açtığımız Animation kutucuğunda da bir tane layer açıyoruz. (Yine çöp kutusunun yanındaki simgeden yapılıyor.)

untitled-3.jpg

Artık iki farklı animasyon karemiz var ve hangisinde hangi renk noktanın olacağına karar verelim.

1. animasyon kutusunu seçip orjinal layer bölümünde siyah noktanın yanındaki göz işaretine basarak onu görüntüden kaldırıyoruz.

untitled-4.jpg

Sonra 2. animasyon kutucuğuna basarak orjinal layer bölümünden de kırmızı noktanın göz işaretini kaldırıp, siyahınkini ekliyoruz.

untitled-5.jpg

Adım 5) Animasyon kutucuklarının altlarında yazan 0 sec. şuan da 0 (sıfır) saniyeye ayarlı demektir. O görüntünün ekranda kalmasını istediğiniz kadar süreyi yanındaki ok vasıtası ile seçebilirsiniz. Biz örnek olarak 2 saniyelik yapıyoruz.

untitled-6.jpg

Artık Play tuşuna bastığımızda 2 saniyede bir görüntülerin değiştiğini görmüş oluyoruz. Şimdi gelelim en önemli kısıma; bunları nasıl gif olarak kaydedeceğiz?

Adım 6) Araçlar bölümünün en altında bulunan Edit in ImageReady tuşuna (Kısayolu: Shift+Ctrl+M) basıyoruz. Ve ImageReady Programı açılıyor. (Önemli Not: Bu tuş Photoshop Cs3′te yoktur.)

ImageReady penceresinde File ‘den Save Optimized As… diyoruz ve çalışmamızı gif dosyası olarak kaydetmiş oluyoruz.

*.gif

untitled-8.jpg

Ve Sonuç;

untitled-9.gif

Meraklısına kısayollar ve önemli teknikler:

Televizyonda izlediğimiz görüntüler aslında her saniyede 25 kare fotoğrafın gösterimiyle oluşmaktadır. Yani 90 dakikalık normal bir dizi 135bin adet fotoğraftan oluşuyordur. Photoshop’un da Animasyon özelliği aslında frame denilen bu kareleri oluşturmaktır. Her kareyi ise farklı layer’lar temsil eder. Hareketli olarak ne yapmak istiyorsanız ilk önce o hareketleri düşünüp layer’larını oluşturmanız lazım ondan sonra animasyon kutucuğunu sıralamak daha basittir. Yukarıdaki örnekte de anlatıldığı gibi çizilen her layer, istenilen sürelerde görüntülenebilir ve sonsuz bir döngü sağlanabilir. Photoshop bir çizgi film yapımı için üretilmiş bir ürün olmamasına rağmen yine de bir kaç saniyelik çizgi filmler oluşturulabilir. Saniye geçişleri hep aynı kalmak zorunda değildir istediğiniz görüntü daha uzun ya da daha kısa ekranda kalabilir. En basit örnek olarak bir arkadaşınızı aynı açı ile gözleri kapalıyken çekip sonra gözleri açıkken çektiğinizde bunları iki farklı layer’a yerleştirip animasyon kutucuğundan arkadaşınızın gözlerini açıp kapadığı bir fotoğraf oluşturabilirsiniz. Ya da çenesi açık çekip, bir de kapalı çektiğinizde konuşan bir fotoğraf bile oluşturabilirsiniz. İşlem çok basittir, yukarıdaki örnekte de anlatıldığı gibi istenilen kareleri layer olarak açmak sonra da Animasyon kutucuğundan sürelerini ve sıralarını ayarlamak harika bir animasyon için yeterlidir. Başka bir örnek vermek gerekirse bir yol fotoğrafının üzerine, bir araba fotoğrafının arkasını temizleyip eklediğinizde her layer’da biraz ileri şekilde yerleştirerek; fotoğrafınızdaki yoldan araba geçirmek sizi profesyonel kılabilir. Bu yüzden temel olarak anlattığımız dersi iyice kavramak ve frame oluşumunu iyi benimsemek lazım. Sonuç olarak artık sizden daha iyisi yok! Yardımcı olabildiysek ne mutlu bize. İyi dersler.

Eklenme tarihi: 24 Ocak 2008, Perşembe saat 23:28.
Kategorisi: Photoshop nasıl yapılır.

Ders iyi mi? Kötü mü? Oy ver!

51 kişi, puan: 4.121 Puan2 Puan3 Puan4 Puan5 Puan

Etiketler: , , ,

24 Yorum!

  • 1 merveren ~ 23 Şubat 2008, Cumartesi saat 12:38

    ya bnm anlamadığım kısım var adım 6 hepsini yaptım animasyonu image ready ben şuan photoshop cs 3 kullanıyorum image ready bende yok ama başka yoldan yapamazmıyım öğrenebilirmiyim lütfennn çok istiyorum

    Önemli Not: Bu tuş Photoshop Cs3′te yoktur.) demişsiniz napıcam ben

  • 2 admin ~ 23 Şubat 2008, Cumartesi saat 20:59

    photoshop cs3′de zaten save as olarak gif kaydederseniz yaptığınız animasyon penceresini hareketli olarak kaydediyor. sadece cs2 ve öncesinde image ready’e aktarmak gerekiyordu ama cs3′de öyle bir şey yok. hali hazırda gif uzantılı animasyon kaydedebiliyorsunuz.

  • 3 corsan75 ~ 28 Şubat 2008, Perşembe saat 13:04

    harika

  • 4 agkaraboga ~ 01 Mart 2008, Cumartesi saat 14:37

    Anlattğınız yöntemle mantğını kavradım,çok teşekkür ederim.

  • 5 admin ~ 01 Mart 2008, Cumartesi saat 15:15

    Yardımcı olabildiysek ne mutlu bize. İlginiz için teşekkürler.

  • 6 sanane ~ 27 Mart 2008, Perşembe saat 13:37

    hiç bişe anlamadım benim istediğim site değil

  • 7 mustafa ~ 28 Mart 2008, Cuma saat 01:46

    arif olan anlar….

  • 8 Ömer ~ 02 Nisan 2008, Çarşamba saat 00:40

    kardeşim çok saol mantığını anladım. Basit ve çok pratik anlatmışsın teşekkürler

  • 9 mehmet başar ~ 07 Nisan 2008, Pazartesi saat 20:27

    lütfen e-maillimden bana yardım edin bi türlü olmuyo animasyon yapamyorum
    şimdiden tşk

  • 10 mtapkan2008 ~ 21 Nisan 2008, Pazartesi saat 12:40

    7,0 SÜRÜMDE ANİMATİON YOK GALİBA

  • 11 27eray27 ~ 25 Nisan 2008, Cuma saat 21:10

    ya cidden mükemmel hep merak ediyodum nasıl yapılacağını çok saolun tşkkrler

  • 12 distimi ~ 15 Mayıs 2008, Perşembe saat 21:15

    çok güzel anlatılmış fakat bir iki gerçek nokta yerine resim olsaydı tam anlşılcaktı ama teşekkürler

  • 13 arya ~ 16 Mayıs 2008, Cuma saat 20:51

    LAYER’A NASIL RESİM YERLEŞTİRECEĞİZ?
    En basit örnek olarak bir arkadaşınızı aynı açı ile gözleri kapalıyken çekip sonra gözleri açıkken çektiğinizde “bunları iki farklı layer’a yerleştirip” animasyon kutucuğundan arkadaşınızın gözlerini açıp kapadığı bir fotoğraf oluşturabilirsiniz. DEMİŞSİNİZ YARDIMCI OLABİLİRİMİSİNİZ ACİL??

  • 14 admin ~ 16 Mayıs 2008, Cuma saat 21:23

    Sayın arya;
    bu iki fotoğrafı photoshop’ta açtığınızda karşınızda iki pencere olacak bir tanesi etkinken “v” tuşuna basıp (move tool) fotoğrafı tutup diğer fotoğrafın üzerine sürükleyip bırakın. Böylelikle diğer fotoğrafınızda iki farklı layer olacak. Birincisi ilk fotoğraf ikincisi sürüklediğiniz fotoğraf.

  • 15 ozgurem ~ 28 Mayıs 2008, Çarşamba saat 15:22

    süper. Teşekkür ederim üstat

  • 16 pulse ~ 04 Haziran 2008, Çarşamba saat 09:53

    hiç bir şey anlamadım diyen arkadaşı tebrik ediyor ve ayakta alkışlıyorum. nasıl anlamadıysa…

  • 17 hasan2 ~ 18 Haziran 2008, Çarşamba saat 18:52

    harika ne diyelim

  • 18 hasan2 ~ 18 Haziran 2008, Çarşamba saat 18:56

    benim cs3 te gif kaydet olmadığı için üzüldüm ama ingilizce sürümünde ise animadyon u bulamadım ama temeli anladım

  • 19 ali uğur ~ 20 Haziran 2008, Cuma saat 00:46

    Merhaba, ya bu çok saçma değil mi? Yani cs3te neden animasyonu gif olarak kaydedemiyoruz? Bir yolu varsa anlatırmısınız? Ne güzel yaptım uzun birşeyler ama kaydedemedim öyle kaldı. Teşekkürler.

  • 20 admin ~ 20 Haziran 2008, Cuma saat 00:49

    efendim zaten dersin altındaki ilk soru cs3′te gif nasıl yapılır idi ve orada da anlattığım gibi zaten cs3′te save for web seçeneği ile gif çıktı aldığımızda hareketli olarak kaydedecektir.

  • 21 smyr ~ 25 Haziran 2008, Çarşamba saat 19:19

    denedim ve gerçekten hoş şeyler çıkıyo teşekkürler çok güzel anlatmışsınız

  • 22 teşekkürler ~ 05 Temmuz 2008, Cumartesi saat 14:16

    valla heryerde aradım ama en açık burda buldum çokk teşekkürler…

  • 23 isimsiz ~ 18 Ağustos 2008, Pazartesi saat 18:34

    cs3 kullanıyorum,herşeyi yaptım, gif şeklinde kaydettim,açıyorum hareket etmiyo… LÜTFEN YARDIM EDİİNN!!

  • 24 halukk ~ 19 Ağustos 2008, Salı saat 08:46

    hakkınız ödenmez çok teşekkür ederim.

Yorum Yaz:


free stats