Пассивная агрессия от заказчиков - как отдельный вид искусства 😱

Ждём ваши истории — давайте посмеёмся над этим вместе 👇

#накипело

Как уместить в 64 КБ больше анимации 🤯

Нам известно, что лимит стикера для Telegram это 64 КБ

С ростом качества и детализации мы всё чаще упираемся в лимит: приходится оптимизировать, убирать детали и резать анимацию.

В рабочем чате нашли способ, как выйти за эти лимиты на 10–20%, спасибо талантливым коллегам 👊

Способ 1
1. Рендерим обычным Bodymovin в json
2. Закидываем файл в ChatGPT, и просим его "Оптимизируй файл, снизив точность чисел до одного знака после запятой, но не трогай цвета"
3. Скачиваем оптимизированный json и конвертируем его в tgs через этот сайт
4. Радуемся сэкономленному времени

Важно: перед оптимизацией проверьте json в любом lottie проигрывателе. У меня были поломанные градиенты — итоговый tgs не работал в Telegram. С рабочими градиентами все получилось.

Мои тесты:
• Стикер был 68.9 КБ и не рендерился TG Bodymovin
• После оптимизации стикер стал 53 КБ и загрузился в Телеграм

Способ 2
В процессе мне пришло в голову, что можно использовать любой lottie оптимизатор, например этот, сжать json и экспортировать в tgs.

Способ сработал, но конечный tgs того же файла получился больше - 61 КБ, вместо 53 КБ.

Способ 3
Я подумал, а почему бы не объединить два способа?
Сначала прогнал через сайт и потом попросил ChatGPT оптимизировать.

Конечный файл вышел в 48 КБ

Это самый эффективный способ ... но страшно, что если мы продолжим, то стикер будет весить минус 10 КБ и начнёт отжимать место у других стикеров в чате 💀

#анимация

Вам тоже кажется, что иллюстратор быстрее наполняет своё портфолио, чем аниматор? 🏃‍♂️

#накипело

⚡️ Уметь брать ответственность на себя и не перекладывать её на заказчика - это один из важных моментов, который показывает, что ты профессионал.

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

Какие фразы при этом всплывают?
«Вот если бы заказчик позволил мне сделать по-своему, я бы тогда…»
«Я сделал хорошо, а заказчик всё испортил какой-то своей дурацкой идеей».

Да, такое бывает. Я сама часто так ругаюсь, но после того как жопа догорит, приходит осознание:
«Так ведь это я не сделала то, что от меня требовалось».

Задача стояла - нарисовать коня с кошачьей жопой на лице, а по факту нужен был единорог. Неужели непонятно? 🤡

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

А у вас бывало такое, что заказчик «виноват», а потом понимаешь — сам налажал?🥵

#накипело

Ура, наконец-то Телеграм сделал загрузку, редактирование и отслеживание статистики стикеров и эмоджи в удобном формате!

@Stickers теперь не бот, а удобный мини ап! Возможно эта новость не покажется вам такой важной, но для меня это облегчение жизни в разы 👏

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

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

И раз я тут именно сегодня, поздравляю всех с 1 сентября, кого это касается 🏥

Анимированные стикеры в Discord 🦄

У меня была задача сделать стикеры для Дискорда. Для анимации у них простые требования:

1. Размер 320x320
2. Формат gif или apng
3. Вес до 512 КБ

К сожалению, lottie в Discord могут грузить только проверенные сообщества, им вручную выдают разрешения. Очень жаль!

Поэтому я выбрал apng, потому что он лучше работает с прозрачностью, чем гифка без фона. Гифка начинает "шуметь" и сильно искажать цвета, особенно если ужимать до 512 КБ.

Главной проблемой оказалось уложиться в размер. apng очень чувствителен к количеству цветов и полутонов. Поэтому сложные иллюстрации выдают вес за 1 МБ, что сильно больше максимума.

Я использую программу Isparta, которую мне посоветовали китайцы. Может она украла все мои данные с компьютера, но apng делает неплохо, так что стоило того 👏

Даже при минимальном качестве в 2-5% вес файла все равно превышает 512 Кб. Я нашел такие решения:

1. Рендерить анимацию в 24 кадрах.
2. Удалять лишние детали с иллюстрации, блики, тени и прочие мелочи. Они часто почти не видны, но сильно влияют на вес.
3. Сжать пнг секвенции через онлайн оптимизиаторы, например этот. Эффект небольшой, но есть.

На картинке видно, в чем разница между lottie, apng и gif. Я хорошо умею оптимизировать lottie, но вот с растровыми форматами знаком меньше.

Поэтому, есть ли у вас советы, как облегчить процесс и сделать итоговые файлы лучше по качеству? ❔

#анимация

Пока мы колесим по США, предлагая lottie анимацию бездомным, Дуров дает интервью Лексу Фридману, где уделяет внимание стикерным художникам.

Основные тезисы:

- Назвал людей, которые делают стикеры - художниками-инженерами, которые занимаются уникальной формой искусства. Лестно!
- Рассказал, как непросто внедрить векторную анимацию в приложение, чтобы телефоны не взорвались. Иногда тормозят, но работает!
- Использовал термин "Стикерная революция", заберу это себе в лексикон.
- Похвалил эмодзи, которых может быть до сотни в сообщении и они будут двигаться. Считаю анимированные эмоджи недооцененной штукой, выглядят они классно! 👊💪🙂🙂🤤
- Лекс Фридман назвал векторную графикой невероятно сложной формой графики, которые дают очень качественный и масштабируемый результат. Поддерживаю, нам приходится сильно изворачиваться, чтобы делать красиво и оптимизированно.

Они продали векторную графику и стикеры лучше, чем мы за все время, я сам захотел себе собственные стикеры!

Спасибо Pototsky! за отрывок и всем векторым художникам и аниматорам за вклад в это приятное сообщество.

А что вы смотрите/слушаете во время работы? ❓

#накипело

⚡️ Мы сделали первые анимированные подарки для Вконтакте!

В путешествии по США я проникся культурой похвалы себя и всех вокруг. На этом вайбе я пишу этот пост 👇

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

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

Во Вконтакте мы старались избежать градиентов, потому что они работают не очень стабильно на платформе, а сделать объемные иллюстрации без градиентов, то еще испытание, но Аня выдержала это 💪

А лучшие аниматоры задвигали эти картинки в прелестном ритме, ну красота же!

Спасибо всем причастным: @konstantin_FBR, @stickers_origash, @Hannahdoodle и мне (@brainsheep)

#портфолио

💬💬💬💬💬💬😦

Мы сделали сотни эмоджи для клиентов и наконец-то сделали и для себя.
Сейчас это технические эмоджи с текстом и иконками, еще делаем и с персонажем ❤️

Забирайте и тоже используйте, чтобы я потом мог похвастаться, что целых три с половиной человека пользуются этими картинками 👀

Пишите в комментариях свои смешные короткие надписи.
💬💬💬💬💬 💬💬💬💬💬💬
Самая смешная получит много лайков и подарок за пару десятков звезд.

Почти всегда на связи, студия 👍

#портфолио

Мы записали микро-подкаст! 🔥

Созвоны, эгоизм людей, несколько кринж историй и поверхностная философия - все в этом микро-подкасте! 💀

Бесят ли вас созвоны так же, как и нас?

#накипело

Ставьте плюсики, кто аниматор и иллюстратор одновременно, но всё равно ждёшь анимацию ✨🤣

Nano Banana 2 — стоит ли волноваться?
Если коротко — волноваться стоит, но не сильно.👀💬👀

Мы решили не отставать и тоже попробовать нашумевшую нейросеть Nano Banana Pro.
👉 У меня была задача сделать turnaround sheet для маскотов нашей студии, а также несколько стикеров по готовым идеям в нужной мне стилистике.
Все промпты мне писал ChatGPT, потому что, признаемся честно, я художник, а не промпт-инженер.
Я накидывала словесный понос в чат, а он превращал всё это в структурированный prompt. А когда что-то не получалось, я приходила жаловаться, и он писал мне новый prompt.
Таким образом, мне буквально со второго раза удалось сделать очень классный turnaround sheet (почти без косяков) и в нужной мне стилистике.
👉 Со стикерами было сложнее. Я отправляла свой кривой скетч, а Nano Banana уже где-то с третьей генерации делала то, что я просила.
На самом деле, даже с первой генерации всё было неплохо, но возникал мелкий затык, который нейросеть упорно повторяла из раза в раз. И в таких случаях мне, как художнику, уже было бы проще поправить это руками.

Чуда, конечно же, не произошло: нейросеть ведёт себя как нейросеть, особенно когда ты не специалист в промптах. Но есть одно главное преимущество: Nano Banana действительно круто справляется с сохранением внешности персонажа от картинки к картинке, а также может уже готового персонажа перерисовать в нужной позе. Это как раз то, чего нам, художникам по стикерам, не хватало.

Мой удачный промпт для turnaround sheet 👇👇👇

Используй загруженное изображение как основной эталон дизайна персонажа (имя вашего персонажа). Сгенерируй персонажа отдельно, без изменений стиля, пропорций, цвета и деталей.
Для персонажа создай четыре финальных изображения на однотонном фоне:

вид спереди,

вид сбоку (правый профиль),

вид сзади,

вид в три четверти (¾ поворот).
Персонаж должен быть полностью виден целиком, стоять в нейтральной позе, без эмоций и без динамики.
Никаких новых элементов, одежды или поз — только точная реплика персонажа в требуемых ракурсах.
Итог: четыре изображения

Телеграм объявил конкурс на аниматоров и иллюстраторов подарков 🔥

Если кратко - нужно нарисовать и анимировать скин на готовый подарок (или просто нарисовать) до Нового Года. Сможете выиграть $500 за каждый подарок и возможность работать с Телеграмом.

👍 Полезные посты от нас, которые могут вам помочь:
• Как уместить в 64 КБ больше анимации (точно пригодится)
• Особенности при работе с Bodymovin для стикеров Телеграм
• Как запечь экспрешены и зачем это нужно
• Мини-курс по подготовке векторного персонажа, стикеров и emoji к анимации
• Как сделать анимацию роста дерева в стикерах
• Пример анимации 1 стикера в Телеграм

Удачи и терпения в этом нелегком пути двигателей ключей и вертексов ✨

💬💬💬 💬💬💬💬😦(1/4)

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

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

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

В сегодняшнем видео вы узнаете:
👉Как найти идею персонажа и прописать его характеристики?
👉Как внедрить ChatGPT в работу и как именно я им пользуюсь?
👉Как искать референсы?
👉Как отличить хороший дизайн от плохого?
👉Что такое абсурдный юмор в дизайне персонажей?

Ссылка на ютуб:
https://youtu.be/palMBpV-j5s

#дизайнперсонажа

Новое видео😦 (2/4)

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

Продолжаем разбираться в дизайне персонажа для стикеров или просто стилизованных персонажей.

Я постаралась в достаточно сжатой форме рассказать основные моменты, которыми пользуюсь при дизайне формы персонажей🔥

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

Ссылка на ютуб:
https://youtu.be/Ak1DjbHrY14

#дизайнперсонажа

Основы цвета и света в дизайне стилизованного персонажа😦 (3/4)

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

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

Ссылка на ютуб:
https://youtu.be/YvFF6zfuzoU

🔥Пишите в комментариях обратную связь.🔥 Интересен ли был подобный контент? Хотели бы вы посмотреть, как я с нуля придумываю персонажа для стикеров с подробными комментариями?

#дизайнперсонажа

Рисую стилизованного персонажа для стикеров с нуля!(4/4) ✨

Когда я была новичком в иллюстрации и дизайне персонажей, мне очень не хватало подобных роликов. Казалось, что существует какой-то секрет, что я что-то упускаю, а мне просто не хотят об этом рассказывать. Но на самом деле никакого секрета нет — нужно просто больше практики 👀💬👀

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

Это завершающий ролик в подборке про дизайн персонажей. Я поделилась с вами оптимальным минимумом знаний, в достаточно сжатой форме, без лишней воды, и этих знаний будет достаточно чтобы начать рисовать стилизованных персонажей. 🔥

Ссылка на ютуб:
https://youtu.be/3Iu4yd6q6gc

Сохраняйте посты, делитесь своими персонажами, комментариями - это очень мотивирует ❤️

#дизайнперсонажа