Buradasın
Photoshop'ta Timeline Kullanımı ve Animasyon Oluşturma Eğitimi
youtube.com/watch?v=eFQI9Mrrzw0Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan Photoshop programında timeline kullanımı ve animasyon oluşturma konulu bir eğitim içeriğidir.
- Video, Photoshop'ta banner tasarımına hareket verme sürecini adım adım göstermektedir. İlk bölümde timeline'ı açma, keyframe'leri ekleme ve transform (pozisyon) ile opacity (görünürlük) değerlerini ayarlama teknikleri anlatılırken, ikinci bölümde hazırlanan animasyonun GIF formatına nasıl dışa aktarılacağı gösterilmektedir.
- Eğitim, banner tasarımı örneği üzerinden arka plan, logo, karda kayan adam, yazı ve sosyal medya ikonlarının sırayla görünmesi için gerekli ayarları detaylı olarak açıklamaktadır. Ayrıca GIF dosyasında looping seçenekleri (forever veya once) ve animasyon dışa aktarma için Ctrl+Shift+Alt+S tuş kombinasyonu gibi pratik bilgiler de paylaşılmaktadır.
- Photoshop'ta Timeline Kullanımı
- Photoshop'ta tasarlanan bir banner'a hareket vermek mümkündür.
- Photoshop'un kapsamlı olmamasına rağmen bir timeline'a sahip olduğu ve bu timeline üzerinde görsellere hareket kazandırmak mümkün olduğu belirtiliyor.
- Bu dersde Photoshop'ta timeline'ın nasıl kullanıldığı ve basit animasyon tekniklerinin nasıl yapıldığı gösterilecektir.
- 00:40Banner Tasarımının Tanıtımı
- Banner'ın 728x90 ölçülerinde olduğu ve sol tarafta bir logo, ortada karda kayan bir adam, sağ tarafta yazılar ve sosyal medya konuları bulunduğudur.
- Animasyon için öncelikle Photoshop'un window menüsünden timeline seçeneği seçilmesi gerekmektedir.
- Timeline açıldığında beş saniyelik bir zaman aralığı varsayılan olarak verilir ve bu süre uzatılabilir veya kısaltılabilir.
- 02:41Keyframe Kullanımı
- Her bir layer'ın sol tarafında bulunan oka tıklandığında keyframe'leri ekleyebileceğimiz alan açılır.
- Transform seçeneği layer'ın boyutu veya pozisyonu ile ilgili hareketi sağlarken, opacity ise görünürlük ile ilgilidir.
- Animasyon için önce tüm katmanlar ileri alınarak başlangıçta sadece beyaz bir temelle başlanır.
- 04:04Mavi Arka Plan Animasyonu
- Mavi arka plan için sol taraftaki keyframe ikonuna basılarak bir keyframe atanır.
- Keyframe oluşturulduktan sonra bitiş noktası için yeni bir keyframe eklenir.
- Mavi arka plan en sola kaydırılarak ekrandan görünmez hale getirilir ve animasyon başladığında ekranda görünmeye başlar.
- 06:10Logo ve Karda Kayan Adam Animasyonu
- Logo ve karda kayan adam için opacity değeri kullanılarak yoktan var olma animasyonu yapılır.
- Logo görünürken aynı zamanda karda kayan adamın da belirli bir noktaya gelmesi sağlanır.
- Animasyonun hızı deneme yaparak ayarlanır.
- 10:10Yazı ve Sosyal Medya İkonları Animasyonu
- Yazı yukarıdan görünür hale getirilirken, sosyal medya ikonları opacity değeri kullanılarak sırayla görünür hale getirilir.
- Sosyal medya ikonlarının keyframe'leri ayarlanarak sırayla (Facebook, Instagram, Twitter) görünür hale getirilir.
- Son olarak ok simgesi de Facebook logosu geldiği anda görünür hale getirilir.
- 13:51Photoshop'ta Animasyon İçi Özellikler
- Aktif penceredeki opacity'nin sol ve sağ tarafındaki oklar, timeline çizgisindeki keyframe'leri kolayca gezmenizi sağlar.
- Sol ok tıklanınca timeline çizgisinin solundaki ilk keyframe'e, sağ ok tıklanınca sağdaki keyframe'e gelirsiniz.
- Animasyonun başa alınıp tekrar başlatılması mümkündür.
- 15:37Animasyonu Dışa Aktarma
- Animasyonu jpeg veya png olarak dışa aktarırsanız tek bir kare olarak kalır, gif olarak aktarırsanız hareketli bir dosya elde edersiniz.
- Ctrl+Shift+Alt+S tuş kombinasyonu ile gif formatında dışa aktarma yapılabilir.
- Gif dosyası döngü halinde oynar, sona geldikten sonra tekrar başa dönerek devam eder.
- 17:03Gif Ayarları
- Photoshop'ta Ctrl+Shift+Alt+S tuş kombinasyonu ile açılan pencerede looping options seçeneği bulunur.
- "Forever" seçeneği animasyonun sonsuza kadar döngü halinde oynatılmasını sağlar.
- "Once" seçeneği ise animasyonun sadece bir kere oynatılıp durmasını sağlar.