Photoshop'ta Gif Nasıl Yapılır?

Yayınlanan: 2023-03-25

Bir gif oluşturmanız gereken, ancak nereden başlayacağınızdan bile emin olmadığınız bir durumla karşılaştınız mı? İster inanın ister inanmayın, yüksek kaliteli bir gif oluşturmak sandığınızdan çok daha kolay; ihtiyacınız olan tek şey gerekli görseller ve Photoshop. Hatta takip etmesi kolay bir rehberle süreci basitleştirdim. (Not: Ben bir içerik oluşturucuyum ve hiçbir şekilde tasarımcı değilim, bu yüzden ben yapabiliyorsam siz de yapabilirsiniz!)

Photoshop'ta bir gif nasıl oluşturulur:

  1. Resimleri Photoshop'a yükleyin
  2. Zaman Çizelgesi penceresini aç
  3. Çerçeve animasyonları oluşturun
  4. Her çerçeve için yeni bir katman oluşturun
  5. Katmanlardan çerçeveler oluşturun
  6. Çerçeve süresini ve döngü seçeneğini belirleyin
  7. GIF'inizi önizleyin ve test edin
  8. Photoshop'ta kaydedin ve dışa aktarın
  9. Kutlamak

Bu adımlar şu anda size yabancı bir dil gibi görünebilir, ancak endişelenmeyin çünkü takip etmesi kolay olsun diye her adımı yıkıyorum ve bu öğreticiden güzel, işlevsel bir gif ile uzaklaşabilirsiniz!


1. Adım: Görüntüleri Photoshop'a Yükleyin

Başlamak için yeni bir belge oluşturun ve tuvalinizin ne boyutta olmasını istediğinizi girin, çünkü bu, dışa aktardığınızda gif'inizin boyutu olacaktır. Ardından, Photoshop'ta çalışmak istediğiniz dosyaları yüklemeniz gerekir. Dosya > Komut Dosyaları > Dosyaları Yığına Yükle'ye gidin. Yüklemek için Dosyalar veya Klasörler'i seçin ve ardından Gözat'ı seçin ve kullanmak istediğiniz her dosyayı seçin. Tamam'ı tıklattıktan sonra, Photoshop her görüntü için otomatik olarak bir katman oluşturur. Basit.

Komut dosyalarını gösteren ve dosyaları yığın seçeneklerine yükleyen Photoshop ayarları.

Daha sonra düzenleme yaparken kafanızın karışmaması için her katman için bir ad oluşturmak isteyeceksiniz. Hatırlaması kolay bir sayısal veya başka bir adlandırma biçimi düşünün.


Adım 2: Zaman Çizelgesi Penceresini Açın

Tüm düzenlemelerinizi Zaman Çizelgesi penceresinde yapacaksınız, bu nedenle Pencere > Zaman Çizelgesi'ne giderek onu açmamız ve başlamak için seçeneği belirlememiz gerekecek. Şimdi, ekranın altındaki zaman çizelgesi penceresini şu şekilde görmelisiniz:

Photoshop'ta kumbaranın ekran görüntüsü ve altındaki zaman çizelgesi penceresi açık

Zaman Çizelgesi'nin katmanlar bölümünün üzerinde, animasyonunuzu oynatmak için kontroller, ses ve çözünürlük ayarları göreceksiniz. Bu araç çubuğundaki makas simgesi, oynatma kafasının (dikey kırmızı çizgi) olduğu her yerde bir katmanı böler. Son simge (araç çubuğunda üçgenin içinde bulunduğu kare), bir katmanın içeri veya dışarı soldurulması için seçenekler sağlar.

Ne yaptıklarına ve yakında çıkacak gif'inizi nasıl etkilediklerine aşina olmak için bu ayarlarla oynamak için bir veya iki dakikanızı ayırın.


3. Adım: Çerçeve Animasyonları Oluşturun

Herhangi bir şeyi canlandırmaya başlamadan önce, kare animasyonları oluşturma yeteneğine ihtiyacınız olacak. Bunu yapmak için Video Zaman Çizelgesi Oluştur'un üzerine gelin ve açılır oku bulun ve Çerçeve Animasyonu Oluştur'u seçin:

seçeneklerin ekran görüntüsü: video zaman çizelgesi oluşturun ve çerçeve animasyonu oluşturun. kare animasyonu oluştur seçili

Adım 4: Her Kare İçin Yeni Bir Katman Oluşturun

Üst menüde, Seç'e ve ardından “Tüm Katmanlar”a gidin. Tüm katmanların vurgulandığını ve şimdi seçildiğini görmelisiniz.

"Seç" seçeneklerinin ve "tüm katmanların" ekran görüntüsü vurgulanır.

Oradan, Zaman Çizelgesi penceresindeki Menü düğmesine tıklayın (sağ taraftaki üç yatay çizgi) ve Her Yeni Çerçeve için Yeni Katman Oluştur'u seçin.

Zaman çizelgesi penceresindeki menü düğmesinin ekran görüntüsü ve "her yeni çerçeve için yeni katman oluştur" seçili

Adım 5: Katmanlardan Çerçeveler Yapın

Zaman Çizelgesi penceresindeki aynı menüde, “Katmanlardan Kareler Yap” öğesini seçin. Bu, oluşturduğunuz her katmanı bir çerçeveye dönüştürecektir.

zaman çizelgesi penceresindeki "katmanlardan kareler oluştur" daire içine alınmış menü seçeneğinin ekran görüntüsü.

Bunu yaptıktan sonra, tek tek kareleri seçebilir ve gerektiği gibi düzenleyebilirsiniz. Animasyon ne kadar basit olursa, o kadar az kareye ihtiyacınız olur. Benim durumumda 15 çerçevem ​​vardı:

Zaman çizelgesi penceresindeki 15 karenin ekran görüntüsü

Çerçeveler doğru sırada değilse, şimdi onları olması gereken yere sürükleyerek yeniden düzenleme ve yeniden sıralama zamanı! Bir sonraki adıma geçmeden önce bunun mükemmele yakın olmasını isteyeceksiniz.


Adım 6: Çerçeve Süresini ve Döngü Seçeneğini Seçin

Artık kareler doğru sırada olduğuna göre, her bir karenin ne kadar süre oynatılacağını bulmanın zamanı geldi. Bunu yapmak için, düzenlemek istediğiniz kareyi seçin, karenin altındaki oka tıklayın ve açılır menüden zamanı seçin. Bunlar için seçenekleriniz .1 saniye, .2, .5, 1.0 ve benzeridir. Bu animasyon için anlamlı olanı ve söz konusu karenin ne kadar hızlı oynatılacağını seçin. Seçeneklerden hiçbiri tam olarak doğru görünmüyorsa, süreyi de özelleştirebilirsiniz.

Domuzcuk gif'im için, her kare bir saniye oynayacak şekilde yaptım!

Son kare vurgulanmış olarak zaman çizelgesi penceresindeki 15 karenin ekran görüntüsü

GIF'inizin döngüye girmesini istemiyorsanız, 7. adıma atlayabilirsiniz. Ancak, gif'inizin döngüye girmesini istiyorsanız, bu geçişi yapmak çok kolaydır.

Çerçevelerinizin altında solda “Sonsuza Kadar” yazan bir seçenek göreceksiniz. Varsayılan olarak, gif'iniz sonsuza kadar döngüye girecek, bu yüzden bunu istiyorsanız olduğu gibi bırakın ve bir sonraki adıma geçin! Bunu yapmazsanız, Sonsuza Kadar'ın yanındaki açılır listeye tıklayın ve bir veya üç kez seçin. Döngüyü özelleştirme seçeneği de var.


7. Adım: Gif'inizi Önizleyin ve Test Edin

Bu tartışmasız en kolay adım! Animasyonlu GIF'inizi önizlemek için Zaman Çizelgesi penceresinde Oynat düğmesine basmanız yeterlidir. Oynatırsanız ve bir şeyler ters giderse, sorun değil. 5. adıma geri dönün ve çerçeve sıranızı, süreyi vb. ayarlamaya devam edin. Benim durumumda, her kare için bir saniye biraz fazla uzundu, bu yüzden onu istediğim yere getirmek için 0,02 saniyeye çevirdim!


8. Adım: Photoshop'ta Kaydet ve Dışa Aktar

GIF'inizden memnun kaldığınızda, Dosya > Dışa Aktar > Web için Kaydet'e giderek şaheserinizi kaydedin.

Dosya > Dışa Aktar > web için kaydet seçeneğinin vurgulanmış ekran görüntüsü

Tıkladığınızda yeni bir kutu açılacaktır:

"web için kaydet" penceresinin ekran görüntüsü

Bu pencerede birkaç şey yapmak isteyeceğiz:

  1. Sağ köşedeki Hazır Ayar altında, kaydetmek istediğiniz gif dosyasının türünü seçin. GIF dosyasının yanındaki sayı, gif renklerinin orijinal dosyalara göre ne kadar büyük olacağını belirler. Daha yüksek renk taklidi yüzdesi, daha fazla renk ve ayrıntının görünmesi anlamına gelir ancak dosya boyutunu büyütür. Gif'im düz bir renk olduğundan ve yüksek çözünürlük istediğimden, Gif 128 no dither'i seçeceğim. Ayrıca alttaki resim boyutunun istediğiniz gibi olduğundan emin olmak isteyeceksiniz!
GIF 128 renk taklidi işaretli web için kaydet penceresinin ekran görüntüsü
  1. Sağ alt köşede, daha önce seçtiğiniz döngü seçeneğinin hala istediğiniz olduğundan emin olun!
  2. Kaydet'e basın.

GIF'inizi dışa aktarmak için Dosya > Dışa Aktar > Farklı Dışa Aktar'a gidin. "Biçimlendir" yazan sağ üst köşede Gif'i seçin ve Dışa Aktar'a basın.


Adım 8: Kutlayın

Tebrikler, Photoshop'ta sıfırdan bir gif oluşturdunuz! Kutlamak ve mutlu Photoshopping için bir şişe şampanya kapın!