Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Ali Yıldırım tarafından sunulan bir 2D animasyon eğitim içeriğidir. Eğitmen, Adobe Illustrator ve After Effects gibi programlar kullanarak Hüseyin Bolt karakterinin koşu animasyonunun nasıl oluşturulacağını adım adım göstermektedir.
- Video, 1 saat süren bir eğitim dersi olup, karakter animasyonunun tüm aşamalarını kapsamaktadır. İçerikte önce Illustrator'da temel şekillerin oluşturulması, ardından After Effects'e aktarılması, ayak ve kol hareketlerinin animasyonlanması, kıyafetlerin ekleme ve trim paths özellikleriyle düzenleme, karakterin kafasının ve yüz ifadelerinin oluşturulması ve son olarak GIF formatına dönüştürme süreci anlatılmaktadır.
- Eğitim boyunca keyframe düzenleme, easy ease özelliği, rotation hareketleri, path ekleme ve düzenleme, mask kullanımı, expression kodları ve trim paths özellikleri gibi teknik detaylar detaylı şekilde gösterilmektedir. Video, beş saniyelik bir animasyon oluşturmayı hedefleyerek, karakterin doğal koşu hareketlerini, ayak ve kol zamanlamalarını ve yüz ifadelerini nasıl gerçekçi hale getireceğinizi adım adım öğretmektedir.
- 00:02Video Amacı ve Animasyon Tekniği
- Bu video, Hüseyin Bolt koşu animasyonunu tek bir videoda toplamak için yapılan bir düzeltme videosudur.
- Normalde iki parçada yapılacak olan animasyon, beş parçaya kadar yükseldiği için verimsiz sonuç vermiş ve bu nedenle yeniden çekilmeye karar verilmiştir.
- Hüseyin Bolt animasyonunda, bir saniyelik görüntü arka arkaya tekrar edildiğinde karakter sürekli koşuyormuş gibi görünür.
- 01:01Adobe Illustrator ve After Effects Hazırlığı
- Adobe Illustrator'de 1000x1000 piksel kare bir sayfa oluşturulur ve ruster effects kısmında 72 ppi değeri ayarlanır.
- After Effects'te "Husain Bolt" adında, 1000 piksel yükseklik/ genişlik, 60 frame rate, square pixel ve 50 frame (5 saniye) süren bir kompozisyon oluşturulur.
- Illustrator'da elips tool ile 500x500 piksel bir çember oluşturulup, makas aracı ile çemberin dörtte birlik kısmı elde edilir.
- 03:25Path Ekleme ve Düzenleme
- After Effects'te new shape layer seçeneği kullanılarak bir vektörel boşluk oluşturulur.
- Shape layer içine path eklemek için add butonuna tıklanıp path sekmesi seçilir.
- Illustrator'dan kopyalanan path, After Effects'te path yazısına tıklayıp yapıştırılarak eklenebilir.
- 05:49Stroke Değeri ve Renk Ayarları
- Path'e stroke değeri eklemek için add butonuna tıklayıp stroke seçeneği seçilir.
- Stroke değeri 35 piksel olarak ayarlanır ve ayak beyaz renkte yapılır.
- Ayağa esmer bir renk verilir ve nesne "ön ayak" olarak yeniden adlandırılır.
- 07:47Merkez Noktası Düzenleme
- Ayağın dönüş hareketi için merkez noktasının sağ üst köşeye yapıştırılması gerekir.
- Pan behind tool kullanılarak merkez noktası sağ üst köşeye yerleştirilir.
- Yakalama işlemi sırasında önce mouse'u sonra Ctrl tuşunu bırakmak önemlidir.
- 08:21Nesne Taşıma ve Rotasyon Ayarları
- Nesneyi taşırken, kapladığı kare şeklindeki alanın boşluklarından tutarak taşıyarak merkez noktasını korumak gerekir.
- Path'in üstünden tutup taşıyorsanız, merkez noktası sabit kalırken path hareket eder, bu nedenle boşluklardan veya kahverengi kısımdan tutarak taşımanız daha sağlıklı olacaktır.
- Rotation değeri dikeylikte ölçülür ve çapraz duran nesnelerde bile derece olarak gösterilir, bu nedenle ayağın pozisyonunu ayarırken bu faktöre dikkat edilmelidir.
- 10:07Animasyon Oluşturma
- Sıfırinci frame'de ayağın sıfır derecede başlaması, otuzuncu frame'de eksi altmış derecede olması ve birinci saniyede tekrar sıfıra dönmesiyle bir ayağa atma animasyonu oluşturulur.
- Çalışma alanını bir saniyeden fazla çekerek space tuşuna basıldığında video sürekli tekrar etmesi sağlanır.
- Tüm keyframe'lere sağ tıklayıp "Keyframe Assistant Easy Ease" özelliği uygulanarak (veya F9 tuşu ile) hareketlerin başlangıç ve bitişlerinin yumuşak hale getirilmesi sağlanır.
- 12:18Path Ayarları ve Hareketler
- Path hareketi, elastik bir ip gibi düşünülebilir ve nereye şekil verilirse oraya doğru uzar.
- Path değerini sıfır, onbeş, otuz, kırkbeş ve bir saniyelik frame'lere sabitlemek için keyframe'ler oluşturulur.
- Kırkbeşinci frame'de path değerini ayarlayarak ayak yere değdiği noktayı belirleyebilir ve kulakçıkları çapraz olacak şekilde hareket ettirerek ayağın sertçe yere basması efekti oluşturulur.
- 15:04Diz Hareketleri ve Animasyon Tamamlama
- Ayak en gerideyken ileriye doğru gittiğinde dizin yukarıya doğru çıkması için onbeşinci frame'de path değerleri ayarlanır.
- Aşırı hareketler animasyonu kötü göstereceği için dikkatli olunmalıdır.
- Çalışma alanı iki saniyeye çekildikten sonra path ve rotation keyframe'leri kopyalanıp bir saniyenin üzerine yapıştırılarak hareket tekrar edilir.
- 17:28Arka Ayak Ekleme ve Koşma Animasyonu
- Ön ayak kopyalanıp "Arka Ayak" olarak yeniden adlandırılır ve layer panelinde en alt sıraya taşınır.
- Arka ayak layerının otuzuncu framedeki keyframe'leri sıfırıncı frame'e taşırarak arka ayak hareketine yarımdan başlanır.
- İki saniyelik animasyon bir saniyeye geri çekilir ve fazlalık keyframe'ler silinerek tam bir koşma hareketi oluşturulur.
- 19:47Karakter Oluşturma ve Gövde Ayarları
- Elips tool ile çizilen dairenin boyutu önemli değil, ten rengiyle doldurulmalı ve stroke rengi kapatılmalıdır.
- Pub center tool ile Ctrl tuşuna basılı tutup çift tıklayarak merkez noktası seçili layerın ortasına getirilmelidir.
- Daire, align özelliklerinden sayfanın ortasına yerleştirilip "gövde" olarak adlandırılır ve tüm nesneler bu gövdeye bağlanacaktır.
- 21:58Animasyon ve Ahenk
- Animasyonda ahenk önemlidir; bacaklar hızlı giderse vücut da hızlı gider, zıplama anında yumuşak bir duruş varsa diğer kısımlar da yumuşak durmalıdır.
- Gövdenin pozisyon hareketinde, sıfırıncı başlangıç noktasından 15 frame ileride shift tuşuyla aşağı, 30 frame'de yukarı hareketi verilir.
- Loop out kodu (loopout()) kullanılarak hareket tekrarlanır, böylece animasyon başa sardığında aynı hareket tekrarlanır.
- 24:54Bacaklar ve Giysi Ekleme
- Karakterin bacakları gövdesiyle birlikte zıplaması için sıfırıncı başlangıç noktasında ön ayak ve arka ayağın helezonları gövdenin üzerine bırakılır.
- Arka ayağın stroke rengi koyu yapılabilir.
- Karaktere short ve atlet giydirmek için gövde kopyalanır, biri sarı atlet rengi, diğeri yeşil şort rengi olarak ayarlanır.
- 27:17Maske Kullanımı
- Short'a mask eklendiğinde, short ve mask arasında karışıklık yaşanabilir, bu yüzden content ve mask bir olarak ayrı ayrı seçilmelidir.
- Maske path'i kullanılarak shortun şekli ayarlanabilir, illustrator'dan kopyalanan path Ctrl+V ile yapıştırılabilir.
- Mask path'i kullanılarak göbek ortaya çıkarılabilir veya tombul form oluşturulabilir.
- 30:08Karakterin Gövde Hareketi
- Short (ayak) gövdeye bağlandıktan sonra, gövdeye rotation hareketi verilmeli çünkü yürürken vücut hafiften ileriye geriye doğru hareket eder.
- Gövdenin rotation hareketi, sıfırıncı başlangıç noktasında başlar ve 15. frame'de (karakterin yere bastığı, en gergin olduğu zaman) 5-7 dereceye kadar döner.
- 30. frame'de tekrar sıfıra döner ve bu hareket loop out koduyla tekrar eder, böylece karakter hafifçe ileriye doğru atmaya başlar.
- 32:41Kolların Oluşturulması
- Kollar için Illustratör kullanılarak, 400x400 piksel çemberden alınan bir parça kullanılır ve stroke özelliği ile ön ayakla aynı renk verilir.
- Kolun merkez noktası köşeye alınır ve rotation hareketi için birim noktası ayarlanır.
- Ön kol, sıfırıncı başlangıç noktasında en önde durur ve ayak ileriye giderken kol geriye doğru 60 dereceye kadar döner.
- 37:51Omuz ve El Hareketleri
- Elips tool ile çizilen daire, ten rengiyle dolgulandırılarak omuz olarak kullanılır ve sıfırıncı başlangıç noktasında gövdeyi takip eder.
- Omuz nesnesinden kopyalanarak ön el oluşturulur ve merkez noktası ortaya alınır.
- Ön elin gövdeyi takip etmesi yerine ön kolu takip etmesi sağlanır, böylece ön kol rotation hareketini yaparken ön el de hareket eder.
- 39:50Karakterin Kolu ve Eli Hareketleri
- Ön kol ve ön el nesneleri kopyalanarak arka kol ve arka el olarak oluşturuldu.
- Arka kol ve el nesnelerinin rengi koyu renge değiştirildi ve arkaya atıldı.
- Arka kol için U tuşu kullanılarak rotasyon hareketleri ayarlandı ve keyframe değerleri değiştirildi.
- 41:45Kolların Hareketi Ayarlanması
- Ön kolun en önde olduğu pozisyonu -15 derece olarak ayarlandı.
- Arka kolun en arkada olduğu pozisyonu 60 derece olarak belirlendi.
- Arka kol için keyframe değerleri tersine çevrildi (Keyframe Assistant > Time Reverse Keyframes).
- 44:04Karaktere Short Ekleme
- Ön ayaktan kopyalanarak "ön short" oluşturuldu ve rengi ve stroke değeri ayarlandı.
- Trimpads özelliği kullanılarak short'un uzunluğu ayarlandı.
- Short'un ayak hareketini takip etmesi için önce ayak hareketleri verildikten sonra short oluşturulması gerektiği belirtildi.
- 45:42Arka Short ve Çorap Ekleme
- Ön short'taki trimpads özelliği kopyalanarak arka short'a yapıştırıldı.
- Karaktere çorap eklendi, ön çorap için trimpads özelliği kullanıldı.
- Arka çorap için de benzer işlemler yapıldı ve renk ayarlandı.
- 49:33Çoraplara Detay Ekleme
- Ön çoraptan kopyalanarak yeşil ve sarı çizgili çoraplar oluşturuldu.
- Trim path özelliklerindeki start değeri %75'e indirildi.
- Offset özelliği kullanılarak çizgilerin konumu ayarlandı ve arka çoraplara da benzer işlemler yapıldı.
- 52:33Ayakkabı Oluşturma
- Ön çorap kopyalanıp siyaha boyanarak ayakkabı oluşturuldu ve stroke değeri 35'ten 37'ye çıkarıldı.
- Line cap özelliği "round cap" olarak ayarlanarak karakterin ayağı oval hale getirildi.
- Trim paths özelliği kullanılarak ayakkabının başlangıç ve bitiş özellikleri düzenlendi.
- 54:47Arka Ayakkabı Oluşturma
- Arka çoraptan kopyalanıp siyaha boyanarak arka ayakkabı oluşturuldu.
- Arka ayakkabının trim path özellikleri %93'e çekildi ve iç kısmının end değeri %98'e çekildi.
- Arka ayakkabının kalınlığı 37 olarak ayarlandı.
- 55:31Kafa ve Boyun Oluşturma
- Kafa oluşturuldu ve stroke rengi kapatıldı, merkez noktası sayfanın ortasına yerleştirildi.
- Boyun için rounded rectangle kullanılarak basit bir şekil oluşturuldu ve merkez noktası ortaya alındı.
- Boyun, gövdeyi takip edecek şekilde konumlandırıldı.
- 58:14Hareket Ekleme
- Kafaya pozisyon hareketi eklendi ve 15 frame'de aşağı inerek, 30. frame'de yukarı çıkarak hareket oluşturuldu.
- Hareket ease yapıldı ve loop-out hareketi eklendi.
- Kafa, gövdeyi takip edecek şekilde bağlandı, böylece karakter hem kafası hem de gövdesiyle hareket edebildi.
- 59:42Saç ve Sırıtma Ekleme
- Kafadan kopyalanarak saç oluşturuldu, pozisyon hareketi ve expression kısmı kapatıldı.
- Saç, suratı takip edecek şekilde konumlandırıldı.
- Sırıtma için elips tool ile daire çizildi, convert to base path özelliği kullanılarak path düzenlendi ve ağız olarak suratı takip edecek şekilde yerleştirildi.
- 1:02:33After Effects'te Karakteri Hazırlama
- Konuşmacı, zemin rengi seçme konusunda zorlandığını ve renk kodlarını çaldığını itiraf ediyor.
- Hazırlanan karakterin altında boşluk kaldığını ve orantısız olduğunu belirtiyor.
- Tüm öğeleri seçip Command+Shift+C kısayolu ile "precompose" penceresini açarak "Usain Bolt" adında bir grup oluşturuyor.
- 1:03:46Render İşlemi
- 60 saniyelik bir karede karakterin 60 karede göründüğünü belirtiyor.
- Composition Add Render Que'ye girerek "Best Settings" ve "Lossless" seçeneklerini seçiyor.
- Format kısmını "JPG Sequence" olarak ayarlayıp, "Sequence" kelimesinin ardışık anlamına geldiğini açıklıyor.
- 1:04:44Photoshop'a Aktarım
- After Effects'i iş bittiğinde kapatmanın önemli olduğunu, aksi takdirde programın kasan olacağını belirtiyor.
- Photoshop'u açıp, "File" menüsünden "Open" seçeneğine tıklayarak "Usain Bolt" klasörüne giriyor.
- İlk frame'i seçip "Image Sequence" seçeneğine tıklayarak tüm kareleri bir araya getiriyor.
- 1:05:44GIF Oluşturma
- File menüsünden "Export" ve "Save for Web" seçeneğine tıklayarak GIF çıktısını alıyor.
- GIF'in boyutunu kontrol edip, "Looping Options" kısmını "Forever" olarak ayarlayarak sürekli döngü halinde oynatılmasını sağlıyor.
- Google Chrome'a sürükleyerek GIF'in döngü halinde çalıştığını gösteriyor.
- 1:06:55Dersin Sonu
- GIF'ler videolar kadar akıcı olmadığı için, After Effects'te izlenen kadar akışkan bir görüntü olmadığını belirtiyor.
- GIF oluşturma yönteminin bu şekildedir diyerek dersi bitiriyor.
- İzleyicilere Designus'a destek olmalarını, abone olmalarını ve yorumlarını paylaşmalarını istiyor.