🎄Сегодня я тут, чтобы зарядить вас новогодним настроением! ✨
Подумала, что будет прикольно устроить “прожарку” новогоднему персонажу, которого я рисовала несколько лет назад. Посмеялась, покритиковала и перерисовала заново.

Получилось весело, так что надеюсь, вы тоже улыбнетесь! 🍭

https://youtu.be/JG1ogX7OlPM

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

Ребята, поздравляем вас всех с Новым Годом!

Напишу тут поменьше текста, потому что и так слишком много чужих итогов и пожеланий. Будьте прелестны и успешны 🎄

🔥 Новый проект для QQ: змеи в масках и загадки Lottie

Мы продолжаем сотрудничество с китайским мессенджером QQ, создавая праздничные анимации. На первый взгляд задача несложная, но формат Lottie, как всегда, добавил хаоса.

Тело змеи, анимированное через trim path, должно было служить маской для паттерна. Самый очевидный вариант — alpha matte. Но тут нюансы: в ВКонтакте он не работает, в Telegram всё ок, а в QQ — нужно было тестировать.

Сделали тестовую анимацию — всё идеально! Выдохнули и сделали всех остальных змей по образу и подобию.

И тут, в последний день дедлайна, приходит сообщение: тело змеи исчезает из-за маски alpha matte. 🥵

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

Но как в хорошем фильме, за пару часов до финала на сцену вышли программисты. Они поколдовали свою магию и alpha matte заработал, как нужно.

С Lottie всегда весело! А у вас были подобные приключения? 💨

#портфолио

Мало точек - это плохо! 😞
Я всегда говорила: чем меньше точек в шейпах для анимации, тем лучше. Каждая лишняя точка утяжеляет стикер и усложняет контроль над анимацией. Но! Оказывается, бывает и обратная крайность — точек может быть слишком мало. 🙂

Разобравшись с этой темой, я составила несколько пунктов, которые могут вам помочь:
1. Круглые объекты всегда рисуем с четырьмя точками. Это золотой стандарт.
2. Если конечности персонажа не разделены по суставам, обязательно добавляйте точки с двух сторон от суставов (локти, колени, кисти, голени). Это же правило применимо и к пальцам.
3. На любой изогнутой линии ставьте точки на вершинах изгибов.
🔥 Самый главный пункт: думаем головой! Когда рисуем, представляем, можно ли с помощью точек, которые вы нарисовали, изогнуть объект так, чтобы вышло нужное движение!

На картинке выше, есть наглядные примеры того, что я имею ввиду 👆

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

Дима с канала Человек-оркестр собрал топ-документ со 100 каналами, связанными с CG.

Нам приятно, что мы тоже туда попали. Не по блату, а, видимо, по удаче 🍀

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

Он еще и сделал описание к каждому каналу, так что можно выбрать себе канал по душе, чтобы порадовать авторов своим присутствием.

Мир CG хоть и цифровой, но миниатюрный, мы должны держаться вместе 🤝

Гуглдок с описанием каналов — тут.
Ссылка на папку — вот тут.

Как запечь экспрешены и зачем это нужно 🍳

Lottie не поддерживает эффекты и экспрешены, но их можно превратить в ключи – это называется “запекать” анимацию (bake)

Простой пример:
Если у вас есть экспрешен loopOut("cycle"), нажмите ПКМ → Keyframe Assistance → Convert Expressions to Keyframes – в каждом кадре появится ключи, повторяющий анимацию экспрешена. Теперь такую анимацию можно использовать в Lottie.

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

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

В гифке поста, тело медведя “растекается” благодаря эффекту waves on path. Вручную добиться такой плавности было бы сложно.

❗️ Минус запекания – увеличивается вес файла, так как ключи ставятся в каждом кадре.

Решения этой проблемы:
1. Перед запеканием снизить FPS (например, до 12-30), а потом вернуть 60 – это уменьшит количество ключей, но снизит плавность.
2. Удалить лишние ключи вручную, оставив только нужные.
3. Стандартный инструмент smoother. Уменьшает количество ключей, сохраняя анимацию, но не работает на path.

Это продвинутая техника, но не заменяет умение анимировать вручную. Инструменты важны, но главное – насмотренность и понимание, какого эффекта вы хотите достичь💪

Есть и другие плагины под разные задачи, Хороший пост про плагин Tilda для анимации волн.

#анимация

Когда можно отделять обводку от заливки? Почти никогда! 😞

Я давно рассматривала этот вопрос. Но в работе иногда встречаются сложности, поэтому подробнее объясню в видео 💪

Отделять обводку от заливки — не лучшая идея, особенно для анимации. Но если уж надо, есть способ сделать это без боли для аниматоров.

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

Держите в порядке свои исходники! 🚰

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

✅ Делим все конечности персонажа на группы (не на слои, а именно на группы). В каждой группе должен быть порядок, а не просто куча разрозненных шейпов. На картинке разобрала основные моменты.

✅Группы структурируем логично (не нужно объединять глаз с ногой)

✅Скрытые элементы либо удаляем, либо оставляем видимыми. Если элемент точно не нужен — удаляем. Если нужен — оставляем в открытом виде. Группа с невидимыми объектами — это боль, потому что их приходится вручную выискивать. БЕСИТ 🔥

✅Убираем все лишние точки, полосочки и баги. Прямо ручками и глазками просматриваем каждый элемент и чистим мусор.

Основной момент❗️
Не думайте только о себе и о том, как вам удобно рисовать. Подумайте о человеке, который будет это анимировать. Ваш файл должен быть таким, чтобы аниматор мог сразу разобраться в структуре и сосредоточиться на своей работе, а не тратить время на расшифровку хаоса.

Аниматоры, пишите в комментариях, что вас больше всего раздражает в исходниках, которые вам приходилось править?

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

Сегодня особенный день, и хочется поздравить всех девушек с 8 марта! 🌸

Так уж сложилось, что в моей работе я встречаю девушек иллюстраторов чаще, чем парней, которые отвечают за анимацию. Без иллюстрации нет анимации, так что можно сказать, что вся магия начинается с вас!

Интересно, это просто мой профессиональный пузырь или действительно есть такая тенденция? 🤔

В любом случае, хочу пожелать вам крутых проектов — таких, где интересно работать и с приятной оплатой. Тогда хотя бы одна сфера жизни будет закрыта, а там и остальные подтянутся.

А ещё к празднику мы сделали анимированные эмоджи для Yango (международного бренда Яндекса). Так что мой пост сегодня с поддержкой в прямом смысле! 🌷🎁💐

Спасибо Ане за иллюстрации, а Косте за анимацию

#портфолио

Давно не было постов, где я пытаюсь прокачать ваши софт-скиллы в мире фриланса. 👩‍❤️‍👨👩‍❤️‍👨

Сегодня разберём тему, которая со стороны кажется простой, но на деле очень полезна. Это тема — "Всегда будь на связи".

Да, мы фрилансеры и, казалось бы, никому ничего не должны. Тем более не обязаны отвечать заказчику в любое время, когда ему удобно. Но есть один нюанс! Если вы хотите, чтобы у вас всегда были заказы и клиенты оставались с вами годами, то одно из важнейших правил — быть доступным (ну, кроме ночи и тех моментов, когда вы без интернета) 🚰

Я не говорю, что нужно таскать с собой ноутбук и делать проекты на ходу. Речь о том, что заказчик должен иметь возможность оперативно получить от вас ответ. Почему это важно?

Представьте: вы передали проект фрилансеру. На кону дедлайн, ответственность на вас. Если работа не будет готова в срок, это провал и пятно на репутации. Подходит время сдачи, вы просто хотите уточнить статус... а фрилансер молчит. Час, два, пять. Уже вечер, а ответа нет. Паника! Готов ли проект? Фрилансер вообще появится? Или нужно срочно искать замену?

Спойлер: мы были в подобных ситуациях, и с такими ребятами мы не работаем 👊

От вас требуется самое простое — ответить на сообщение. Сказать, что всё под контролем и будет сдано в срок. Это занимает меньше минуты, но создаёт впечатление профессионала, на которого можно положиться.

🔥Я знаю, что есть соблазн оставить сообщение на потом, чтобы ответить, когда будет удобно. Но это так себе способ. Лучше сразу написать: «Сейчас очень занят, отвечу через пару часов».🔥

#накипело

Баланс жизни и работы 🫥

Он вообще существует?

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

И в любой точке этого спектра — тревога. Я буду бедный, у меня нет работы, у меня слишком много работы, ничего не успеваю, хочу делать свой проект, хочу отдыхать, нужно учиться, нужно жить, а ещё я забыл, как выглядит мир отображаемый не пикселями монитора.

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

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

Пресловутый баланс жизни и работы срабатывает лишь на несколько дней в году. А тревога не проходит никогда 😐

Для меня это выглядит не как не баланс, а как переключатель, который постоянно щёлкает между “надо жить” и “надо работать, иначе сдохнешь в доме из картонок под мостом”.

Вместо человеческого совета, пошел спрашивать чат GPT. Он прошептал скрипучим голосом: 👴

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

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

Не нужно винить себя за движение маятника. Лучше следить, чтобы он не зависал слишком надолго в крайних точках. А еще можно запрыгнуть на маятник и прокатиться на нем с ветерком!

Ставь лайк, если было 👍
Или единорога, если не было 🦄

#анимация