Spritesheet animasyonlar oluşturmak için ipuçları ve araçlar


23

Kolayca sprite sayfası oluşturmak için kullanabileceğim bir araç arıyorum.

Şu anda Illustrator kullanıyorum, ancak karakterin merkezini tam olarak asla tam olarak bulamıyorum, böylece hareketli (hareketli bir yer olsa da, her zaman bir yerde olmasına rağmen), hareketli sayfalarda dolaşıyor gibi görünüyor. Kullanabileceğim daha iyi araçlar var mı?

Ayrıca bir sprite sayfasıyla çalışmak için ne tür ipuçları verirsiniz? Karakterin her bölümünü ayrı katmanlar halinde mi (sol kol, sağ kol, gövde vb.) Veya her şeyde aynı anda mı yapmalıyım? diğer ipuçları da yardımcı olacaktır! teşekkür ederim


Sprite sayfasını Illustrator'dan dışa aktarmak için bazı komut dosyalarını nerede kullanıyorsunuz? Ben kullanıyorum kendi Photoshop komut dosyası ama çok Illustrator için bir şey istiyorum.
rraallvv

Yanıtlar:


13

Karşılaştığınız sorunlardan aşağıdakileri yapmanızı öneririm:

İlk önce, katman ve klasörlerle çalışın. Bu gerçekten yardımcı olur, Grup bireysel klasörler halinde birlikte yazar, böylece hepsini dolaştırabilirsiniz ve çoğaltılmış parçalar ayrı katmanlar halinde olmalıdır.

(Öyleyse bir kılıç veya bir şey varsa, bir katman üzerinde olması gerekir, gözler bir katman üzerinde olmalı, vs.). Bu tür uygulamaların gerçek gücünün böyle bir görev için olduğu yerdir. Bir şeyi karıştırırsanız, hepsini o katmana karıştırmazsınız.

Sonra cetveli etkinleştirin ve ızgarayı etkinleştirin. (Tercihler menüsünde bunları doğru bir şekilde ayarlamak için zaman ayırın). Cetvele tıklayıp uzağa sürüklerseniz, kurallar oluşturabilirsiniz. Yönergeleri kullanarak kendi sınırlarınızı belirlemek, sprite'ları (şimdi klasörlerde olması gereken) ızgara çizgilerine yapıştırmanızı ve daha iyi konumlandırmanızı sağlar.

O zaman nihayet, eğer animasyon oynatılırken işler hala biraz bitmiş görünüyorsa. Tamamen yakınlaştırırsanız (tercihler menüsünde bunun etkinleştirildiğinden emin olmanız gerekebilir), piksel başına bir ızgara görebilirsiniz. Hangi şeyleri tam olarak ihtiyaç duyduğunuz yere yerleştirmenizi sağlar.


Bu arada, bu yazı Photoshop'un bu durumda nasıl kullanılacağı hakkında konuşuyor.

4
@Sergio, nesessarily değil, PhotoShop katmanları, kılavuzları, kuralları ve piksel başına ızgaraları olan tek resim düzenleme yazılımı değildir.
SaldırıHobo

@Sergio, bu durumda Illustrator yerine PS'yi önereceğimi belirtti. Fakat evet, IIRC hala tüm bu özelliklerin Photoshop ile aynı pakette olmasına sahip olmalı. Bir süredir Photoshop ve After Effects'ten başka bir şey açmadım.
Jesse Dorsey

@AttackingHobo - kılavuzu tıklayarak yapışma yönergelerinden bahsetti; Bu eylem öncelikle Photoshop'ta kullanılır ve bunun için arayarak bulacağınız öğreticilerin% 99'u Photoshop sonuçlarını döndürür.

@Sergio, cetvelden tıklayıp sürüklemeniz gerektiğini hatırlattığınız için teşekkürler. Ancak evet, Illustrator uygulamasında rehber oluşturma yeteneği var. Bu yüzden bu bilgilerin hiçbirinin yanlış olduğunu sanmıyorum.
Jesse Dorsey

4

3D modelleriniz varsa, EnvyGames, SpriteWorks tarafından hazırlanan ve 2D sprite sayfalarını sizin için modellerden çıkaran bir program var. Animasyon oynamanı ve bir sürü şeyi kişiselleştirmeni sağlar.

Bence bunun fiyatı biraz pahalı, 49,99 dolar.

İşte SpriteWorks'ün nasıl kullanılacağı hakkında bir eğitim

3B Modellerden Sprite Oluşturma - EnvyGames



3

Sorunuz burada cevapladığım şeye benziyor: Animasyonlu sprite oluşturmak için iyi bir araç nedir?

Temel olarak, hangi programı tercih ederseniz edin animasyonlarınızı oluşturabilirsiniz. Illustrator kullanırken, katmanlarda animasyon adımları oluşturmanızı veya resimleri animasyon için Flash'a içe aktarmanızı öneririm (Flash CS4'ten beri flashda kemikler de oluşturabilirsiniz. Bir öğretici için buraya bakın ).

Animasyonlarınızı yaptıktan sonra, kareleri görüntülere dışa aktarın ve sonra bir sprite sayfası oluşturmak için cevabımda (yukarıda) açıklanan yöntemi kullanın.




2

http://www.darkfunction.com/editor/

Hata: Sinsi kişisel tanıtım için özür dilerim. Fakat bu tam da aradığınız şey olabilir.

EDIT: Sadece bu aracı özgür ve açık kaynaklı yaptığım bir güncelleme. https://github.com/darkFunction/darkFunction-Editor


Bu kendi ürününüz olduğundan, lütfen söyleyin, SSS’de
John McDonald

bu, kendi iş akışımı artık katmanlarla birlikte kullanan, iyi çalışan, biraz yavaş olsa da, buna biraz daha fazla bakmak zorunda kalabilecek güzel bir araçtır
Spooks

1

Sprite Animation Software, otomatik olarak tüm sprite animasyonu karelerinin sıralı bir sırasını içeren bir sprite sayfası oluşturur. Bu yazılım önceden oluşturulmuş hareketli sayfalarla çalışmaz - öngörülen yönlendirmeli (dikey, yatay veya tablo) ve belirtilen boyutta bir hareketli sayfa oluşturur.

Sprite animasyonu, menteşeli 2d-bones modelleri ve dokuları kullanılarak aynı araç tarafından yaratılır. youtube'da video izle


SSS’miz, “harici bir siteye bağlantıdan çok daha fazlası” olan cevaplara karşı önermektedir. Belki de neyin orada olduğunu ve neden bu sorgulayıcı için yararlı olduğunu açıklayan bir ayrıntı ekleyebilirim? :)
Cameron Fredman

0

PNG görüntülerinden oluşan bir klasörden sprite oluşturmak için Texture Packer'ı kullanıyorum . Başlangıçta Flash'ta geliştirilen bir oyunu aktarıyorum, bu yüzden MovieClip'in her karesini png'ye dışa aktarıp sonra bu görüntüleri Texture Packer'a içe aktarıyorum.

Başka bir benzer araç Zwoptex

(İkincisi Mac yazılımıdır, ancak TP'nin de Windows için bir sürümü vardır.)

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.