Плагины и скрипты для анимации стикеров.

Хочу поделиться с вами инструментами, которые у меня установлены для облегчения работы в After Effect. На картинке выше можно увидеть, как они у меня расположены)

• Overlord - Самый полезный скрипт при работе со стикерами, позволяет легко переносить иллюстрации из Illustrator в After Effects, с сохранением слоев, градиентов и без лишних артбордов.
https://www.battleaxe.co/overlord

• Motion 3. Второй по значимости скрипт для меня, позволяет легко редактировать графики скорости анимации, удобно создавать null objects, копировать ключи у нескольких слоев и много других функций, которые могут пригодиться.
https://www.mtmograph.com/products/motion-3https://www.mtmograph.com/products/motion-3

• Motion Tools - альтернатива Motion 3 с нюансами, многие его используют.
https://motiondesign.school/products/motion-tools/

• Key Cloner. Очень часто использую в работе, можно копировать ключи у нескольких слоев и, самое важное, копировать их в обратном порядке (reverse keyframes)
https://conigs.com/tools/key-cloner/

• Easy Copy. Пригождается для синхронизации скорости анимации у разных слоев. С помощью скрипта можно скопировать настроенные графики скорости одних ключей и применить эти значения к ключам других слоев.
https://aescripts.com/easecopy/

• GifGun. Топовый плагин для сохранения GIF сразу из After Effects. Удобен и полезен во всем, если вам нужно создавать гифки. Иногда гифками удобнее показать анимацию заказчику, или загрузить анимацию на dribble.
https://aescripts.com/gifgun/

• Trim Pack. Позволяет легко создавать Trim Pass и разные его вариации. Сильно помогает при анимации всевозможных линий.
https://olaolayuan.gumroad.com/l/trimpack

• pt_ShiftLayers. Позволяет сдвигать слои относительно друг друга в разных порядках. Я бы поискал что получше, потому что этот скрипт старый и уже не очень удобный. Но я и не часто его использую.
https://aescripts.com/pt_shiftlayers/

• Slim Panel. Использую только одну функцию в этом скрипте, нажимая на звездочку с зажатым alt. Убирает лишние артборды и merge pass у перенесенных слоев из Illustrator. После установки Overlord почти не использую.
https://tniich.gumroad.com/l/TYAs

• Buttcapper. Позволяет в пару кликов менять форму концов линий. От квадратных до округлых.
https://www.battleaxe.co/buttcapper

#анимация

Часто иллюстраторы задумывают сложную анимацию, но не прорисовывают ключевые кадры. А кто-то наоборот, тратит своё время, и для простой анимации рисует фазы, которые просто не нужны для аниматора🤷‍♂️

Поэтому давайте разбираться "Какие кадры для анимации должен рисовать художник, а какие кадры аниматор может сделать самостоятельно"

Тут всё просто!
Иллюстратор должен прорисовывать КЛЮЧЕВЫЕ КАДРЫ, если задумана сложная анимация с сильными изменениями персонажа.

Сейчас я покажу несколько стикеров, для которых требуется прорисовка ключевых кадров:

#иллюстрация

А тут те кадры, которые я подготовила для анимации этих стикеров 👆

#иллюстрация

Между ключевыми кадрами идут ПРОМЕЖУТОЧНЫЕ ФАЗЫ, вот как раз их и должен делать аниматор самостоятельно.

Не всегда в стикерпаках или ещё где-то требуется сложная анимация. Иногда нужна обычная эмоция или какое-то не сложное зацикленное действие, например как в этих стикерах:

#иллюстрация

Эти стикеры имеют один ключевой кадр, а всё остальное - это промежуточные фазы, которые приводят персонажа снова в основной ключевой кадр.
Для подобных анимаций прорисовывать каждое движение нет смысла, т.к. аниматор возьмёт только одно изображение и его будет анимировать, а все остальные фазы просто не нужны.

#иллюстрация

Этот пост для тех, кто ответил, что рисует круг от руки👇

Ребята, я советую вам ВСЕГДА пользоваться инструментом "круг" особенно, если иллюстрация готовится к анимации почему?

Давайте признаемся, что если рисовать круг от руки, то он обязательно будет кривой, как бы вы не старались😂

Но даже небольшая кривость видна, особенно если взглянуть на персонажа "свежим взглядом" или если персонаж анимирован. Это портит вашу иллюстрацию и снижает её уровень.

Так что не стесняйтесь пользоваться инструментом "круг" и остальными благами графических программ - это не сделает из вас плохого художника. Наоборот, это позволит вам не тратить время на вырисовывание ровных кругов и линий, а потратить это время на что-то более полезное👍

Ниже я покажу вам разницу между ровными кругами и кругами от руки на примере персонажа👇👇👇👇

#иллюстрация

Ну очевидно же, что кривость делает персонажа менее опрятным и всё это x2, когда персонаж будет двигаться😱

#иллюстрация

!!Важное уточнение!!!
Конечно же, всё это никак не касается тех случаев, когда рисование от руки является особенностью стилистики художника 👍👍👍

Как сделать персонажа милым?

Как бы это не звучало, но я считаю себя специалистом по милым персонажам😎
Да, очень самоуверенно, но у меня есть для вас лайфхаки, которые сделают любого персонажа самым милым по шкале милости. Примените их к дизайнам своих персонажей и посмотрите, что будет👇👇👇👇

Лайфхак 1
Рисуем большие глаза по отношению к голове, либо наоборот слишком мелкие глаза;

Лайфхак 2
Обязательно рисуем кругленькое личико и пухлые щёчки.
В дизайне обязательно используем мягкие, плавные линии;

Лайфхак 3
Рисовать рот как можно ближе к носу, а если нет носа, то фигачим рот прямо между глаз (но не выше середины глаз).

👇👇👇👇А теперь примеры👇👇👇👇

#иллюстрация