оно и видно
4.24K subscribers
279 photos
49 videos
10 files
105 links
Мы студия анимации и иллюстрации.
Наши работы - https://www.behance.net/onoividnostudio
Написать: https://tg-me.sbs/Brainsheep
Официальные авторы стикеров для Телеграма, Вконтакте и китайского мессенджера QQ.
Download Telegram
Как стать востребованным иллюстратором? 🙂

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

Решила поделиться с вами своими наблюдениями о том, какие действия мне помогли 🙂

⚡️Старайся быть универсалом.
Что это значит? Это значит, что вы не боитесь новых для себя задач. Ну ладно, боитесь, конечно — но всё равно пробуете и делаете.
Многие иллюстраторы избегают проектов, которые выходят за рамки их привычной зоны, и просто не берут такие заказы. С одной стороны, это может быть разумно — не браться за то, что не умеешь. Но с другой — это стоп для роста. Так легко застрять в зоне комфорта и жаловаться на отсутствие проектов. А мне, как заказчику, бывает просто нечего дать в работу: один не умеет рисовать людей, другой — не владеет дизайном, третий работает только в растре.

⚡️Хорошо, ты взял новый для себя проект. Что дальше? Как не облажаться?
Если ты понимаешь, что в этой задаче твоей компетенции пока не хватает, делай следующее:

— Трать больше времени на изучение проекта и подбор референсов.
— Будь сосредоточен. Делай не на отвали, а осмысленно.

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

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

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

#накипело
Please open Telegram to view this post
VIEW IN TELEGRAM
55🔥6💯5😴2
🔥Compound Path 🔥

Скажу сейчас за всех стикерных аниматоров: перестаньте уже рисовать этот составной контур!
Он некорректно переносится в After Effects и плох для оптимизации.

А что ещё нельзя? Да вот, целый список: 😒
– Составной контур (он также создаётся, когда один объект вырезается в другом);
– Любые эффекты, которые можно применить к лайну (сужение, расширение, заострение, пунктир и т.д.);
– Кисти;
– Второй контур во вкладке Appearance;
– Про вкладку Effects вообще забываем;
– Инструмент Width Tool.

Я точно что-то забыла — тут, наверное, проще сказать, что можно.
А по сути: можно просто обычный контур и шейпы без применения эффектов. 😇

#иллюстрация
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4123😁3
Полезный пост мы отложили на потом - потому что пришли правки 🙂
#накипело
Please open Telegram to view this post
VIEW IN TELEGRAM
😁5520🔥6🦄6👍2
Навигация по каналу 👍

Мы студия анимации и иллюстрации Оно и Видно. Специализируемся на стикерах, эмоджи, персонажах и lottie анимации.

Портфолио: https://www.behance.net/onoividnostudio
Сайт: https://onoividno.ru/
YouTube: https://youtube.com/@onoividno

Полезные посты:
• Особенности при работе с Bodymovin для стикеров Телеграм
Как запечь экспрешены и зачем это нужно
• Как сделать анимацию роста дерева в стикерах
• Когда можно отделять обводку от заливки
• Иллюзия маски для стикеров
Мини-курс по подготовке векторного персонажа, стикеров и emoji к анимации
Бесплатный экспресс-курс по дизайну персонажа для стикеров
Плагины и скрипты для анимации стикеров
Частые ошибки при подготовке персонажа к анимации в After Effects
Пример анимации 1 стикера в Телеграм
Процесс создания персонажа в векторе
Гайд для начинающих фрилансеров
Толщина лайна и как она влияет на дизайн персонажа
Как сделать персонажа милым?
Как сделать классный дизайн персонажа?
Как лучше рисовать два ключевых кадра для анимации стикера?

Хэштеги:
#анимация
#иллюстрация
#портфолио
#интервью
#накипело
#дизайнперсонажа
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5126👍2
А вы так же «обожаете» созвоны, как мы? 😂

#накипело
Please open Telegram to view this post
VIEW IN TELEGRAM
😁55💯158🔥7
Проигрышная стратегия на фрилансе🚰

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

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

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

Конечно, я понимаю, что бывают разные ситуации, и к каждой нужно подходить с умом. Не стоит полностью избегать всего, что связано со словом “постоянно”. Но приберечь пару клиентов на фрилансе всё-таки стоит. 🏃‍♂️

Жду ваших мыслей по этому поводу 👇

#накипело
Please open Telegram to view this post
VIEW IN TELEGRAM
154👍19🔥10💯10
Пассивная агрессия от заказчиков - как отдельный вид искусства 😱

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

#накипело
Please open Telegram to view this post
VIEW IN TELEGRAM
33😁21🤷‍♂2💯2
This media is not supported in your browser
VIEW IN TELEGRAM
Как уместить в 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 КБ и начнёт отжимать место у других стикеров в чате 💀

#анимация
Please open Telegram to view this post
VIEW IN TELEGRAM
47🔥37😁26🫡4💯3
Вам тоже кажется, что иллюстратор быстрее наполняет своё портфолио, чем аниматор? 🏃‍♂️

#накипело
Please open Telegram to view this post
VIEW IN TELEGRAM
360🤣32💯23👍8
⚡️ Уметь брать ответственность на себя и не перекладывать её на заказчика - это один из важных моментов, который показывает, что ты профессионал.

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

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

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

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

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

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

#накипело
Please open Telegram to view this post
VIEW IN TELEGRAM
128💯12
This media is not supported in your browser
VIEW IN TELEGRAM
Ура, наконец-то Телеграм сделал загрузку, редактирование и отслеживание статистики стикеров и эмоджи в удобном формате!

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

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

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

И раз я тут именно сегодня, поздравляю всех с 1 сентября, кого это касается 🏥
Please open Telegram to view this post
VIEW IN TELEGRAM
56🔥28🎉13
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированные стикеры в 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, но вот с растровыми форматами знаком меньше.

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

#анимация
Please open Telegram to view this post
VIEW IN TELEGRAM
56👍11🦄1
Присылайте ваши «проклятые» анимации в комментарии 😱

#накипело
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
42😁27🫡5🦄1
Media is too big
VIEW IN TELEGRAM
Пока мы колесим по США, предлагая lottie анимацию бездомным, Дуров дает интервью Лексу Фридману, где уделяет внимание стикерным художникам.

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


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

Спасибо Pototsky! за отрывок и всем векторым художникам и аниматорам за вклад в это приятное сообщество.
Please open Telegram to view this post
VIEW IN TELEGRAM
1273🔥25🤡3
А что вы смотрите/слушаете во время работы?

#накипело
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰33😁1512💯6
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Мы сделали первые анимированные подарки для Вконтакте!

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

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

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

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

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

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

#портфолио
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6635🤡11👍3
This media is not supported in your browser
VIEW IN TELEGRAM
💬💬💬💬💬💬😦

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

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

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

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

#портфолио
Please open Telegram to view this post
VIEW IN TELEGRAM
40🔥5728🥰7💯3🦄1