Поради та інструменти для створення анімації Spritesheet


23

Я шукаю інструмент, за допомогою якого можна легко створити аркуш спрайту.

Зараз я використовую Illustrator, але я ніколи не можу домогтися центру персонажа в точному положенні, тому схоже, що він рухається навколо (хоча він завжди знаходиться в одному місці), переносячи цикл крізь аркуш спрайта. Чи є кращі інструменти, якими я можу користуватися?

Також які поради ви б дали для роботи зі спрайтовим листом? Чи слід створювати кожну частину персонажа в окремих шарах (ліва рука, права рука, тіло тощо) або все відразу? будь-які інші поради також будуть корисні! Дякую тобі


Де ви використовуєте якийсь сценарій для експорту аркуша спрайту з Illustrator? Я використовую власний сценарій Photoshop, але мені теж хотілося б чогось для Illustrator.
rraallvv

Відповіді:


13

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

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

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

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

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


До речі, у цій публікації йдеться про те, як використовувати Photoshop для цього випадку.

4
@Sergio, не обов'язково, PhotoShop - не єдине програмне забезпечення для редагування зображень, яке має шари, путівники, правила та піксельну сітку.
AttackingHobo

@Sergio подумав, що я згадав, що в цьому випадку рекомендую PS над ілюстратором. Але так, IIRC, він все одно повинен володіти всіма тими можливостями, що знаходяться в тому ж наборі, що і Photoshop. Я поки що не відкрив нічого, окрім Photoshop та After Effects, певний час.
Джессі Дорсі

@AttackingHobo - він згадав правила оснащення, натиснувши сітку; ця дія використовується в Photoshop в першу чергу, і 99% підручників, які хто-небудь знайде, шукаючи, які б повернули результати Photoshop.

@ Сергій дякую, що нагадав мені, що ви повинні натиснути і перетягнути з лінійки. Але так, Illustrator має можливість створювати путівники. Тому я не вважаю, що будь-яка з цих даних є неправдивою.
Джессі Дорсі

4

Якщо у вас є 3D-моделі, є програма, створена EnvyGames, SpriteWorks , яка зробить 2D спрайтові листи з моделей для вас. Дозволяє грати в анімацію та налаштовувати купу речей.

Я думаю, що це трохи дорого, що це таке, 49,99 дол.

Ось підручник про те, як користуватися SpriteWorks

Створення спрайтів з 3D-моделей - EnvyGames



3

Ваше запитання дуже схоже на те, на що я тут відповів: Який хороший інструмент для створення анімованих спрайтів?

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

Після того, як ви виконали свої анімації, просто експортуйте кадри на зображення, а потім скористайтеся методом, описаним у моїй відповіді (вище), щоб створити аркуш спрайту.


2

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

http://www.retroaffect.com/blog/159/Image_Atlas_Packer/#b

Це абсолютно безкоштовно, і буде упакувати купу зображень у N кількість спрайтових аркушів.



2

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

Уопс: вибачення за підступну саморекламу. Але це може бути саме те, що ви шукаєте.

EDIT: Просто оновлення того, що я зробив цей інструмент безкоштовним та відкритим. https://github.com/darkFunction/darkFunction-Editor


Оскільки це ваш власний продукт, будь ласка, скажіть, що це у FAQ
Джон Макдональд,

це приємний інструмент, використовуючи власний робочий процес тепер із шарами, який добре працює, хоч і трохи повільно, можливо, доведеться розібратися в цьому трохи більше
Spooks

1

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

Анімація спрайт створюється тим самим інструментом за допомогою навісних 2-кісткових моделей та текстур. дивіться відео на youtube


Наш FAQ рекомендує не відповідати на відповіді, які "ледь більше, ніж посилання на зовнішній сайт". Може, додати трохи деталей, що пояснюють, що там є, і чому це корисно цьому питаючому? :)
Камерон Фредман

0

Я використовував Texture Packer для створення спрайтів із папки зображень PNG. Я переношу гру, спочатку розроблену у Flash, тому я просто експортую кожен кадр MovieClip у png, а потім імпортую ці зображення в Texture Packer.

Ще один подібний інструмент - Zwoptex

(Останнє - це програмне забезпечення для Mac, але TP також має версію для Windows.)

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