Purple cougar или как мы делали анимированные стикеры в Telegram.

Shadovv Cat
Дизайн-кабак
2 min readSep 28, 2020

--

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

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

Собирать все элементы в логические группы: eye_left, eye_right, nose и пр.

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

Отрисовывать точки в сложных движениях. Мне повезло с аниматором, Валера мог в принципе обойтись без этого пункта, так что в нашем случае они готовились больше для клиента.

Немного информации про анимацию

Делал эти стикеры в After Effects с помощью шейповой анимации. Для некоторых набрасывал покадровую анимацию, чтобы понимать динамику. В конце через плагин bodymovin рендерил в формат .tgs и загружал в Telegram бот @stickers

Посмотреть на полный пак стикеров можно здесь Purple cougar sticker pack

Скачать и установить себе в Telegram по ссылке в проекте на Behance или по QR коду здесь. Спасибо за внимание.

--

--