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

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

1 правило. Сила в простоте.
Не пичкайте персонажа деталями, особенно, если этот персонаж для стикеров или будет использоваться в маленьком формате.
Мелкие блики, тенюшки, полоски, разделения, родинки или ворсинки - всё это лишнее.

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

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

Персонаж не должен быть кривой!

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

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

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

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

5 правило. Оставляем место для отдыха.
Если что-то в дизайне вам необходимо сделать более детализировано, то обязательно оставляйте места, где глаз будет отдыхать, т.е делайте что-то менее детальным. Это должно быть достаточно большое пространство, чтобы не перегружать информацией человека, который смотрит на вашего персонажа.

Наш мозг классно додумывает детали, поэтому чтобы, к примеру, сделать шерсть, надо только намекнуть на её наличие.

#иллюстрация
👍35🔥216
А теперь давайте исправим мой старый и неудачный дизайн на новенький 👇👇👇

#иллюстрация
17👍7
76👍36
Всем приветик 👋
Мы ищем иллюстраторов!

Ребята, у нас появилось местечко для иллюстратора в нашей команде Оно и видно. Мы ищем человека, которому можно будет доверить часть заказов и с которым будет комфортно работать ❤️

Что надо уметь?

- рисовать персонажей и окружение в векторе (только Adobe Illustrator) для анимации по готовым скетчам;

- концептить персонажей и рисовать этих персонажей в разных ракурсах и позах по тех. заданию.

Если вы умеете только что-то одно из этих пунктов, то тоже пишите 👍👍👍
!!!Вакансия не для новичков!!!

Присылайте ваши работы или портфолио сюда:
https://tg-me.sbs/Hannahdoodle
👍488🔥7
Ребята! У нашей студии появилось своё портфолио на Behance 🥳🥳🥳🥳
Всех приглашаю ознакомиться с нашим творчеством по ссылке 👇

https://www.behance.net/onoividno

Будем не против лайков и похвалы 😊
Портфолио будет пополняться в скором времени ❤️

#портфолио
👍40🔥1312
Всем приветик 👋 Мы тут максимально зарылись в рабочих проектах, но я нашла немного времени, чтобы кратко рассказать вам про одну очень интересную и сложную тему 👇

👋Рисуем руки для анимации👋

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

Важный совет. Не стесняемся и используем референсы.

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

Что нужно учитывать при прорисовке рук к анимации:

- Вы всегда должны представлять в голове, какая будет анимация рук. Иногда бывает, что рука делает достаточно сложный жест, а иногда просто болтается. В случае сложного жеста делим пальцы по фалангам. В случае, когда персонаж не будет менять положение пальцев, можно рисовать их единым шейпом;
- Если персонаж делает сложный жест, обязательно прорисовываем 2-4 ключевых кадра;
- Не рисуем тени и блики на кистях рук, если они мелкие. Эти тени всё равно не видно, а работы аниматору они прибавят;
- Не рисуем ничего "на всякий случай". Лишние шейпы, точки, блики и т.д. только усложняют работу аниматора.

А теперь давайте наглядно разберём на какие части надо делить руки при подготовке к анимации, а так же я покажу вам конкретный пример👇

#иллюстрация
🔥34👍95
50👍22🔥15
Рука для анимации.ai
476.9 KB
А это то, чем обычно никто не делится ИСХОДНИК 👆 Здесь я нарисовала руку для анимации из примера, чтобы наглядно показать вам, как это должно выглядеть в исходнике)

#иллюстрация
👍63🔥2316
Ух, Аня написала отличный пост! Пример анимации рук с подобным жестом от меня)
41
AnimatedSticker.tgs
32.5 KB
64👍26🔥9
Сегодня ничего полезного, просто хочу показать стикер, которому присуждается первое место по моей собственной шкале "Время затраченное на покрас стикера" 🏆

Wasted - 1 час!

Поздравляем победителя🥳
🔥70👍155
Начну серию коротеньких постов-лайфхаков про неочевидные фишечки в Adobe illustrator)

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

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

Я подготовила для вас инструкцию для таких случаев:
1. Выделяем нужный нам объект;
2. Разворачиваем в нейтральное положение, оно как правило вертикальное и ровное;
3. Тыкаем Object-Transform- Reset Bounding Box
4. Радуемся)

Пишите в комментарии, с какими проблемами вы сталкиваетесь в Adobe Illustrator и не знаете как их решить, а я попробую вам помочь 👇

#иллюстрация
39👍12🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Показываю наглядно 👆
#иллюстрация
👍7112🔥4
Сегодня будет простой лайфхак по иллюстратору. Думаю, что многие это и так знают, но меня в своё время это ввело в ступор на пол часа 😂

Как выключить инструмент Перспективной сетки, если ты нечаянно на него ткнул?

У многих, в том числе и у меня были такие случаи, когда случайно тыкаешь на Perspective Gird Tool. Затем на весь экран вываливается огромная перспективная сетка, ты сразу переключаешься на нужный тебе инструмент, а сетка не закрывается, хотя ты судорожно тыкаешь на крестик в углу экрана) Было такое?

Тут всё просто👇
Вам надо снова выбрать инструмент Perspective Gird Tool, и уже этим инструментом вы сможете закрыть перспективную сетку, нажав на крестик в углу экрана)

Ниже будет гифка для наглядности 👇👇👇

#иллюстрация
👍366😁3🔥1
Сегодня я вам расскажу 👇
Как сделать стикерную обводку в Adobe Illustrator в виде шейпа?

Всё очень просто, а главное, что есть волшебная кнопка, которая вам поможет и не надо рисовать всё ручками)

1. Выделяем стикер и тыкаем ctrl+c (копируем) и ctrl+f (вставляем новый стикер поверх старого);
2. Затем выделив новый стикер тыкаем в Pathfinder кнопочку Unite (это такие два квадратика, которые слились в один);
3. Получившийся шейп мы окрашиваем в белый;
4. Выделив наш белый шейп идём в Object - Path - Offset Path
5. Перед нами появляется маленькая табличка с интуитивно понятными настройками, где вы можете выставить нужную вам толщину аутлайна, сделать закруглённые или острые углы. Тыкаем ОК;
6. Теперь у нас есть два белых шейпа - один побольше, другой поменьше) Оставляем тот, что побольше, пихаем его на слой ниже.

И готово! Теперь вы мастер стикеров🥳

#иллюстрация
👍448🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
И как обычно, гифка для наглядности 😉

#иллюстрация
67👍19🔥18