Vectorboom
Уроки / Текстовые эффекты / Comments: 1

Создаем граффити на кирпичной стене при помощи Texturino в Иллюстраторе

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

Сегодня мы создадим векторное граффити и применим к нему растровые текстуры из Pro Texture пакета (бесплатно для пользователей плагина) при помощи Texturino. Другие инструменты Astute Graphics помогут нам сделать процесс создания работы быстрым, удобным и эффективным.

Шаг 1

Начнем наш урок с грубого карандашного эскиза лого AG (Astute Graphics). Затем сканируем его.

Создаем новый документ (Cmd / Ctrl + N), iв открывшемся диалоговом окне установим размер монтажной области и цветовой режим RGB.

Теперь вставим эскиз в текущий документ (File > Place…) и заблокируем его в панели Layers.

Шаг 2

Приступим к созданию векторного лого на основании эскиза. Для этих целей вы можете использовать Pen Tool (P), но, на мой взгляд, удобней и быстрее воссоздать форму букв при помощи InkScribe Tool (плагин InkScribe). Давайте посмотрим, как это делается. Кликнем на InkScribe Tool в панели Tools и откроем панель инструмента (Window > InkScribe > InkScribe panel).

Нажимаем на Draw a straight segment и кнопку Corner в панели InkScribe.

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

Шаг 3

Выбираем обводку любого цвета и отключаем заливку в панели Tools. При помощи InkScribe Tool создаем путь, состоящий только из прямолинейных сегментов, опираясь на эскиз буквы A.

Одним из преимуществ InkScribe Tool является то, что этот инструмент обладает функциями похожими на функции Direct Selection Tool. То есть вы можете редактировать созданные точки, сегменты и ручки, не используя другие инструменты и горячие клавиши. Захватываем один из прямолинейных сегментов и смещаем его в сторону, создавая форму, которую требует эскиз.

Подобным образом работаем с другими сегментами. Это очень быстрый и комфортный процесс.

Аналогичным образом создаем часть формы буквы G.

Шаг 4

Оставшиеся элементы букв создаем при помощи прямоугольников.

Выделяем все пути, затем нажимаем кнопку Unite в панели Pathfinder.

Округлим некоторые углы букв. Для этих целей вы можете использовать Corner Widgets (View > Show Corner Widget), если вы пользователь Adobe Illustrator CC. Если вы работаете в более ранних релизах, то для решения такой задачи вам не обойтись без Dynamic Corners Tool плагина VectorScribe.

Шаг 5

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

Группируем буквы (Cmd/Ctrl + G), копируем группу и вставляем ее назад (Cmd/Ctrl + C, Cmd/Ctrl + B). Не снимая выделения с нижней группы, переходим Object > Path > Offset path…. Устанавливаем значение Offset (в моем случае это 10px).

Окрашиваем все объекты нижней группы в темно-серый цвет.

Шаг 6

Копируем темно-серую группу и вставляем ее назад. Смещаем эту копию вниз и вправо, как это показано на рисунке ниже.

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

Шаг 7

При помощи Pen Tool (P) создадим две треугольные формы темно-серого цвета так, как это показано на рисунке ниже.

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

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

Шаг 8

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

Теперь нажимаем кнопку Unite в панели Pathfinder.

Переходим Object > Path > Offset path…. Устанавливаем значение Offset.

Заливаем нижний объект белым цветом.

Шаг 9

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

При помощи Pencil Tool (N) создадим несколько капель стекающей краски.

Создадим блики на левой стороне букв. Рисуем путь с белой обводкой и применяем к нему Width Profile 1 в панели Stroke. Создаем подобные объекты в других местах. Группируем все элементы граффити.

Шаг 10

Поместим граффити на кирпичную стену. Здесь мы будем использовать растровую кирпичную текстуру из Pro Texture Packs и плагин Texturino. Если вы пользователь Texturino, то войдите в ваш профиль на сайте Astute Graphics и кликните на Pro Texture Pack ссылке. Предоставленные текстуры имеют высшее качество и высокое разрешение. Много бесшовных текстур готовы для загрузки в библиотеку Texturino. Откроем панель Texturino (Window > Texturino > Texture panel). Нажимаем на кнопку Import new textures в панели и добавляем Brick wall detail texture. Кстати, вы можете импортировать несколько текстур одновременно.

Нам также понадобится текстура fine grade stone из пакета Pro Texture Packs.

Шаг 11

Выделяем серый прямоугольник затем кликаем на кнопку Add a new texture в панели Texture. Текстура добавлена и появилась аннотационная система.

Два раза кликаем на ползунке Scale и в открывшемся диалоговом окне устанавливаем 15%.

Выбранная текстура является бесшовной, поэтому мы можем применять к ней любой масштаб.

Шаг 12

Хотя мы используем черно-белую текстуру, но можем придать ей любой оттенок. Применим к прямоугольнику с текстурой вертикальный линейный градиент, который состоит из двух оттенков синего цвета. По умолчанию в аннотационной системе выбран режим смешивания Multiply. Благодаря этому текстура окрасилась в цвета градиента.

Проведем цветовую коррекцию при помощи Phantasm. Не снимая выделения с текстуры, переходим Effect > Phantasm > Levels… и в открывшемся диалоговом окне устанавливаем Input Levels как показано ниже.

Теперь переходим Effect > Phantasm > Curves…, добавляем точку на диаграмме и смещаем ее немного вверх.

Шаг 13

Теперь нам надо сделать так, чтобы текстура кирпича появилась на граффити. Применим к группе с векторными объектами режим смешивания Overlay в панели Transparency.

Да, текстура на буквах появилась, но швы между кирпичами выглядят не закрашенными. Поэтому продолжим наши эксперименты. Копируем граффити лого и вставляем его вперед (Cmd/Ctrl + C, Cmd/Ctrl + F), применим к верхней группе режим смешивания Darken.

Выделяем нижнюю группу и переходим Effect > Phantasm > Curves…, добавляем точку на диаграмме и смещаем ее немного вниз.

Теперь граффити выглядит более естественно.

Шаг 14

Для придания большего реализма применим к верхней группе еще одну текстуру. Выделим ее, выбираем текстуру fine grade stone в панели Texture и нажимаем кнопку Add a new texture.

Два раза кликаем на ползунке Scale в аннотационной системе и в открывшемся диалоговом окне устанавливаем 50%, применим к текстуре режим смешивания Overlay. Так мы создали капли спрея на граффити.

Конец - делу венец.

Всего комментариев: 1
0
1  
Не все получилось, но вот !

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