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

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

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

This article was originally published on Vectips.com in English. You can view the original article here...

В сегодняшнем уроке мы научимся создавать в Adobe Illustrator векторную бесшовную текстуру кожи, используя Pencil Tool и режим Pattern Editing. Кожа довольно часто используется в дизайне, поэтому, созданная вами текстура, не один раз пригодится в дальнейшем. Хочу заметить, что техника, описанная в этом уроке пригодна для создания других видов текстур.

Шаг 1

Открываем Adobe Illustrator и создаем новый документ (Cmd/Ctrl + N). Монтажная область может быть любого размера. Цветовой режим может быть как CMYK, так и RGB.

Шаг 2

В качестве исходного изображения я использовал Red leather texture с Shutterstock. Вставим изображение в текущий документ (File > Place…)

Элементы кожаной текстуры мы будем создавать при помощи Pencil Tool (N). Настройки этого инструмента показаны на рисунке ниже. Для открытия диалогового окна Pencil Tool Options два раза кликните на иконку Pencil Tool в панели Tools.

Шаг 3

Основываясь на растровое изображение текстуры, создаем участки кожи между складками при помощи Pencil Tool (N). В качестве заливки выбираем коричневый цвет (R= 110, G= 49, B= 0). Для создания таких объектов я использовал графический планшет, что, несомненно, ускоряет рабочий процесс.

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

Теперь растровая текстура кожи может быть удалена.

Шаг 4

Выделяем все созданные объекты, затем переходим Object > Pattern > Make, что приведет к переходу в режим Pattern Editing.

При помощи Pencil Tool (N) заполним пустые пространства новыми объектами, стараясь не нарушить однородность текстуры.

Шаг 5

На каждой чешуйке кожи создаем объекты произвольной формы с заливкой более светлым оттенком коричневого цвета (R= 145, G= 73, B= 15). Эти объекты создаются при помощи Pencil Tool (N) и покрывают большую часть площади чешуек кожи.

Шаг 6

Создадим блики на чешуйках кожи. Эти объекты также рисуются при помощи Pencil Tool (N) и располагаются в правом верхнем углу каждой чешуйки. Здесь мы предполагаем, что источник света находится справа сверху. Для заливки выбираем светло-коричневый цвет (R= 171, G= 108, B= 73). Границы блика выходят за границы чешуйки, лишние части блика будут удалены в следующем шаге.

Шаг 7

Выделяем один из объектов темно-коричневого цвета, затем переходим Select > Same > Fill Color. Теперь переходим Object > Compound Path > Make или используем комбинацию горячих клавиш Cmd/Ctrl + 8. Дублируем полученный Compound Path (Cmd/Ctrl + C; Cmd/Ctrl + F). Выделяем один из объектов светло-коричневого цвета, затем переходим Select > Same > Fill Color, после чего переходим Object > Compound Path > Make. Выделяем светло-коричневый и темно коричневый составные пути. Это удобно сделать в панели Layers.

Нажимаем на кнопку Intersect в панели Pathfinder.

Это приведет к удалению всех лишних частей бликов.

Шаг 8

При помощи Rectangle Tool (M) создаем прямоугольник, размер которого соответствует размеру плитки паттерна. Поместим прямоугольник ниже всех существующих объектов. Этот объект имеет заливку коричневого цвета R= 145, G= 64, B= 11.

Теперь, когда наш бесшовный паттерн полностью готов, нажимаем на Done.

Шаг 9

Бесшовная текстура кожи была сохранена в панели Swatches. Это означает, что мы можем использовать ее, как заливку для произвольных объектов.

Шаг 10

Если вам потребуется изменить цвет текстуры, кликните два раза по ее миниатюре в панели Swatches, что приведет к переходу в режим Pattern Editing. Теперь замените цвета ее элементов. Наша текстура имеет всего четыре цвета, поэтому такая процедура не займет у вас много времени.

Надеюсь, вам понравился этот урок и знания, полученные сегодня, пригодятся вам для создания своих векторных текстур. Вы также можете узнать, как создать бесшовную текстуру кожи при помощи функции Image Trace прочитав урок - Как создать векторную текстуру высокого качества используя Photoshop, Illustrator и Inkscape.

Всего комментариев: 2
0
1  
Превосходный урок! Спасибо, Ярослав!

0
2  
Спасибо

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