Як навчитися анімації 2d? [зачинено]


43

Де я можу навчитися добре робити просту 2d-анімацію? Або це насправді просто буквально малює кожен кадр чогось у фотошопі? Чи є поради чи підказки? Підручники, які допоможуть розпочати роботу?

Також які варіанти програмного забезпечення існують (бажано, з відкритим кодом або навіть просто безкоштовно)?


1
Якщо ви збираєтеся зробити щось "складне", наприклад, фігурка з палицею, що ходить / бігає, коли фон змінюється, а потім раптом фігурка палиці перетворюється на гумку і атакує мутантів-дітей-птахів-птахів з літаючою собакою (від Maximum Ride від Джеймса Паттерсона ), вам доведеться використовувати Flash.
Матін Ульхак

14
@muntoo Чому потрібно використовувати Flash? Чи є у неї кнопка, яка робить це автоматично для вас? Ні. Це можна зробити з будь-яким програмним забезпеченням для анімації. Або намалюйте його вручну та скануйте зображення ...
bummzack

@bummzack Вибачте, я мав на увазі "ви можете використовувати Flash".
Mateen Ulhaq

Сьогодні багато 2D-ігрових графіків фактично базуються на тривимірній моделі. Це багато причин: 3D-моделі набагато більш пристосовані, ніж двовимірні зображення; Спрати мають просторовий сенс, оскільки вони буквально зроблені з надання 3D-об'єктів; Спрайт можна легко скласти з декількох напрямків; і їх можна легко анімувати, просто надавши анімовану 3D-модель. --- Погана сторона полягає в тому, що для цього вам потрібно буде створити і текстурувати 3D-модель для об'єкта вашого спрайту, але загальний процес, на мою думку, не набагато складніший, і повернення (результат і адаптованість) це варте того.
XenoRo

2
Перевірте Хребет , це досить нова програма, яка насправді не вимагає від вас майстра-аніматора. Після цього також є можливість виконання анімації в ігрових середовищах.
joltmode

Відповіді:


19

Зараз я можу придумати декілька способів зробити двовимірну анімацію:

  • Переміщуючи координати x, y навколо об'єкта (наприклад, для переміщення прямокутного меню - ви змінюєте y-координати кожні кілька мс)
  • Намалювання кожного окремого кадру в редакторі зображень і вибір правильного кадру для малювання в потрібний момент (наприклад, малювання анімації полум'я)
  • поєднання двох вищезгаданих (наприклад, спрайт ходити по екрану)

Вся справа в наданні ілюзії руху.

Як це зробити добре?

  • Це повинно бути приурочене належним чином, щоб воно виглядало гладко (пам'ятайте про технічні обмеження)
  • Чим більше кадрів у вас, тим більше деталей ви зможете показувати, і тим краще вони будуть виглядати (однак вам доведеться намалювати більше кадрів)

Поради та хитрощі?

Параметри програмного забезпечення?

  • Я б сказав, що це залежить від того, що ви намагаєтесь оживити. Якщо ви хочете анімувати спрайтів чи простих об’єктів, то MS Paint, ймовірно, буде достатньо
  • GIMP - це альтернатива Photoshop з відкритим кодом
  • Photoscape - ще один безкоштовний редактор фотографій. Це також дозволяє зробити анімовані GIF - добре для тестування часу в анімації
  • Synfig - це безкоштовна альтернатива ToonBoom для анімації, не піклуючись про тюнінг, а потім експортувати їх у відео, gif або, можливо, зберігати деякі кадри як зображення для спрайтів
  • InkScape - це векторний графічний редактор, який є альтернативою Adobe Illustrator

Що стосується навчальних посібників, я думаю, що це дуже залежить від вашої мети. Якщо ви робите флеш-гру, тоді шукайте флеш-уроки. Малювання - це одне, але вам також потрібно вчасно (і, можливо, перемістити) зображення, щоб анімувати їх належним чином - і так ви могли б навчитися робити це на платформі, на якій ви збираєтесь.


10

Класична 2D анімація створюється кадр за кадром. Що ви часто бачите, це те, що вони використовують зменшений кадр (наприклад, кожен кадр відображається двічі), щоб зменшити кількість зображень, які потрібно намалювати.

Flash - це дуже хороший інструмент для двовимірної анімації. Він надає вам шкіру з цибулею (попередні кадри просвічують, поки ви малюєте новий кадр), підтягування та перетворення форми. Починаючи з версії CS4, він також поставляється з кістками та зворотною кінематикою, що значно полегшує анімацію персонажів з кінцівками.

Є також " Toon Boom ". У них багато різноманітних програмних пакетів для хобі / розваг до професійного програмного забезпечення для анімації.

Такі інструменти, як GIMP та Photoshop, також надають певну функціональність для анімації, але це дійсно лише для дуже основних матеріалів.

Інший, не настільки очевидний варіант для двовимірної анімації - використання 3D-програми. Чи знаєте ви, що пізніші епізоди Southpark були анімовані за допомогою Майї?

Завдяки ортографічній проекції камери, правильному освітленню та плоскому затіненню ви можете створювати анімації, які виглядають 2D, але створені в 3D-програмному забезпеченні. Більшість 3D-програм мають складні інструменти для анімації, такі як кістки, зворотна кінематика, обмеження, м'які тіла тощо. Blender - це хороший (безкоштовний) вибір для початку.


4

Для цього є достатньо ресурсів.

Ось хороший підручник, щоб розпочати роботу з одного конкретного методу за допомогою Sprite Sheets. Спрайтові таблиці - це саме те, аркуш спрайт, який ви запускаєте в коді, подібному до анімації гортання книги в реальному житті. Але ви використовуєте код для цього. Починати це може бути важко, але я вважаю, що це найкорисніше і дає найбільше контролю.

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

Ось перше, що я знайшов, використовуючи спалах, який також є хорошим інструментом. Я особисто не використовував флеш, можливо, інший плакат може прислухатися до свого досвіду.

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


4

2D-анімація - це ціле мистецтво та професія. І насправді дуже важко освоїти. Далеко не кожен аніматор робить хорошу анімацію. Але для базової анімації, як ви сказали ... Це залежить. Здебільшого просто досягти нормального рівня анімації спрайтів для мобільних пристроїв, використовуючи як 4 кадри для циклу прогулянок 24x24 пікселів спрайт. Це можна зробити справді просто за допомогою Gimp і використовуючи прозорість шарів, щоб попередній або наступний кадр був накладеним в якості керівництва.

Коли ви намагаєтеся зробити анімацію 2d з більшою роздільною здатністю, справа стає складнішою. Швидка порада - намалювати, наприклад, 13 циклів ходу кадрів, кадри 1, 7, 13. Потім намалюйте ibetweens з тих, як 4, 10. Потім залишилися. (це поганий приклад, тхо)

Все це, використовуючи функцію лушпиння цибулі. Є багато програмного забезпечення, я б радив використовувати Pencil і Gimp . Для піксельного мистецтва, низької здатності до роздільної здатності, можливо, варто перевірити також GraphicsGale . І звичайно, багато про те, щоб постійно перевіряти потік та анімацію.


2

Я б рекомендував вам книгу "Набір виживання аніматорів", вона не спрямована безпосередньо на 2D-анімацію з використанням комп'ютерного програмного забезпечення, але більше про загальні методи анімації (і досить цікаво читати).

Амазонська посилання


1

Просто переходьте до цієї книги із закритими очима! ІЛЮЗІЯ ЖИТТЯ: ДИНАЙТЕ АНІМАЦІЮ .

Я не можу наголосити настільки, наскільки приголомшливою є ця книга. Я просто цитую форму wikipedia.

Дванадцять основних принципів анімації - це набір принципів анімації, які запровадили аніматори Діснея Оллі Джонстон та Френк Томас у своїй книзі 1981 року «Ілюзія життя: анімація Діснея». Джонстон і Томас в свою чергу базували свою книгу на роботі провідних аніматорів Діснея від 1930-х років і їх намагання створити більш реалістичні анімації. Основна мета принципів полягала в тому, щоб створити ілюзію персонажів, які дотримуються основних законів фізики, але вони також стосувалися більш абстрактних питань, таких як емоційний термін та привабливість персонажа.

Книга та її принципи стали загальноприйнятими, і їх називають "Біблією анімації". [2] У 1999 році книга була визнана номером один із "найкращих анімаційних книг усіх часів" в Інтернет-опитуванні. [ 3] Хоча вони спочатку мали на меті застосувати традиційну, намальовану вручну анімацію, принципи все ще мають велике значення для більш поширеної комп’ютерної анімації.

Для безкоштовного та відкритого програмного забезпечення 2d арт-додаток мені дуже подобається MyPaint . Живопис тут відчуває себе дуже природно. Хоча йому бракує багато основних особливостей. Для компліментальних основних функцій є старий друг GIMP. Можна навіть спробувати Krita . Його щітковий двигун краще, ніж Gimp.

Для анімації + малювання існує ще одне рішення під назвою « Олівець», де ви можете створити основну анімацію за допомогою деяких основних інструментів малювання. Дуже весело працювати.

Ви можете також спробувати Алхімію (лише для малювання).


1

Я б запропонував прийняти те, що я називаю як об'їзд розвитку ... щось, де ви знімаєте 3-6 місяців, щоб копатися глибоко в сусідній домен, який, коли ви станете компетентним, дійсно підтримує вашу поточну тягу роботи. для цього я настійно пропоную витратити час на вивчення 3D-моделювання сітки, зокрема Blender . Концепції, які ви дізнаєтесь, будуть значною мірою підтримувати ваші ігрові зусилля від основних об’єктів, які ви шукаєте для створення, до ефектів, які ви прагнете створити для підтримки вашої гри. Анімації блендерів також можна експортувати у вигляді прозорих PNG, які можна комбінувати для формування спрайтових листів (дуже корисних) досить легко. Я думаю, це вартувало б вашого часу.


2
-1 Метью попросив просту техніку двовимірної анімації, ви запропонували витратити 3-6 місяців на вивчення 3D.
Маркус фон Броаді

2
Якщо ви ознайомитесь з третьою відповіддю 1-го допису (який отримав 19 голосів), вони стверджують: "Багато 2D-ігрових графіків сьогодні насправді базуються на 3D-моделі, це багато причин: 3D-моделі набагато більш пристосовані, ніж 2D-зображення; спрайти мають просторовий сенс, оскільки вони буквально зроблені з надання 3D-об’єктів ". Це також моя міркування. Інвестиція у вивчення 3D-моделювання сітки для будь-якої компетенції - це інвестиція на 3-6 місяців. Якщо ви не вдаєтеся до тролінгу в Інтернеті вже готових зображень або не бажаєте навчитися 2D-кресленню (інвестиція також), іншого способу реально немає. :-)
ProfVersaggi

1

Підніміться на борт короткого Google з назвою Sculptris . Ви повинні під час своєї подорожі відкрити однойменну програму тривимірного моделювання. У своїх власних починаннях моделювання двовимірного спрайту я теж прийшов до висновку, що має ProfVersaggi . На жаль, я розпустив незліченні розчаровані години, дозволяючи моєму мозку ковзати над програмою, як Блендер . Я виявив, що поділяю потребу з багатьма іншими в більш швидкому поверненні своїх "трудів". Скульптрис мені це дав. Також це безкоштовно від цієї публікації. Застереження; ця програма все ще знаходиться в стадії розробки, і вона зазнає збоїв. Це сказали творці Sculptrisбули досить люб'язними, щоб застосувати функцію відновлення аварійних ситуацій, зробивши збої трохи більше, ніж легкою неприємністю. Відкритий широко. Пийте глибоко. Ластівка не засмучується. Засвоюйте лише знання . Зроби нас гордими. Щоб підвести підсумок , Sculptris простий спосіб для створення 3D - моделей для спрайтів. Потім ви навіть можете натиснути кнопку "prtsc" або "екран екрану друку", щоб скопіювати зображення того, що відображається на екрані, щоб вставити його в 2d-анімаційне програмне забезпечення, наприклад Graphicsgale, або програму фарби, наприклад Paint Shop Pro . Я просто не можу зробити вас простішим за те, щоб зробити це для вас, хай

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.