Vectorboom
Уроки / Иллюстрации / Comments: 13

Как создать векторную иллюстрацию в стиле гравюры в Adobe Illustrator при помощи WidthScribe2

Ярослав Лазунов
12.11.2014
Цель Урока
Create a vector illustration of engraving grapes with WidthScribe2

В этом уроке мы рассмотрим особенности применения Width Stamp Tool к растровым и векторным объектам для создания довольно сложной иллюстрации в стиле гравюры. Вы также узнаете, как использовать штриховку, созданную своими руками, и пресеты Width Stamp. Теперь для создания гравюр вам просто нужно иметь WidthScribe2.

Шаг 1

В этом уроке я использовал фотографию грозди винограда с Shutterstock. Давайте вставим растровое изображение в Adobe Illustrator (File > Place ...).

Create a vector illustration of engraving grapes with WidthScribe2

Берем Ellipse Tool (L) и создаем эллипс, форма которого будет соответствовать форме одной из ягод винограда. Выбираем для заливки ярко-зеленый цвет, устанавливаем для обводки ширину 1px и темно-зеленый цвет.

Create a vector illustration of engraving grapes with WidthScribe2

Теперь создадим еще один эллипс с теми же свойствами, но меньшего размера. Поместим эту окружность немного ниже центра первой окружности.

Create a vector illustration of engraving grapes with WidthScribe2

Шаг 2

Выделяем обе окружности и переходим Object > Blend > Make (Option/Alt + Cmd/Ctrl + B). Два раза кликнем по иконке Blend Tool (W) в панели Tools и установим Specified Distance = 4px в диалоговом окне Blend Options.

Create a vector illustration of engraving grapes with WidthScribe2

Теперь переходим Object > Blend > Expand.

Create a vector illustration of engraving grapes with WidthScribe2

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

Create a vector illustration of engraving grapes with WidthScribe2

Выделим и сгруппируем все векторные объекты (Cmd/Ctrl + G).

Шаг 3

Выделяем группу с векторными объектами и растровое изображение. Откроем панель Width Stamp (Window > Width Scribe > Width Stamp panel). Теперь нажимаем на кнопку Make with Top Object. Установим минимальное и максимальное значение для ширины.

Create a vector illustration of engraving grapes with WidthScribe2

Как вы можете видеть обводки векторных объектов представляют собой пути переменной ширины,  которые соответствуют распределению светотени на ягодах винограда.

Create a vector illustration of engraving grapes with WidthScribe2

Шаг 4

После применения функции Width Stamp мы имеем возможность редактировать растровое изображение при помощи плагина Phantasm. Выделяем Image в панели Layers, затем переходим Effect > Phantasm > Levels…. Управляя уровнями в диалоговом окне, мы видим, какой эффект это производит на пути переменной толщины. Наша цель - добиться большей выразительности иллюстрации.

Create a vector illustration of engraving grapes with WidthScribe2

Шаг 5

Мы можем использовать опцию Dashes в панели Width Stamp, которая позволит в местах наибольшей освещенности делать пути пунктирными. Параметр Threshold определяет границы пятна, внутри которого пути будут пунктирными.

Create a vector illustration of engraving grapes with WidthScribe2

Шаг 6

При помощи одного из инструментов рисования, например Pen Tool или InkScribe Tool, создадим векторные объекты в промежутках между ягодами. Заливаем эти объекты темно-зеленым цветом, который соответствует цвету обводки ягод.

Create a vector illustration of engraving grapes with WidthScribe2

Шаг 7

Приступим к созданию листа. В качестве референсного изображения я буду использовать лист винограда с Shutterstock. Вставим изображение в текущий документ.

Create a vector illustration of engraving grapes with WidthScribe2

Основываясь на изображение, создадим векторную форму листа и его контур. Для быстрой и удобной работы вы можете использовать Dynamic Sketch Tool (плагин Dynamic Sketch)

Create a vector illustration of engraving grapes with WidthScribe2
Create a vector illustration of engraving grapes with WidthScribe2

Теперь создадим прожилки на листе.

Create a vector illustration of engraving grapes with WidthScribe2

Шаг 8

Используя Dynamic Sketch Tool или Pencil Tool (N) создадим штриховку на листе, которая соответствует наиболее затемненным участкам изображения.

Create a vector illustration of engraving grapes with WidthScribe2

Превратим эту штриховку в пути переменной толщины, так чтобы они соответствовали интенсивности тени изображения. Для этого выделим штриховку и растровое изображение, затем нажимаем на кнопку Make with Top Object в панели Width Stamp. Установим максимальное и минимальное значение для ширины путей.

Create a vector illustration of engraving grapes with WidthScribe2

Теперь наш лист готов и выглядит так…

Create a vector illustration of engraving grapes with WidthScribe2

Шаг 9

Создадим падающую тень от винограда. Нарисуем форму тени и применим к этому объекту заливку серого цвета.

Create a vector illustration of engraving grapes with WidthScribe2

Для размытия краев тени переходим Effect > Blur > Gaussian Blur... и устанавливаем подходящий радиус размытия в диалоговом окне.

Create a vector illustration of engraving grapes with WidthScribe2

Теперь создадим еще одну форму с заливкой черным цветом так, как это показано на рисунке ниже.

Create a vector illustration of engraving grapes with WidthScribe2

Группируем оба созданных объекта.

Шаг 10

Выделяем группу, затем нажимаем на кнопку Make with Preset в панели Width Stamp. Устанавливаем максимальное и минимальное значение для ширины путей, выбираем пресет – Half Grid, устанавливаем Spacing: 3px и угол: 30 градусов.

Create a vector illustration of engraving grapes with WidthScribe2
Create a vector illustration of engraving grapes with WidthScribe2

Как вы можете видеть, Width Stamp Tool может также быть применен к векторным объектам. Для того чтобы штриховка не распространялась за пределы тени отметим опцию Trim Contours at Min Width.

Create a vector illustration of engraving grapes with WidthScribe2

Как и в случае с растровыми объектами, вы можете модифицировать векторные объекты после применения Width Stamp Tool. Например, вы можете изменять их форму и управлять параметрами примененных эффектов.

Create a vector illustration of engraving grapes with WidthScribe2

То есть Width Stamp Object является динамическим и легко настраиваемым объектом. Теперь мой виноград выглядит так.

Create a vector illustration of engraving grapes with WidthScribe2
Всего комментариев: 13
0
1  
Прикольно!) только листок не очень получился - норм только если из далека смотреть... Плагин узкого применения однако - хотябы цену скинули а то...

0
2  
Спасибо вам за уроки)

Решил триальную попробовать
Так вот на ШАГ 3 у меня заклинило, не могу "Make with Top Object" нажать, она не выделяется

Загрупировал шейпы с переходами, выделил эту группу, а под ним растровую картинку....и ничего не получается дальше, может поможете?

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

0
4  
Когда я взял и вынес из группы одну виноградину и выделил ее одну с картинкой, то получилось создать.
С группой такого не получается(

0
5  
А бленды у вас разобраны?
Заглянул в исходник все нормально, никаких хитростей.

0
6  
Да, че то вот не понятно...оказывается их надо разобрать((

0
7  
Ну, так это вы не досмотрели или я пропустил?

0
8  
ни у них ни у вас не написано что надо разобрать...

0
9  
Тыц пиздыц, по-русски здрасьте. Берем очки, смотрим второй шаг, под первым рисунком: Теперь переходим Object > Blend > Expand.

0
10  
Упс...пиздупс....виноват, батенька)

0
11  
То-то

0
12  
Благодарю за проявленное терпение) 
Мы холопы туповаты...

0
13  


пока я это делала, наступило утро!
Косяков много, но что поделать )

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