В нашем портфолио на Behance обновочка! 🙂🙂🙂

Решила, что портфолио нуждается в апгрейде, чтобы выделить наши стикеры среди всего разнообразия на Behance. Стиль стикеров у многих похож, и кажется, что проекты теряются в ленте, поэтому теперь на обложках наших проектов появились персонажики в стиле псевдо-3D 💪

Зацените то, что получилось по ссылочке и не забывайте про лайки, нам будет очень приятно ❤️

https://www.behance.net/onoividnostudio

P.S. Добавили стикеры из последних проектов в комментариях, можно добавить себе 😐

#портфолио

Освоить псевдо-3D в Adobe Illustrator оказалось легче, чем я думала!
Тут два варианта:
❕Пользоваться инструментами 3D and Materials прямо в иллюстраторе (если не умеешь рисовать);
❕Делать имитацию 3D с помощью эффекта blur, градиента и масок (если есть базовые знания в рисовании).

Я решила пойти сложным путём и попробовать второй вариант 💪

Ниже будет спидпейнт того, как я рисовала мопсика, надеюсь, что вам будет интересно и полезно ↘️

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

Рисуешь кисти рук для анимации? Отличная новость: не всегда нужно мучиться с делением пальцев на фаланги!😞
Когда-то я была уверена, что это обязательное правило. Но время и практика показали: можно упростить жизнь, и анимация от этого не пострадает 💪
Когда можно не париться?
• Если пальцы вообще не двигаются;
• Если движения минимальны — а это, кстати, 80% стикеров.
Но внимание! Если не делишь пальцы, точки расставляй правильно. На картинке я показала, как это сделать, чтобы у аниматора всё таки осталась возможность нормально анимировать.
А вот где без фаланг не обойтись:
• Когда персонаж сам по себе — кисть (и такое бывает)👍
• Когда в анимации рука что-то хватает или показывает сложный жест.
• Когда центр внимания в стикере - это кисть.

Такие мелочи сильно экономят время, но качество работы не страдает!

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

Всем привет!

Я записал видео о том, как сделать анимацию роста дерева в стикерах. Разбирать буду конкретно это эмоджи 🌳

На 30-ой секунде будет собака, не пропустите её!

Можно посмотреть прямо в Телеграме, или на ютубе:
https://youtu.be/TtX6llZkx8E

#анимация

Если хочешь запросить большую оплату, объясни почему 🙂

Сегодня поговорим о всеми любимой и таинственной теме — оплате за работу.😲
Ранее я уже делилась, как можно рассчитать стоимость своих услуг. Если пропустили, вот пост.
А сегодня разберем, как обоснованно увеличить стоимость проекта и в каких ситуациях это возможно.

Когда можно повышать цену:
1. На этапе первых переговоров.
2. В процессе работы, если стало очевидно, что стоимость занижена.

Я лично топлю за то, что нужно брать ответственность и не менять цену в процессе работы, а уж тем более после. Почему?
Представьте, что в магазине вы видите одну цену, но на кассе вам заявляют: "Извините, мы пересчитали, и теперь это стоит дороже". Звучит неприятно, верно? Заказчик в такой ситуации чувствует себя так же — обманутым и разочарованным.

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

✅ Если заказчик просит больше, чем оговорено в ТЗ.
Вообще, я уже говорила, что делать в таких случаях в этом посте.

Но что касается цены — важно не просто попросить больше, а аргументировать это.
Просто сказать: "Я потратил больше времени, чем планировал", — не вариант. Заказчик не виноват, что у вас проблемы с тайм-менеджментом.
Вы должны четко и по пунктам расписать, что сделали, сколько это заняло времени и насколько сильно это отклоняется от ТЗ.
Но потратить лишние 5–10 минут можно и бесплатно, правда? А вот если объем работы ощутимый, то стоит обсудить это заранее. Иногда заказчики отказываются от правок, если им объяснить, что это выходит за рамки договоренности и потребует доплаты.

А как вы справляетесь с подобными ситуациями? Были ли случаи, когда приходилось корректировать цену? Поделитесь в комментариях, интересно обсудить!

#накипело

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

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

Джингл белс🍭
У нас на Behance появились новые новогодние проекты! 🎄✨ Заходите, вдохновляйтесь праздничным настроением и поддержите нас лайками!

https://www.behance.net/onoividnostudio

#портфолио

С чего начать стикерпак, если заказчик понятия не имеет, чего хочет? 🚰

Часто иллюстратору приходится не только придумывать персонажа и анимацию, но и сами идеи для стикеров. Почему? Потому что заказчик не всегда знает, чего хочет. А если знает, то иногда не говорит 😑

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

В каждом стикерпаке должны быть основные эмоции:
Радость, Печаль, Страх, Гнев, Отвращение

А так как у нас стикеры, то добавляем ещё:
Приветствие, Поздравление и Сердечки

Стикеры с сердечками часто самые популярные (48 684 211 использований у стикера с сердечками у нашего пака с ламами https://tg-me.sbs/addstickers/LamaProblama )

Вот так, сходу у нас уже 8 базовых эмоций.

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

Что делать, если идеи не приходят?
Бесконечно листайте стикеры в Telegram и Pinterest. Ваш мозг обязательно соберёт сборную солянку из того, что увидит. Со временем насмотренность станет такой, что вам никакие референсы не понадобятся.

Вот такой вам стартовый толчок, если сидите и не знаете, какие стикеры нарисовать 🐾

#накипело

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

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

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 для анимации волн.

#анимация

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

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

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

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

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

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

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

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

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

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

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

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

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