Vectorboom
Уроки / Векторные Иконки / Comments: 2

Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Ярослав Лазунов
15.10.2012
Цель урока
Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Для создания  иконки с эффектом ручной работы нам не понадобятся краски и кисти.  Все что нам нужно в нашем уроке это графический планшет и плагин для Adobe Illustrator - DrawScribe. Для быстрого перекрашивания готовой иконки воспользуемся Phantasm CS.

Шаг 1

Мы будем создавать иконку при помощи  Dynamic Sketch Tool, который является одним из инструментов плагина DrawScribe. Давайте  настроим инструмент для удобной работы. Откроем окно настроек Dynamic Sketch, дважды щелкните на значке инструмента или нажмите клавишу Enter.  (Window > DrawScribe > Dynamic Sketch panel)

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Мои параметры несколько отличаются от параметров по умолчанию. Давайте посмотрим, что я изменил.

Откроем панель Dynamic Sketch (Window > DrawScribe > Dynamic Sketch panel) и выделим "Изменить или продолжить существующие пути" и установим степень точности и плавности.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Шаг 2

Для создания иконки с эффектом ручной работы я буду использовать графический планшет. Берем в руки перо графического планшета, выбираем для заливки оранжевый цвет и при помощи инструмента Dynamic Sketch Tool создадем форму иконки. Она должна быть похожа на квадрат.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

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

Шаг 3

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

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Установим "Round cap” в  панели Stroke для получения  линии с закругленными концами.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Выбираем для штриха более темный оттенок оранжевого цвета, чем для формы иконки, устанавливаем режим смешивания Multiply и уменьшаем прозрачность до 10% в панели Transparency.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Берем Dynamic Sketch Tool и создаем наклонные штрихи в месте, где должна быть полутень иконки.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

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

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Небольшое значение прозрачности (10%) дает нам ощущение рисования акварельными красками или гуашью.

Шаг 4

Принцип создания освещенной части иконки, такой же, как для тени. Только в этом случае установим режим смешивания Screen в панели Transparency. Цвет щтриха может быть такой же, как и для формы иконки.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками
Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Я решил сделать края иконки менее аккуратными, поэтому создал несколько путей по ее краям, как это показано на рисунке ниже, затем разместил их ниже всех объектов

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Шаг 5

Приступим к созданию формы почтового конверта. Берем Rectangle Tool (M) и  создаем прямоугольник.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Теперь при помощи Pen Tool (P) создадим путь, который состоит из двух прямолинейных сегментов.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Создадим еще один путь в нижней части конверта.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Шаг 6

Берем Scissors Tool (C) и разрезаем нижний путь в точках A and B, затем удаляем верхнюю его часть.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Выделяем все пути и переходим Object > Path > Outline Stroke

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Объединяем полученные объекты, нажав на Unite в панели Pathfinder.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Шаг 7

Выделяем все объекты конверта и нажимаем на Minus Front в панели Pathfinder.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

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

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Шаг 8

Берем Dynamic Sketch Tool и обрисовываем формы шаблона. В качестве заливки выбираем светло-оранжевый цвет.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

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

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками
Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Шаг 9

    При помощи Phantasm CS вы можете быстро перекрасить созданную иконку. Для этого переходим Effect > Phantasm CS > Hue/Saturation… и, управляя слайдерами в диалоговом окне, получите необходимый вам цвет.

Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками
Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками
Урок: Как в Illustrator создать иконку с эффектом ручной работы акварельными или гуашевыми красками

Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас!

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.