foxdizigner.studio

Внедрение уже готовых анимаций в видео с помощью Procreate Dreams
⠀
1. Я использовала TGS стикеры, они векторные, мы их делали вместе с командой для ОК
⠀
2. Каждый стикер был сконвертирован в GIF, открыт в покадровом формате в Procreate, затем сохранен в формате Procreate в файлы iPad
⠀
3. Берем уже готовое видео, лучше чтобы модель не двигалась, потому что так проще работать, добавляем в Procreate Dreams
⠀
4. Создаем обтравочную маску (все аналогично, как в Procreate) и слоями-дорожками добавляем на фон уже готовую анимацию, и так каждый стикер
⠀
5. Выстраиваем направление каждого стикера по ключам

Я еще в экспериментах и думах куда бы это применить, но надо пока приловчиться снимать, добавлять и т. д.

История про 💩

Со временем ко мне обращаются все более крупные заказчики с выстроенным имеджем и брендом, а стикеры для них глоток свежего воздуха и возможность приколоться/пошалить. Каждый стикер связан с эмоджи, и вот мы решили проиллюстрировать эмоджи 💩 для крупной компании по ремоту дорог, которая является государственной.

Сюжет стикера 💩

Мужской персонаж - рабочий пытается подхватить 💩 на лопату, морщится, какашка начинает пахнуть, он морщится еще сильнее, куксится и 💩 спрыгивает с лопаты и все продолжается по-новой. Идет цикл стикер анимации.

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

Но возникла забавная проблема:

Компания государственная, в стикерах все персонажи одеты в форму на которой используется лого организации.

А такая серьезная организация просто не может ассоциироваться и стоять рядом с 💩 - могут не понять.

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

Для меня это пример тонкого подхода к моей работе, где важны любые детали.

Помимо того, что сама технология изготовления анимированных стикеров под TGS формат, которая применяется во всех социальных сетях не из простых:

- отрисовка должна быть векторной, подходит только Adobe illustrator

- иметь баланс точек, чтобы и красиво и светотень и рефлексы, при этом сбалансировано по весу файлов

- файлы должны быть идеально сгруппированы и иметь грамотную иэрархию по слоям

- ну а анимация должна быть выполнена в After Effects, помимо четкого цикла оптимизирована и сохранена через специальный плагин

- все должно соответствовать тз

- при этом постоянно учитывается множество нюансов реалистичного движения множества доп. объектов

- ну а результат не портить, а только развивать имидж компании

скажу вам не так просто рисовать 💩, даже 💩надо рисовать хорошо

короче, обожаю свою работу и очень ей горжусь 🥰

🎄на дворе 26 сентября, а я рисую свой первый новогодний стикер к анимации, показать, к сожалению не могу так, как он под НДА(

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

Как вдохновение для ёлок и снежинок использовала советские открытки - обожаю эту стилистику, многие примеры мне еще в руках удалось подержать и поподписывать в детстве. Самые клевые на мой взгляд показываю вам - скоро точно понадобятся!

У вас были какие-нибудь из этих дома? Бумага и печать у них просто сказка!

😱 закончила самое болезненное задание для иллюстратора - упростила свою иллюстрацию

весь путь иллюстрации выглядит так:

1 - создаем иллюстрацию с фирменным персонажем, которая будет использоваться на упаковке для пиццы

+ дополнительно к этому создаем 3-х персонажей - кусочки пиццы, их мы используем в дизайне отдельно и вместе с артом

2 - расширяем иллюстрацию и используем ее для социальных сетей

3 - переводим иллюстрацию в чб и гармонируем по тону, чтобы использовать в документации

4 - упрощаем иллюстрацию выкидывая все лишнее, чтобы сделать из нее штамп.

В процессе упрощения - плачем над каждой линией, это не обязательно, но я так делаю.

Штамп - это устройство для ручной печати. Все что линейно-черное останется на возвышении, а все что белое - удалится. При накатке краски на возвышающийся рисунок образуется оттиск. Можно использовать для печати на крафтовых пакетах, меню, открытках, салфетках и т. д.

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

Как вам результат?) сейчас и мне кажется, что лишнего было много 🤔

🦊foxdizigner.studio

😍🥰❤️ самый рабочий способ нарисовать сердечко для emoji и стикеров

Шаг 1 - рисуем лайном половину сердца, зеркалим ее - фигура должна быть симметрична

Шаг 2 - создаем общую заглушку, окрашиваем ее в красный, а контур в темно-красный

Шаг 3 - копируем и уменьшаем общую форму, выводя ее на верх, скругляем края и задаем градиенты

общая форма - от темного градиента к светлому

форма сверху - от светлого градиента общей формы к еще более светлому или белому, уведя его за пределы области

так мы получаем объект который можем использовать в любом стикере или emoji в диапазоне влюбленности, осталось только сделать милое лицо, например:

- прикрыть глаза, сделав общую линию ресниц толще, так как веки сомкнуться

- расслабить брови, поместив их уголком вниз

- сделать волосы более волнистыми и романтичными

❤️ не забываем добавить наши сердечки на фон и для акцента эмоции

P.S. Я в прошлом стикере перепутала emoji 🥺 и 😳 - эта по спокойнее и акцент идет на глаза, поэтому немного не тот вайб поймался, сама запуталась и всех запутала, сори. Там один из читалей возмущался по этому поводу в комментариях, но потом удалил и видимо отписался 😅. Но в любом случае, спасибо - теперь и я и вы разобрались.


🦊foxdizigner.studio

Сегодня разберем смену эмоций на примере превращения

Emoji 🙂 -> 🥺

Это кстати одна из моих любимых эмоций в проработке, кстати и одна из самых легких.

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

1 - меняем форму, делая ее шире, добавляем новые элементы в виде бликов и звезд.

2 - зеркалим один измененный глаз.

3 - приподнимаем брови, для акцента.

4 - уменьшаем улыбку, как будто она втянулась от выпучивания глаз.

5 - наслаждаемся мобильностью и быстротой работы с векторной графикой, конечно это работает только если слои группировать верно 😏

❗️на следующий неделе разберем рисование сердечка в стикерстилистике и более серьезные изменения схемы в более яркие эмоции.

А я ухожу на мини-больничный на выходные, нужно сделать мини-манипуляцию с глазками, чтобы иметь возможность и дальше их рисовать вместе с вами 🩷

🦊foxdizigner.studio