Создаем иконки героев Adventure Time!
Уроки

Время приключений с Adobe Illustrator. Создаем иконки героев Adventure Time!

Кто любит Adventure Time? Все любят Adwenture Time! Да и графика этого мультика располагает к творчеству в красочном flat стиле.
Сегодня мы превратим Джейка, Фина, и принцессу Баблгам в милые квадратные иконки.

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

1. Подготовка рабочего пространства.

Создайте новый документ, выбрав «Создать» или нажмите Ctrl+N; укажите настройки – советую взять квадрат со сторонами примерно в 700px, вполне хватит.
Новый документ в программе Illustrator Adobe
Нажмите M, или выберете элемент на панели, чтобы создать прямоугольник, и растяните его на всю поверхность холста.
step2
Залейте его градиентом, выбрав инструмент Градиент, пусть он будет радиальным, из светлого в темный, как здесь.

step2-2

1.2. Джейк пёс. Основная форма.

Теперь нам нужен другой прямоугольник (цвет:#eabf00), создайте такой, как показан на рисунке, и втяните углы внутрь.
step3 step4

1.3 Добавим деталей.

Нарисуйте два ровных круга, один в другом, затем сгруппируйте их и копируйте.
step5
Дальше нам нужны 2 прямоугольника.
step5-1
Поверните первый.
step5-2
Копируйте + отразите первый прямоугольник.
step5-3
Скруглите углы у всех получившихся.
step6
Соберите все три прямоугольника в конструкцию.
step6-2

Совместите детали (Панель контуров).

С помощью инструмента работы с контурами Ручка, отсеките лишнее, сделав форму более плавной.

step7

Отсеките примерно половину нашей конструкции с помощью прямоугольника и меню «Контуры».

step8

Дублируйте.

step9

Далее требуется совместить детали, предварительно отразив правую.

step9-1

Задайте обводку, а также добавьте эллипс.

step9-2

Подтаскиваем детальку.

step11

Давайте нарисуем Джейку рот. С помощью инструмента Ручка нарисуйте фигуру.

step11-2

Не хватает белоснежных зубов и языка.

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

step12

Ручкой нарисуйте закрывашку для верхней части зубов.

step12-2

1.3. Финальные штрихи.

Вроде бы всё отлично. Но давайте придадим нашему творению большую похожесть на иконку.

Выберете туловище, и примените к нему диагональный градиент.

step009

Дублируйте слой с туловищем, залейте темно-серым, и поместите за основной фигурой. Это придаст эффект плоской тени.

Создайте две фигуры, они будут тенями для нашего значка.
Первая фигура проходит через глаза, вторая меньше. Прозрачность конструкции поставьте на 20-25%.

step012-2

Выделите тело и новые фигуры.
Правый клик — обтравочная маска. Этим мы добьемся эффекта тени только на нужных участках.

step7-2

Почти готово! Давайте еще придадим фигуре свечение. Скопируйте тень, и поместите ее на передний план;

step4-2

Немного уменьшите ее размеры, залейте градиентом, поставите прозрачность 12%.

step02

Финиш! Джейк готов!

2.1. Принцесса Жвачка.

Было легко? На мой взгляд, Принцесса Баблгам еще легче, простые формы, никаких Ручек, никаких сложностей.
Для начала копируйте квадрат туловища Джейка вместе с тенью, залейте розовым.
Создайте круг, поместите его чуть выше нижнего края.
Принцесса Баблгам в Adobe Illustrator
Возьмите прямоугольник, срежьте им верхнюю часть, меньше половины.
Вам понадобиться кнопка с панели работы с контурами.
Принцесса Баблгам в Adobe Illustrator
Разместите два прямоугольника, так, чтобы получить Корону, совместите контуры. Залейте желтым.
Нарисуйте завершающий элемент короны, добавьте глаза и разместите их как на скриншоте.
Принцесса Баблгам в Adobe Illustrator
Задайте на свой вкус обводку для фигур, я советую не ставить меньше 2, и больше 4.
Нарисуйте улыбку, ей можно задать обводку чуть сильнее.
Залейте градиентом корону
Принцесса Баблгам в Adobe Illustrator

3.1 Финн парнишка.

Создайте квадрат с градиентной заливкой, из светлого в сероватый.
Рисуем Финна / Illustrator

Нарисуйте элипс бледно-персикового цвета, добавьте глаза.

Рисуем Финна / Illustrator

Создайте 2 элипса, вычтите верхний, перекрасьте основу.

Рисуем Финна / Illustrator

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

Рисуем Финна / Illustrator

Нарисуйте фигуру, вычтете ненужное.

Рисуем Финна, зубы

Изобразите язык, там всего 4 точки.

Рисуем Финна / Illustrator

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

Рисуем Финна / Illustrator

Математично!

Добавить комментарий