Настало время предложек!
Сделала три дизайна персонажей для статичных стикеров ВКонтакте✌️

Рисуем правильно глаза для анимации

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

- глаза точки;
- круглые глаза;
- миндалевидные глаза;

Это основные три варианта глаз, конечно могут быть и другие варианты, но я обычно их не использую, потому что этих трёх вариантов вполне достаточно)

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

1) Глаза точки

Тут всё просто сами глаза рисуем инструментом круг и готово)
Запомните, если размер глаз сильно маленький по соотношению с лицом, то блики рисовать необязательно.
Если размер глаз начинает увеличиваться, то они постепенно превращаются в чёрные дыры, поэтому мы начинаем добавлять блики.
Чем больше глаз, тем больше бликов рисуем на глазу.

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

2) Круглые глаза

Такой тип глаз состоит из:
- круга, который играет роль белка;
- зрачка, который может быть как с радужкой, так и без неё.
В этом варианте, блик рисуем обязательно, т.к. глаз достаточно большой.

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

3) Миндалевидные глаза

Этот вариант достаточно сложный по строению, но мы справимся)
Такой глаз состоит из:
- обводки;
- шейпа подложки в виде белка;
- зрачка с радужкой или без;
- шейпы подложки цвета тела, чтобы прятать зрачок.

Так же в этом варианте рисуем обязательно блик.

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

Так мы разобрались как построить глаза для анимации разных форм, но этого недостаточно!
Не забываем, что в анимации важную роль играет моргание персонажа. Эта маленькая, кажется даже незаметная деталь, делает персонажа более живым.
Поэтому иллюстратор должен нарисовать глаз в раскрытом и закрытом виде.

Давайте на примерах выше рассмотрим варианты закрытия глаза, и как эта фаза меняется в зависимости от настроения персонажа 👆👆👆

Обратите внимание на круглый глаз. У этого варианта есть два способа закрытия глаза и оба варианта смотрятся классно)

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

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

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

Хочу поделиться с вами инструментами, которые у меня установлены для облегчения работы в 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://aenoscripts.com/easecopy/

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

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

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

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

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

#анимация

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

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

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

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

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

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

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

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

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

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