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

Как создать цифры со случайной текстурой, используя Иллюстратор

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

Как я уже неоднократно писал – текстура это очень важная часть векторной иллюстрации. Оказывается текстуру можно создавать из любых случайных объектов. Подтверждением этих слов служит сегодняшний урок по работе в Adobe Illustrator.

Для более подробного изучения этого урока Вы можете скачать исходный векторный файл

Данный урок выполнен в цветовом режиме RGB (File > Document Color Mode > RGB color).

Шаг 1

Рассмотрим технику создания случайной векторной текстуры на примере одной цифры. Но сначала создадим в иллюстраторе фон, что поможет нам правильно подбирать цвета в дальнейшем. Берем Rectangle Tool (M) и создаем прямоугольник. В качестве заливки я выбрал не очень яркий синий цвет.

Берем Type Tool (T) и печатаем цифру 3, затем берем другой инструмент, например Selection Tool (V).

Шаг 2

Не снимая выделения с цифры, переходим Type > Create Outlines.

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

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

Шаг 3

Приступим к созданию текстуры. Я уверен, что в ваших векторных файлах имеется большое количество подходящих объектов для создания текстуры. Я, например, нашел векторную карту мира, которую несколько раз использовал в уроках по созданию инфографики в Adobe Illustrator, например, здесь. Желательно, чтобы используемая вами текстура имела контур сложной формы. Переносим текстуру в текущий документ и заливаем сплошным темно-серым цветом.

Шаг 4

Устанавливаем для текстуры режим смешивания Color Dodge в панеле Transparency.

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

Шаг 5

Напечатаем несколько символов мировых валют. Для них я использовал тот же шрифт, что и для цифры. Открываем панель Glyphs (Type > Glyphs), затем берем Type Tool (T) и кликаем на рабочей области. Теперь два раза кликаем по нужному символу в панели Glyphs.

Устанавливаем для символа режим смешивания Color Dodge и регулируем интенсивность цвета в панели Color.

Создадим еще несколько символов, используя эту технику.

Шаг 6

При помощи Pen Tool (P) или Line Segment Tool создадим несколько расходящихся путей с обводкой темно-серого цвета. Применим к ним профиль треугольной формы в панели Stroke и режим смешивания Color Dodge.

Шаг 7

Создадим две вертикальные прямые с обводкой серого цвета. Выделяем их, затем переходим Object > Blend > Make. Для того чтобы установить нужные параметры эффекта два раза кликаем по иконке Blend Tool (W) или переходим Object > Blend > Blend Options…. Устанавливаем для полученного бленд объекта режим смешивания Color Burn.

Шаг 8

Если вы хотите локально осветлить текстуру, то создайте окружность при помощи Ellipse Tool (L) с заливкой радиальным градиентом от серого к черному цвету (R=0; G=0; B=0) и примените к ней режим смешивания Color Dodge.

Шаг 9

Итак, текстура создана, давайте ограничим ее видимость. Дублируем цифру три, затем размещаем ее копию выше всех созданных объектов.

Выделяем верхнюю цифру и все элементы текстуры, затем переходим Object > Clipping Mask > Make или используем комбинацию горячих клавиш иллюстратора Cmd / Ctrl + 7

Шаг 10

Дублируем нижнюю форму цифры, затем располагаем копию выше всех созданных объектов еще раз.

Отключаем заливку и применяем обводку голубого цвета к этому объекту.

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

 

Для более подробного изучения этого урока Вы можете скачать исходный векторный файл

 

Вы также можете прочесть о других способах создания векторных текстур в уроке - Несколько способов создания векторной текстуры в Adobe Illustrator.

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