2d animasyon nasıl öğrenilir? [kapalı]


43

2d'nin basit animasyonunu nasıl yapacağımı nereden öğrenebilirim? Yoksa tam anlamıyla Photoshop'ta bir şeyin her karesini tam anlamıyla mı çiziyor? İpuçları veya püf noktaları var mı? Başlarken yardımcı olacak dersler?

Ayrıca, hangi yazılım seçenekleri var (tercihen açık kaynak kodlu ve hatta sadece ücretsiz)?


1
Arka plan değişirken yürürken / koşarken bir çubuk şekli gibi "karmaşık" bir şey yapacaksanız ve sonra aniden çubuk şekli bir silgiye dönüşür ve uçan bir köpekle mutant çubuk kuş çocuklarına saldırır (Max Patterson'dan James Patterson tarafından) ), Flash kullanmak zorunda kalacaksınız.
Mateen Ulhaq,

14
@muntoo Neden kimse gelmez zorunda Flash kullanabilirsiniz? Bu şeyleri sizin için otomatik olarak yapan bir düğme var mı? Hayır. Bunu herhangi bir animasyon yazılımı ile yapabilirsiniz. Veya elle çizin ve görüntüleri tarayın ...
bummzack

Maalesef @bummzack sana "demek olabilir Flash kullanan".
Mateen Ulhaq,

Günümüzde pek çok 2D oyun grafiği aslında 3B modeline dayanıyor, bunun birçok nedeni var: 3B modeller 2B görüntülerden daha uyumludur; Sprite uzaylı bir anlam ifade ediyor, çünkü kelimenin tam anlamıyla 3B nesneleri oluştururken yapılmışlar; Sprite kolayca çoklu yönlerde yapılabilir; ve sadece animasyonlu 3D modelini oluşturarak kolayca canlandırılabilir. --- Kötü tarafı, bunun için, sprite nesnesinin nesnesi için 3B modelini yaratmanız ve dokulandırmanız gerekecek, ancak bence, genel süreç çok zor değil ve geri dönüş (sonuç ve uyarlanabilirlik). buna değer.
XenoRo

2
Check out Spine , aslında sen usta animatör olmak gerekmez yazılım oldukça yeni bir parça. Daha sonra oyun ortamlarında animasyonu yürütmek için de çalışma zamanları vardır.
joltmode

Yanıtlar:


19

Şu anda, 2B animasyon yapmanın birkaç yolunu düşünebilirim:

  • Bir nesnenin x, y hareketini etrafında koordine eder (örneğin dikdörtgen bir menü kaydırmak için - y koordinatlarını her birkaç ms'de bir değiştirirsiniz)
  • Her bir kareyi bir resim düzenleyicide çizmek ve doğru zamanda çizmek için doğru kareyi seçmek (örneğin bir alev animasyonu çizmek)
  • yukarıdaki ikisinin birleştirilmesi (örneğin, ekran boyunca bir sprite yürüyüşü olması)

Her şey hareket yanılsaması vermekle ilgili .

İyi yapmak nasıl?

  • Düzgün görünmesi için uygun şekilde zamanlanması gerekir (donanım kısıtlamalarına dikkat edin)
  • Ne kadar çok kareye sahipseniz, o kadar fazla ayrıntı gösterebilir ve o kadar iyi görünür (ancak daha fazla kare çizmek zorunda kalırsınız)

Ipuçları ve Püf noktaları?

Yazılım seçenekleri?

  • Neye canlandırmaya çalıştığınıza bağlı olduğunu söyleyebilirim. Sprite veya basit nesneleri canlandırmak istiyorsanız, MS Paint muhtemelen yeterli olacaktır
  • GIMP , Photoshop'a açık kaynaklı bir alternatif
  • Photoscape başka bir ücretsiz fotoğraf editörüdür. Ayrıca animasyonlu GIF'ler yapmanızı sağlar - animasyonlarınızdaki zamanlamayı test etmek için iyi
  • Synfig Arası doldurmaya dikkat etmeden animasyonlar yapmak için ToonBoom'un libre alternatifidir ve ardından videoya, gif'e veya belki bazı kareleri sprite görüntü olarak kaydeder
  • InkScape Adobe Illustrator uygulamasına libre alternatifi olan bir vektör vektör grafik editörüdür

Öğreticiler gelince, bu sizin amacınıza çok bağlı olduğunu düşünüyorum. Flash oyun yapıyorsanız, flaş öğreticileri arayın. Çizim bir şeydir, ancak görüntüleri düzgün bir şekilde canlandırmak için zamana (ve büyük olasılıkla hareket ettirmeniz) de gerekir - ve böylece bunu yapmak istediğiniz platformda nasıl yapacağınızı da öğrenebilirsiniz.


10

Klasik 2D animasyonlar kare kare oluşturulur. Sıklıkla göreceğiniz şey, çizilmesi gereken görüntü miktarını azaltmak için azaltılmış bir kare hızı kullanmalarıdır (örneğin, her kare iki kez görüntülenir).

Flash , 2D animasyon için çok iyi bir araçtır. Size soğan derisi sağlar (yeni karenizi çizerken önceki kareler parlar), ara doldurma ve şekil değiştirme. CS4 versiyonundan bu yana, uzuvları olan karakterleri çok daha kolay hale getiren kemikler ve ters kinematik ile birlikte geliyor.

" Toon Boom " da var. Profesyonel animasyon yazılımlarına kadar hobi / eğlence için bir sürü farklı yazılım paketi mevcut.

GIMP ve Photoshop gibi araçlar da animasyon için bazı işlevler sağlar, ancak bu gerçekten de çok basit şeyler içindir.

2B animasyon için çok belirgin olmayan bir seçenek bir 3B Programı kullanmaktır. Daha sonra Southpark bölümlerinin Maya kullanılarak canlandırıldığını biliyor muydunuz ?

Bir ortografik kamera projeksiyonu, uygun ışıklandırma ve düz gölgelendirme ile 2B gibi görünen, ancak 3B bir yazılımda oluşturulan animasyonlar oluşturabilirsiniz. Çoğu 3B programında kemikler, ters kinematik, kısıtlamalar, yumuşak gövdeler vb. Gibi karmaşık animasyon araçları bulunur. Blender , başlamak için iyi (ücretsiz) bir seçim olacaktır.


4

Bunu yapmak için bolca kaynak var.

Heres, Sprite Sheets kullanarak belirli bir yöntemle başlamanıza yardımcı olacak iyi bir ders. Sprite Sheets, tıpkı gerçek hayatta, bir flip book animasyonuna benzer şekilde kodla çalıştırdığınız bir sprite sayfasıdır. Ama bunu yapmak için kod kullanıyorsunuz. Başlamak zor olabilir, ama en değerli olduğunu ve en fazla kontrolü sağladığını düşünüyorum.

http://www.dreamincode.net/forums/topic/194878-xna-animated-sprite/

İşte flaş kullanırken bulduğum ilk şey, bu da iyi bir araç. Şahsen flaş kullanmamış olabilirim belki de başka bir afiş deneyimlerinde ses çıkarabilir.

http://animation.about.com/od/2danimationtutorials/2D_Computer_Animation_Tutorials_StepbyStep_Lessons_in_Flash.htm


4

2D animasyon bir sanat ve meslektir. Ve aslında ustalaşması çok zor. Dışarıdaki her animatör aslında iyi bir animasyon yapmıyor. Ama dediğiniz gibi temel animasyon için ... Bu değişir. Bir yürüyüş döngüsü 24x24 piksel sprite için 4 kare gibi cep telefonları için ok sprite animasyon seviyesini elde etmek çoğunlukla basittir. Bunu gerçekten sadece Gimp ile yapabilirsiniz ve bir önceki veya bir sonraki kareyi kılavuz olarak kaplamak için katmanların saydamlığını kullanarak. ("Soğan zarı") .Buna yardımcı olacak başka özellikleri var.

Daha yüksek çözünürlüklü 2d animasyon yapmaya çalışırken, şey daha karmaşık hale gelir. Hızlı bir tavsiye, örneğin, 13 kare yürüme döngüsü, 1, 7, 13 kareleri çizmektir. Ardından, 4, 10 gibi olanlardan ibetonlar çizin. Sonra kalanlar. (kötü bir örnek, tho)

Bütün bunlar, soğan derisi özelliğini kullanıyor. Birçok yazılım var, Pencil ve Gimp'i tavsiye ediyorum . Piksel sanat için, düşük çözünürlüklü sprite, GraphicsGale'in yanı sıra kontrol etmek isteyebilir . Ve tabii ki, sürekli akış ve animasyon kontrolü hakkında çok şey var.


2

Size "Animators Survival Kit" kitabını öneririm, bilgisayar yazılımı kullanılarak doğrudan 2D animasyona yönelik değil, genel animasyon teknikleri (ve okumak için oldukça eğlenceli) hakkında doğrudan hedeflenir.

Amazon bağlantısı


1

Sadece gözlerin kapalıyken bu kitaba git! YAŞAM TARZI: DISNEY ANİMASYONU .

Bu kitabın ne kadar harika olduğunu vurgulayamıyorum . Sadece wikipedia'dan alıntı yapıyorum.

Oniki Temel Animasyon Prensibi, 1981 kitabındaki Disney animatörleri Ollie Johnston ve Frank Thomas tarafından getirilen bir dizi animasyon prensibidir. Johnston ve Thomas, sırayla 1930'lardan itibaren önde gelen Disney animatörlerinin çalışmalarına ve daha gerçekçi animasyonlar üretme çabalarına dayanarak kitaplarını yazdılar. Prensiplerin temel amacı, fiziğin temel yasalarına bağlı kalarak bir karakter yanılsaması üretmekti, ancak duygusal zamanlama ve karakter çekiciliği gibi daha soyut konularla da ilgilendiler.

Kitap ve ilkeleri genel olarak benimsendi ve “animasyon incili” olarak anıldı. [2] 1999 yılında, çevrimiçi bir ankette “tüm zamanların en iyi animasyon kitaplarından” biri olarak oylandı. 3] Başlangıçta geleneksel, elle çizilmiş animasyona uygulamak için tasarlanmış olsa da, ilkeler günümüzün daha yaygın bilgisayar animasyonu için büyük önem taşımaktadır.

Ücretsiz ve açık kaynak kodlu 2d sanat uygulaması için MyPaint'i çok seviyorum . Burada resim yapmak çok doğal hissettiriyor. Çok temel özelliklerden yoksun olmasına rağmen. Temel özellikleri complimenting için eski arkadaşı vardır GIMP .Arzu bile deneyebilirsiniz Krita . Fırça motoru Gimp'ten daha iyi.

Animasyon + boyama için, bazı temel çizim araçlarıyla temel animasyon oluşturabileceğiniz Kalem adında başka bir çözüm vardır . Çalışmak çok eğlenceli.

Sen de Alchemy'i (sadece resim) deneyebilirsin .


1

Gelişme yolu olarak adlandırdığım şeyi almanızı öneririm ... 3-6 ay süren bitişik bir alana girip, uzman olduğunuzda mevcut iş gücünüzü gerçekten destekleyen bir alan. bunun için 3D Mesh Modelleme, özellikle de Blender'ı öğrenmek için zaman ayırmanızı tavsiye ederim . Öğreneceğiniz kavramlar, oyun çabalarınızı yaratmayı istediğiniz temel nesnelerden oyununuzu desteklemede yaratmayı istediğiniz etkilere kadar büyük ölçüde destekleyecektir. Blender animasyonları, sprite levhaları (çok kullanışlı) oldukça kolay bir şekilde oluşturmak için birleştirilebilen şeffaf PNG'ler olarak da dışa aktarılabilir. Bence zaman ayırmaya değer.


2
-1 Matthew basit bir 2D animasyon tekniği istedi, 3D öğrenmeye 3-6 ay harcamayı önerdin.
Markus von Broady

2
1. yazının 3. cevabını (19 oy alan) göz önüne alırsanız şunu iddia ediyorlar: “Günümüzde pek çok 2D oyun grafiği aslında 3B modeline dayanıyor, bunun birçok nedeni var: 3B modeller 2B görüntülerden çok daha uyarlanabilir; Spritelar anlamsal olarak anlam kazanıyor, çünkü kelimenin tam anlamıyla 3B nesneleri oluşturuyorlar. " Bu benim de akıl yürütme çizgim. 3D mesh modellemeyi herhangi bir yetkinliğe göre öğrenme yatırımı 3-6 aylık bir yatırımdır. Hazır görüntüler için web'i gezmeye ya da 2B Çizim (aynı zamanda bir yatırım) öğrenmeye istekli olmadığınız sürece, gerçekten başka bir yol yoktur. :-)
ProfVersaggi 16:12

1

Sculptris adında kısa bir Google’a gidin . Yolculuğunuzda, aynı adı taşıyan üç boyutlu bir modelleme programı keşfetmelisiniz. Kendi iki boyutlu sprite modelleme çabalarımda, ben de ProfVersaggi'nin vardığı sonucuna vardım . Ne yazık ki, beynimin program üzerinde kaymasını sağlayan Blender'ı bilmesi için sayısız sıkıntılı saati çözdüm . İşçilerimin daha hızlı geri dönüşü için başkalarıyla bir ihtiyaç duyduğumu öğrendim. Sculptris bana bunu verdi. Ayrıca, bu ilanı itibariyle ücretsiz. Bir uyarı; Bu program hala geliştirilme aşamasındadır ve çökmeyi tecrübe eder. Bu, Sculptris'in yaratıcıları dediKaza kurtarma özelliğini uygulamak için kibarca davrandı; Sonuna kadar açık. Derin iç. Yutkunma yok yutmak. Özet, yalnızca bilgi . Bizi gururlandır. Özetlemek gerekirse , Sculptris , spritelarınız için 3B modeller oluşturmanın kolay bir yoludur. Ardından, Graphicsgale gibi bir 2. boyutlu animasyon yazılımına veya Paint Shop Pro gibi bir boya programına yapıştırılmak üzere ekranınızda gösterilenlerin bir görüntüsünü kopyalamak için "prtsc" veya "print screen" düğmesine bile basabilirsiniz . Sadece, sizin için yapmayı bırakmadığınız için daha kolay hale getiremem lol.

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.