4 Basit Araçla Sprite Animasyonu Oluşturma

Bu 4 basit araçtan herhangi birini kullanarak Sprite animasyonu oluşturma, canlandırma ve düzenleme işlemleri kolayca yapabilirsiniz.

Sprite görüntüleri, çeşitli oyunlarda ve diğer ortamlarda bulunan 2D bitmap grafikleridir. Final Fantasy VI, Chrono Trigger ve daha yeni oyun olan Octopath Traveler gibi 2D oyunlar oynadıysanız, oyunlardaki sprite’lara zaten aşinasınızdır.

Sprite oluşturmak ve canlandırmak, oyun sanatçılarının ve geliştiricilerin karakterleri ve nesneleri büyük sahneden bağımsız olarak kontrol etmelerine olanak tanır (Sprite kullanımı için daha detaylı örneklere Dövüş Oyunu Yapmak ile ilgili oluşturduğumuz detaylı kılavuzumuza bakabilirsiniz).

Sprite’lar, daha büyük sahnedeki veya projedeki işlevlerine bağlı olarak sabit veya hareketli olabilir. Commodore 64, Nintendo Famicom ve Atari sistemleri gibi video oyun konsolları, yalnızca 2D sprite animasyonu kullanan oyun tasarım yenilikleri için ikoniktir (Örnek oyunlar için Tüm zamanların en iyi 100 Süper Nintendo oyunu ile ilgili oluşturduğumuz makalemize bakmayı unutmayın).

Böyle renkli bir geçmişle, yaratıcı çalışmalar nasıl yapılır? Hadi gelin hep birlikte bakalım.

Bir Sprite’ı Canlandırma

Bir Sprite’ı Nasıl Canlandırırsınız?

Animasyon sprite, sanal sanatın daha basit biçimlerinden bazıları olsa da, büyük olasılıkla ilk denememizde onu anlayamayacaksınız.

İlk olarak, bazı hareketli grafik sayfalarına sahip olmanızı veya kendi hareketli grafiğinizi oluşturmanızı öneririz. Canlandırmak istediğiniz orijinal bir karakter mi var? İşte şimdi tam zamanı!

Hareketli grafik sayfası, bir karakterin gerçekleştirmesini istediğiniz tüm eylemlerin özetidir. Karakteriniz çalışıyorsa, her hareketi tek bir Frame’de gerçekleştiren sprite’ları canlandırmanız gerekir.

Sayfanın kendisi her şeyi görüntüler ve hareketli grafik oluşturucu hangi eylemi oluşturacağını seçmelidir.

Her Sprite Sayfasının Kalbi

Döngüler ve frames’ler, hareketli grafik sayfasını oluşturan iki ana şeydir. Hareketli grafik sayfasında gördüğünüz şey, hepsi hizalanmış ve canlandırılmaya hazır bir grup karedir. Kullandığınız araçlar biraz animasyon sihri kattığında, bu kareler döngü haline gelir.

Karelerin döngüleri, sprite animasyonunu olduğu gibi yapan şeydir.

The Legend of Zelda: A Link to the Past’ta, kılıcını farklı pozisyonlarda tutan Link’in görüntüleri frames haline getirirken, kılıcı sallamasının eylemi tüm bu frames’lerin bir araya getirildiği döngüdür.

Artık model sayfalarının ne olduğu hakkında biraz daha fazla şey bildiğimize göre, hareketli grafik animasyonlarında kareleri nasıl değiştirdiğimize bakalım.

Hareketli Grafik Sayfalarını Dilimleme

Görüntüleri ayırmak için hareketli grafik sayfanızı önemli ölçüde kesmek istiyorsanız, bunu yapmak oldukça basittir. Bu, küçük gifler oluşturmak için mükemmeldir. Görüntünüzü istediğiniz sütun ve satır sayısına göre dilimlemek için birçok yöntem ve araç vardır.

Mükemmel bir kaynak, EZGif.com’daki Sprite sheet cutter‘dır. Ayrıca hareketli grafik sayfalarınızı bölmenize ve yeniden derlemenize olanak tanır.

Sprite Sayfa Animasyonlarını Kodlama

Sprite için Hangi Komut Animasyonu Gösterecek?

‘Next’ komutu. Göstermek istediğiniz şeyle ‘move’ komutunu yazmanız yeterlidir. Örneğin, ‘next move’ veya ‘next look’ gibi.

Sprite Animasyonu için Kaç Kareye İhtiyacınız Var?

Frames’leri kimin oluşturduğuna bağlıdır. Bir karakterin yaptığı her eylem için kareleri hesaba katmanız en iyisidir. Yani bir karakter on yürüme frames’ine, beş atlama frames’ine ve on koşu frames’ine sahip olabilir. Bu durumda standart olan 24-40 kare oldukça yeterlidir.

Kendinizi bir ton kareyle aşırı doldurmak istemezsiniz, bu yüzden animasyonunuzun çok yoğun olmasına izin vermeyin. Ayrıca, kaç megabayt ve çözünürlükle çalıştığınıza da bu noktada önemlidir.

Sprite Animasyonu Oluşturma Araçları

Sprite’ları canlandırmak, kendi döngülerinizi oluşturmak ve frames’lerinizi geliştirmek için kullanabileceğiniz 4 harika araca bakalım.

Piskel the Free online sprite editor

Bu, tercih ettiğiniz tarayıcınızda sprite oluşturmak ve canlandırmak için kullanabileceğiniz harika bir sprite editörüdür. Kendi galerinizi oluşturabilir ve istediğiniz dosya formatına aktarabilirsiniz. Piskel size tam kontrol sağlar, hatta kreasyonlarınızı ticari projelerde kullanma özgürlüğü verir.

Piskel the Free online sprite editore buradan ulaşabilirsiniz.

Sprite Sheet Animator

Sprite Sheet Animator, bir projeye doğrudan girmek isteyen tüm sprite yapımcıları için mükemmeldir. Biçimlendirebileceğiniz ve üzerine inşa edebileceğiniz farklı hareketli grafik boyutlarını içerir.

Web’den veya bilgisayarınızdan uygun ölçüleri ve çizimleri doldurduktan sonra sprite’ları hızlı bir şekilde canlandırabilirsiniz. Hatta tek bir yerde animasyonlu bir gif bile yapabilirsiniz.

Sprite Sheet Animator’ün resmi web sitesine buradan ulaşabilirsiniz.

Aseprite – Animasyonlu sprite editörü ve piksel sanat aracı

Bu harika küçük hareketli grafik düzenleyici, sprite’ları tek bir yerde oluşturmanıza, canlandırmanıza ve düzenlemenize olanak tanır. Retro tarzı ve çok sayıda seçenek, onu hevesli sprite animatörleri için ideal kılar.

Renk paleti kontrolü, animasyon modları, döngüsel oynatma, farklı fırça setleri ve neredeyse tüm dışa aktarma seçeneklerine sahip olursunuz.

Deneme sürümü ile aracı deneyebilirsiniz, ancak 20 dolar karşılığı tüm erişime sahip olmazsanız, hiçbir projeyi kaydedemezsiniz.

Aseprite resmi web sitesine buradan ulaşabilirsiniz.

BobSprite – Ücretsiz Çevrimiçi Sprite Düzenleyici

Piskel gibi BobSprite, tarayıcınızdan oluşturmanıza izin veren harika, basit bir sprite animatörüdür. Tek ihtiyacınız olan, Google Chrome veya Mozilla Firefox’un güncellenmiş bir sürümüdür. Uygulamayı başlatmak ve çizime başlamak için BobSprite sayfasındaki herhangi bir ekran görüntüsüne tıklamanız yeterlidir.

BobSprite resmi web sitesine buradan ulaşabilirsiniz.

Daha fazla oku:

• 2D Animasyon Yapma ve iş fırsatı yakalama
• Dövüş oyunu yapmak! Yeni başlayanlar için pratik Rehber [Bölüm 1]
• Animasyon için Dört Ayaklı Yaratık ve Hayvan Anatomisi