Metlivi Blog

Küçük Bir Piksel Evcil Hayvanın Bekleme (Idle) Animasyonuna Nasıl Canlılık Katılır?

Küçük bir piksel evcil hayvana canlılık hissi vermek için gövdenin yavaşça inip kalkması gibi net ve birincil bir hareket canlandırın; ardından kulak seğirmesi veya kuyruk sallanması gibi daha küçük ve gecikmeli bir hareket ekleyin. Ayakları veya kütle merkezini sabit tutun, hareketler arasında duraklamalar bırakın ve döngüyü hedeflenen görüntüleme boyutunda kontrol edin. Amaç sürekli bir hareket değil, ilk poza temiz bir dönüşe sahip, kolay algılanabilir bir ritim yakalamaktır.

15 Ekim 20266 dakikalık okumaYazan: Metlivi Editorial Team
Bölüm 1

Evcil hayvana uygun tek bir hareket seçin

İşe, evcil hayvanın dinlenme durumunu birkaç kelimeyle tanımlayarak başlayın: tetikte, uykulu, meraklı veya sakin. Bu izlenimi destekleyen ve karakterin silüetine uyan tek bir eylem seçin. Yuvarlak bir yaratık hafifçe yükselip alçalabilir; uzun kulaklı bir evcil hayvan kulaklarını oynatabilir; havada süzülen bir sprite ise bir piksel kadar kayıp geri dönebilir. Bunlar bir tasarım tercihidir, bir yaratığın ne yapması gerektiğine dair kesin kurallar değildir.

Sprite gerçek boyutunda görüntülendiğinde ana hareketin kolayca anlaşılmasını sağlayın. Evcil hayvan yalnızca birkaç düzine piksel boyundaysa birçok küçük ayrıntı birbirine karışır veya kaybolur. Başın konumundaki bir değişiklik ya da bir kuyruğun ana hatları, hareket eden birkaç parlak ayrıntıdan çok daha net okunabilir. Önce sabit bir versiyon çizin, ardından karakterin genel şeklini değiştirmeden bu çizimin hangi kısmının hareket edebileceğine karar verin.

Bölüm 2

Kareleri çizmeden önce bir sabitleme noktası (anchor) belirleyin

Sabit kalması gereken bir nokta seçin: bu genellikle ayaklar, gövdenin alt kısmı veya havada asılı duran bir karakterin merkezidir. Konumunu zihninizde veya geçici bir kılavuz çizgiyle işaretleyin. Hareketi çizerken, yapılan eylem gerektirmediği sürece bu sabitleme noktasının kaymadığından emin olun. Planlanmamış kaymalar, evcil hayvanın bulunduğu alanda kayıyormuş ya da zıplıyormuş gibi görünmesine neden olabilir.

Nefes almaya benzeyen basit bir yukarı-aşağı salınım için birkaç poz kullanın: dinlenme pozu, hafifçe yükselmiş veya genişlemiş poz ve dinlenme pozuna dönüş. Piksel sanatında tek bir piksellik değişim bile yeterli olabilir. Silüeti tutarlı tutun: Gövde yükseliyorsa ayakların sabit mi kalacağına, onunla birlikte mi kalkacağına yoksa kısa bir süreliğine sıkışacağına mı karar verin. Bu tercihler arasındaki tutarlılık, hareketin bilinçli hissettirmesini sağlar.

Bölüm 3

Küçük bir poz dizisi oluşturun

Pikselleri rastgele değiştirmek yerine diziyi anahtar pozlar üzerinden oluşturun. Dinlenme pozunu, hareketin ulaştığı en uç noktayı ve dönüş pozunu çizin. Yalnızca eylem gerektiriyorsa araya bir veya iki ara kare (in-between) ekleyin. Kare sayısı evrensel bir zamanlama kuralı değil, yalnızca bir başlangıç tercihidir; ekran boyutu, çizim tarzı ve oynatma hızı okunabilirliği doğrudan etkiler.

Örneğin, kompakt bir nefes alma döngüsünde nötr bir poz, hafifçe genişlemiş bir poz, kısa bir bekleme ve nötr poza dönüş kullanılabilir. Bu bekleme, gözün değişimi algılamasına zaman tanır. Evcil hayvan mekanik hissettiriyorsa daha fazla kare eklemeden önce her bir pozun süresini ayarlayın. Aseprite’ın animasyon araçları diziyi önizlemenize, her karenin süresini tek tek değiştirmenize ve seçilen bir bölümü döngüye almanıza olanak tanır; bu da zamanlama seçeneklerini karşılaştırmanıza yardımcı olabilir. (Aseprite animasyon belgeleri)

Bölüm 4

Gecikmeli ikincil bir hareket ekleyin

Küçük bir ikincil eylem, evcil hayvanın tek parça hâlinde hareket eden yekpare bir şekil gibi hissettirmesini önleyebilir. Ana gövdenin yükseldiği poza ulaşmasını bekleyin, ardından kulağı veya kuyruğu bir kare sonra hareket ettirin. Gövde geri döndükten sonra bu parçanın da yerine oturmasını sağlayın. Bu kademeli zamanlama, takip eden hareket (follow-through) prensibine dayanan bir animasyon tercihidir: Farklı parçaların aynı anda başlayıp durması gerekmez. Eklenen hareketin ana hareketi desteklemesi ve onun önüne geçmemesi için birincil hareketten daha küçük olmasını sağlayın.

Başlangıçta tek bir ikincil ayrıntı seçin. Her iki kulak, kuyruk, gözler ve dekoratif desenlerin tümü hareket ederse silüet karmaşıklaşabilir ve dinlenme durumu zor okunabilir. Diziyi bu ayrıntıyı çıkararak deneyin; yalnızca normal boyutta görülebilir bir katkı sağlıyorsa geri ekleyin. Belirgin esnek uzuvları olmayan bir evcil hayvanda, karakterin tasarımına uyduğu sürece kısa bir göz kırpma veya etrafa bakma da aynı işlevi görebilir.

Bölüm 5

Zamanlamayı ve piksel değişikliklerini kontrol altında tutun

Zamanlamayı çizimin bir parçası olarak değerlendirin. Daha uzun süren bir kare bir duraklama yaratır; kısa bir kare ise geçişin hızlı hissedilmesini sağlar. Döngü fazla hareketli ve huzursuz görünüyorsa dinlenme pozunu uzatmayı, hareket takılıyormuş gibi hissettiriyorsa geçişi kısaltmayı deneyin. Sabit bir ideal döngü uzunluğu yoktur: Durumu değerlendirmek için hedeflenen kullanım alanını ve oynatma önizlemenizi referans alın.

Yalnızca hareketin gerektirdiği kadar az pikseli değiştirin. Birbirine yakın pozlar arasında büyük yeniden çizimler yapmak, özellikle gözlerin ve küçük işaretlerin çevresinde dış hatların titremesine (flicker) yol açabilir. Soğan zarı (onion skinning) özelliği, çizim yaparken komşu kareleri referans olarak görmenizi sağlayarak bu piksellerin zaman içindeki değişimini incelemenize yardımcı olur. Aseprite'ta bu özellik, yapılandırılabilir ayarlarla önceki ve sonraki kareleri görüntüleyebilir. (Aseprite soğan zarı belgeleri)

Bölüm 6

Döngüyü fark edilir bir atlama olmadan tamamlayın

Bir döngü son pozunu ilk pozunun hemen ardından oynatır; bu nedenle bu iki kareyi doğrudan karşılaştırın. Sabitleme noktaları, silüet hatları ve önemli ayrıntıları doğal bir şekilde birbirine bağlanmalıdır. Son kare zaten ilk kareyle tamamen aynıysa ve editörünüz ya da oyununuz her ikisini arka arkaya görüntülüyorsa bu tekrarlanan poz fazladan bir duraklama yaratabilir; birbirinden keskin bir şekilde farklıysa döngü başa sararken göze batan bir atlama oluşabilir. Kare dizisini veya sürelerini kullandığınız oynatma biçimine göre ayarlayın.

Döngüyü yalnızca bir kez değil, birkaç tur boyunca önizleyin. Ayakların veya sabitleme noktasının kayıp kaymadığını, silüette ani değişimler olup olmadığını ve küçük ayrıntılarda titreme yaşanıp yaşanmadığını gözlemleyin. Ayrıca animasyonu, kullanılacağı arka plan üzerinde ve orijinal ölçeğinde inceleyin. Yakınlaştırıldığında net görünen bir ayrıntı gerçek boyutunda kaybolabilir; editörde çok küçük görünen tek piksellik bir hareket ise tamamlanmış spriteta oldukça belirgin hâle gelebilir.

Bölüm 7

Kısa bir kontrol listesi uygulayın

Bekleme döngüsünün bittiğine karar vermeden önce; ana eylemin tanınabilir olduğunu, dinlenme pozunun algılanması için yeterli zaman tanındığını ve ikincil hareketlerin ana hareketle eşzamanlı değil, onu takip edecek şekilde ilerlediğini kontrol edin. Evcil hayvanın yerinde sabit kaldığını, döngünün başa temiz bir şekilde döndüğünü ve animasyonun hedeflenen boyutta spritea hâlâ uygun olduğunu doğrulayın. Maddelerden biri beklentiyi karşılamıyorsa tek seferde tek bir değişiklik yapın (zamanlama, sabitleme noktası veya piksel yerleşimi) ve ardından döngüyü tekrar önizleyin.

En güvenilir küçük bekleme animasyonları genellikle dikkatle zamanlanmış birkaç pozdan oluşur: birincil bir hareket, isteğe bağlı gecikmeli bir ayrıntı ve dinlenme durumuna sakin bir dönüş. Bu yapı, evcil hayvanın orijinal şeklini korurken hareket eklemeniz ve döngüyü kolayca denetlemeniz için pratik bir yol sunar.

Bölüm 8

Kaynaklar

İlgili okumalar

Bu konuyu keşfetmeye devam et