Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Текстовый эффект в стиле Дикого Запада средствами Illustrator

9 апреля 2013 | Опубликовано в Уроки | 1 Комментарий »

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

 

 

Конечный результат

west_text_final

Шаг 1

Создайте новый документ. Теперь с помощью Text Tool (T)  напечатайте соответствующий текст. В этом уроке была введена надпись  "Запад", но вы можете ввести все, что угодно. Был использован шрифт Western.

west_text_01

Шаг 2

После того, как текст был создан, переходим к Effect > Warp > Arc Lower. В диалоговом окне Warp Options, вводим значение  Bend -20, значение  вертикального и горизонтального искажения остается 0, и нажимаем OK.

 

west_text_02

Шаг 3

Используя  Text Tool (T), вводим следующий текст. в уроке была введена надпись “Bar and Grill”, шрифт Glypha (но можна использовать любой другой похожий шрифт с засечками). Изменяем трекинг, как показано на скриншоте ниже.

west_text_03

Шаг 4

Между словами вставляем звезды. Делаем это с помощью инструмента  Star Tool на панели инструментов. Высота звезды равна половине размера текста.

 

west_text_04

Шаг 5

Выбираем текст “Bar And Grill”, звезды и сгруппируем их  (Ctrl + G). Теперь выберите новую группу и перейдите к  Effect > Warp > Arch. В диалоговом окне Warp изменяем end до 20, сохранить горизонтальные и вертикальные искажения на 0, а затем нажимаем OK.

west_text_05

Шаг 6

Вводим «The» , измените шрифт на Glypha Bold. Убедитесь, что значение трекинга равно нулю. Размещаем надпись над “Western”.

west_text_06

Шаг 7

Выберите две области и перейдите Object> Expand Appearance. Далее нужно выбрать “The”  и Type Create Outlines (Ctrl + Shift + O).

west_text_07

Шаг 8

С помощью Pen Tool создаем форму, которая показана на скриншоте ниже, возле буквы  "W" слова  “West”  на правой стороне от “The”. Не беспокойтесь, если ваше форма будет иметь неровности.

 

west_text_08

Шаг 9

Скопируйте форму (Ctrl + C) и вставьте (Ctrl + F) новую форму. Далее, перейдите к Object> Transform> Reflect и выберите в диалоговом окне Reflect — Vertical.  from the Reflect dialog. Теперь переместите ленту на другую сторону от  “The”.

 

west_text_09

Шаг 10

С помощью Rectangle Tool (M) создайте прямоугольник размером документа и поместите его позади текста и других фигур, перейдя в Object> Arrange>  Send to Back (CTRL+SHIFT+[ ).

west_text_10

Шаг 11

Залейте прямоугольник линейным градиентом.  Для этого градиента добавляем дополнительный цвет.  Чтобы сделать это, нажмите кнопку в центре панели в Gradient. Изменение первый цвет на #E8CB89; 0,12, 38, 11 — cmyk , последний -  #BA8B47; 0,19, 47, 25 — cmyk.

west_text_11

Step 12

С помощью Gradient Tool (G) установите градиент, нажав кнопку в верхней части прямоугольника и перетащить  его вниз.

west_text_12

Шаг 13

С помощью Rectangle Tool (M) создаем прямоугольник с меньшими размерами по сравнению с прошлым прямоугольником. Убедитесь, что высота прямоугольника больше, чем в ширина. Тот, который был создан в этом уроке имеет размеры примерно 13 пикселей в ширину и 90 пикселей в высоту. Ваши размеры могут отличаться в зависимости от размера вашего текста и документа. Поместите прямоугольник в нижнюю левую часть документа.

west_text_13

Шаг 14

Залейте прямоугольник  40 процентным серым, а затем перейдите к Effect> Sketch> Graphic Pen. После того в диалоговом окне Graphic Pen, изменяем Stroke Length на 15,  Light/Dark Balance до 100, а Stroke Direction на Horizontal.

 

west_text_14

Шаг 15

Выберите прямоугольник и перейдите к Object> Expand Appearance. В панели управления нажмите кнопку  Live Trace и в опции кнопки (маленькая стрелочка между  Live Trace и Mask) и из списка выбираем One Color Logo. Затем нажмите кнопку Expand.

 

west_text_15

Шаг 16

Когда наша текстура выбрана с помощью Selection Tool (V), изменяем размеры по вертикали и горизонтали, пока она не станет немного больше, чем прямоугольник с градиентом.

west_text_16

Шаг 17

Выделяем текстуру и прямоугольник с градиентом и отправляем их на задний план (Command + Shift +[). Далее выбираем а=прямоугольник с градиентом и копируем его  (Ctrl + C) и вставляем (Ctrl + F).

Выберите скопированный прямоугольник и текстуру, а затем нажмите кнопку Intersect в панели Pathfinder. Теперь измените заливку текстуры на цвет хаки  и режим смешивания на Multiply в панели Transparency.

west_text_17

Шаг 18

Выберите «Текст» и залейте его радиальным градиентом. Измените первый цвет на красный, а второй на более темный красный. Затем измените режим смешивания на Multiply.

 

west_text_18

Шаг 19

Выберите текст  "The" , скопируйте его (Ctrl + C), два раза вставьте на передний план (Ctrl + F). Выделите верхнюю копию и переместите ее немного влево и вниз.

Выберите перемещенную и нижнюю копию, а затем нажмите кнопку Minus Front в панели Pathfinder. Изменение заливку новой формы на  светло-коричневую и установите режим смешивания на Multiply в панели  Transparency. 

west_text_19

Шаг 20

Если вы увеличите текст, вы увидите  маленькие области, где форма, которая получилась в результате команды Minus, залазит на следующую область. Чтобы избавиться от этого, нужно удалить некоторые опорные точки с помощью инструмента  Delete Anchor Point Tool (-).

west_text_20

Шаг 21

Повторите шаги с 18 по 20 для текста  “Bar and Grill”. Прежде, чем начать эти действия, уберите звезды с группы с текстом (Ctrl + Shift + G).

west_text_21

Шаг 22

Выберите текст  "Western" и звезды, а затем залейте их светло-коричневым цветом. Установите режим смешивания  Multiply.

 

west_text_22

Шаг 23

Повторите шаги 19 — 20 для текста “Western”, лент и форм со звездами.

west_text_23

Шаг 24

Выберите текст “Western” и формы над ним, перейдите  в  Object> Path> Offset. В диалоговом окне Offset измените  значение Offset на -5 px (значение зависит о  размера текста).

west_text_24

Шаг 25

Заполните форму  Offset 20-процентным серым и измените режим смешивания на Soft Light в панели Transparency.

west_text_25

Шаг 26

Смещенные формы выделены, переходим в   Effect> Stylize> Feather и в диалоговом окне Feather измените  Feather Radius к 8 px  (опять же, в зависимости от размера шрифта  Feather Radius может быть больше или меньше).

west_text_26

Шаг 27

Теперь, когда текст уже сделан, мы можем сделать некоторые пулевые отверстия! Во-первых, выбрать место для вашего первого отверстия и с помощью Pencil Tool (N), нарисуйте небольшую неровную форму эллипса. Заполните форму светло-коричневым и установить его на Multiply.

west_text_27

Шаг 28

Нарисуйте форму размерами поменьше и залейте ее черным цветом. Кроме того, создайте дополнительные неровности вокруг черного эллипса с помощью Pencil Tool (N).

west_text_28

Шаг 29

С помощью Pencil Tool (N)  нарисуйте форму дыма, который выходит из пулевого отверстия. Заполните форму  10-процентным черным и установите непрозрачность до 0 в панели   Transparency.

 

west_text_29

Шаг 30

Нарисуйте еще одну форму дыма возле первой, залейте ее белым цветом и измените непрозрачность до 50 процентов.

west_text_30

Шаг 31

Выберите обе формы и дым и перейдите в Object> Blend> Make.

west_text_31

Шаг 32

Создать столько пулевых отверстий, сколько пожелаете.  Вот и все!

west_text_32

Окончательное изображение

west_text_final

 

Автор: Rype

Перевод — Дежурка

 

Смотрите также:




Комментарии

  1. Андрей
    Thumb up Thumb down +1

    Спасибо, стильная вышла дощечка 8)