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

Как создать векторную деревянную текстуру в Adobe Illustrator

Ярослав Лазунов
16.12.2013
Цель Урока

В сегодняшнем уроке мы рассмотрим новый способ создания векторной деревянной текстуры в Adobe Illustrator. Рассмотренная здесь техника стала возможной благодаря использованию плагина WidthScribe, который позволяет эффективно работать с переменной шириной пути.

Шаг 1

Текстура древесины имеет ярко выраженные волокна. Это годовые кольца, которые в продольном сечении могут выглядеть как эллипсы. Давайте создадим основу для будущей текстуры. Рисуем два эллипса при помощи Ellipse Tool (L), как это показано на рисунке ниже.

Выделяем созданные объекты, затем переходим Object > Blend > Make. Теперь переходим Object > Blend > Blend Options… и устанавливаем требуемое количество specified steps в диалоговом окне.

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

Шаг 2

Выделяем все созданные объекты, затем переходим Object > Blend > Expand. Теперь мы получили набор эллипсов разного размера, которые находятся в нескольких группах.

Разгруппируем все эллипсы, для этого два раза используем комбинацию горячих клавиш иллюстратора Cmd / Ctrl + Shift + G.

Шаг 3

Окрашиваем обводку эллипсов в светло-коричневый цвет и устанавливаем для нее ширину 3px. Открываем панель Appearance (Window > Appearance), затем добавляем новую обводку к эллипсам, нажав на кнопку Add New Stroke в нижней части панели. Окрашиваем новую обводку в коричневый цвет и устанавливаем для нее ширину 1 px.

Теперь все эллипсы имеют обводку, состоящую из двух цветов.

Шаг 4

Ограничим площадь нашей деревянной текстуры. Создаем прямоугольник с заливкой светло-коричневым цветом.

Дублируем этот прямоугольник (Cmd / Ctrl + C; Cmd / Ctrl + F), затем размещаем копию выше всех созданных объектов (Cmd / Ctrl + Shift + ]).

Выделяем все созданные объекты (Cmd / Ctrl + A), затем используем комбинацию клавиш Cmd / Ctrl + 7 для создания Clipping Mask.

Шаг 5

Заблокируем Clipping path в панели Layers.

Берем Warp Tool (Shift + R) и деформируем эллипсы так, чтобы их края были больше похожи на волокна древесины.

Шаг 6

В дальнейшей работе мы будем использовать плагин WidthScribe. Нам также предстоит работать c панелью Width Selector (Window > WidthScribe > Width Selector) и панелью Appearance.

Итак, берем Width Bush Tool, затем открываем диалоговое окно с опциями настройки Width Bush Tool. На рисунке ниже красной рамкой выделены параметры, которые вы должны установить обязательно.

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

Шаг 7

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

Так как в предыдущем шаге мы выбрали опцию "Edit Focal Stroke Only”, то инструмент будет воздействовать только на светло-коричневую обводку.

Теперь выделим верхнюю обводку в панели Appearance и совершим несколько мазков при помощи Width Bush Tool по этой обводке.

Для изменения размеров кисти используйте клавиши "[" и "]”. Конечно, вы также можете устанавливать другие параметры для Width Bush Tool, в зависимости от того, какие результаты вы хотите получить. У нас только одна цель – трансформировать пути в пути с переменной шириной.

Шаг 8

Берем Width Selector Tool, не снимая выделения с верхней обводки в панели Appearance. Как вы можете видеть, появились маркеры ширины для изменения ширины путей.

Выделим их при помощи Width Selector Tool.

В дальнейшем вам предстоит работать с более длинными путями, поэтому для выделения всех маркеров ширины будет удобней использовать панель Width Selector. Для этого достаточно выделить один маркер, затем нажать на кнопку "Select all markers on path”.

Шаг 9

Нажимаем на Turn / Enter key, что приведет к открытию диалогового окна Width Selector Preferences. Отметим "Shift Stroke From Side to Side” в этом окне.

Теперь, используя клавиши "[" и "]” мы можем перемещать выделенные маркеры ширины наружу или внутрь пути.

Нам осталось применить описанные техники ко всем путям текстуры.

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

Шаг 10

Создадим несколько досок, используя одинаковые текстуры и Clipping Masks.

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

Шаг 11

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

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

Таким образом, мы создали общее освещение.

На самом деле я знаю только два способа создания векторных деревянных текстур в Adobe Illustrator, не считая автотрейсинга фотографии:

Create A Wood Grain Texture

Как создать реалистичную деревянную текстуру в Adobe illustrator

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

Всего комментариев: 1
0
1  
Плагин платный и это убило =(

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