Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Onur Naci Öztürkler tarafından sunulan bir eğitim içeriğidir. Sunucu, web siteleri için hareketli GIF banner tasarımı konusunda adım adım rehberlik etmektedir.
- Video, Photoshop ve After Effects programlarını kullanarak Minecraft ürünleri için bir web site banner'ı GIF animasyonu yapımını göstermektedir. İlk olarak Photoshop'ta 234x60 piksel boyutunda bir banner oluşturulur, Minecraft wallpaper'ı eklenir ve yazılar yerleştirilir. Ardından After Effects'te fade in/fade out animasyonları ve CC Light Burst efekti kullanılarak hareketli bir banner oluşturulur. Son olarak Adobe Media Encoder Q kullanarak GIF render alma süreci anlatılmaktadır.
- Eğitim, izleyicilere kendi yaratıcı zekalarını kullanarak benzer tasarımlar yapabilmelerini amaçlamakta ve GIF animasyonunun nasıl oluşturulacağını ve render alınacağını öğrenmek isteyenler için faydalı bir kaynaktır.
- 00:14GIF Banner Tasarımı Tanıtımı
- Videoda hareketli animasyon GIF banner tasarımı gösterilecek.
- Minecraft wallpaper kullanılarak GIF banner örneği yapılacak.
- Photoshop ve After Effects kullanılarak GIF banner tasarımı yapılacak.
- 01:04Photoshop'da Proje Hazırlama
- Photoshop'da yeni proje oluşturulup, banner boyutu 234x60 olarak ayarlanacak.
- Banner boyutları belirli bir kurala sahip değil, reklam verilecek siteye göre belirlenir.
- Kaliteli bir proje üzerinde çalışmak için boyutu sabitleme seçeneği kullanılıyor.
- 02:51Photoshop'da Tasarım Yapma
- Minecraft wallpaper eklendi ve üzerine siyah bir vinyet oluşturuldu.
- Vinyetin köşeleri karartıldı ve opaklığı düşürüldü.
- Tasarım Photoshop'ta hazırlandıktan sonra farklı olarak kaydedildi.
- 04:30After Effects'te Animasyon Yapma
- Photoshop'ta hazırlanan tasarıma After Effects'te import edildi.
- Minecraft yazısı eklendi ve beyaz renkte gösterildi.
- Yazının etrafına yeşil kontur ve gölge eklendi.
- 07:03Animasyon Ekleme
- Minecraft yazısı 2,5 saniyede iki farklı yazı olarak gösterilecek.
- İkinci yazı "Minecraft ürünleri satışta" şeklinde değiştirildi.
- Yazılar pre-compose edildi ve fade in/fade out animasyonu eklendi.
- 09:47Son Animasyon Ekleme
- Yazılar için hafif bir animasyon eklendi.
- Live 2,5 efekti kullanılarak animasyon oluşturuldu.
- Light burs özelliği kullanılarak animasyonun merkezi ayarlandı.
- 10:53After Effects'te Minecraft Banner Animasyonu
- Üstteki kompozisyonun bir kopyası oluşturuldu, bu animasyonsuz olacak ve yazıyı net görmek için kullanıldı.
- Altta kopyalanan kompozisyona "CC Light Burst" efekti eklendi ve efektin ayarları değiştirildi.
- Center değeri ilk salisede (-260, 256) koordinattayken, ikinci salisede (2266, -256) olarak değiştirildi.
- 12:30Render Alma ve Gif Oluşturma
- Render almak için Adobe Media Encoder Q kullanmak zorunlu, After Effects'in içinden render alınamıyor.
- Gif animasyonu seçildi ve çözünürlük 234x60 olarak ayarlandı, bu çözünürlük web banner'lar için gereklidir.
- İlk render kalitesiz çıktı, bu nedenle tekrar kaliteli bir şekilde render alındı.
- 15:33Gif Yapımının Mantığı
- Gif yapımı için After Effects'te bir proje açılıp video yapımına benzer şekilde çalışılır.
- Kaliteli bir gif alındı ve dosya boyutu yaklaşık 125 MB olarak belirtildi.
- Videoda Minecraft için web site banner gif yapımı gösterildi ve izleyicilerden video fikirleri için Discord kanalı ve yorumlar bölümüne başvuruldu.