Cyber Monday Sale Save up to 40% off unlimited courses, tutorials and creative assets. Cyber Monday Sale! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects

Створюємо текстовий ефект у стилі Вестерн в Адобе Ілюстратор

by
Difficulty:BeginnerLength:MediumLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

Final product image
What You'll Be Creating

У наступних кроках ви дізнаєтеся, як створити простий текстовий ефект у стилі Вестерн в Адобе Ілюстратор.

Для початку ви дізнаєтеся, як створити простий фон та додати основний фрагмент тексту. Використовуючи повну перевагу панелі Вигляд, ви дізнаєтеся, як створити текстовий ефект у стилі Вестерн.

Ви дізнаєтеся, як працювати з декількома заливками та обведеннями, Зсувом, Закругленими кутами та Ефектами Трансформації, деякими ефектами Фотошоп та основними методами змішування. І, нарешті, як зберегти та застосувати простий графічний стиль.

Для більшого натхнення про те, як налаштувати або поліпшити свій остаточний текстовий ефект, ви можете знайти безліч ресурсів на GraphicRiver.

1. Створимо новий документ та додамо простий фон

Крок 1

Натисніть Control-N, щоб створити Новий документ. Виберіть Пікселі з випадного меню Одиниці, введіть в поля Ширини і Висоти 850, а потім натисніть кнопку Додатково. Виберіть Колірний режим RGB, встановіть Растрові ефекти на Екран (72 PPI), а потім натисніть на кнопку ОК, щоб створити документ.

new document

Крок 2

Оберіть інструмент Прямокутник (M) та зосередьтеся на панелі інструментів. Видаліть колір обведення, а потім виберіть заливку та  встановіть її колір на R=231 G=207 B=180. Перейдіть до вашої монтажної області та просто натисніть на неї, щоб відкрити вікно Прямокутника. Введіть "860" в обох полях, а потім натисніть кнопку ОК.

rectangle

2. Додамо текст

Крок 1

Виберіть інструмент Текст (T) та відкрийте панель Символи (Вікно> Текст> Стилі символу). Застосуйте шрифт Texas Tango, встановіть розмір 120 px, а потім просто натисніть на монтажну область. Додайте текст "WILD" та встановіть йому білий колір (R=255 G=255 B=255).

type tool

Крок 2

Переконайтеся, що ваш текст залишається обраним, та зосередьтеся на панелі Зразки (Вікно> Зразки) та натисніть зразок [Немає], щоб позбутися цієї білої заливки.

Перейдіть у панель Вигляд (Вікно> Вигляд) та натисніть кнопку Додати нову заливку, щоб додати нову заливку до тексту. Виділіть її та встановіть її колір на R=212 G=92 B=17.

new fill

3. Створимо задню частину текстового ефекту

Крок 1

Переконайтеся, що ваш текст все ще виділено, та зосередьтеся на панелі Вигляд. Додайте другу заливку, скориставшись тією ж кнопкою Додати нову заливку, та перетягніть її під існуючу заливку.

Виберіть нову заливку, встановіть її колір на R=53 G=9 B=8, а потім перейдіть до Ефект> Контур> Зсунути контур. Введіть Зсув 10 px, натисніть кнопку OK, а потім перейдіть до Ефект> Стилізувати> Заокруглені кути. Встановіть Радіус 10 px, натисніть кнопку ОК, а потім перейдіть в меню Ефект> Деформувати та трансформувати> Трансформувати. Перетягніть Перемістити Вертикальний повзунок на 5 px та натисніть кнопку ОК.

Add New Fill

Крок 2

Переконайтеся, що ваш текст все ще вибрано, та зосередьтеся на панелі Вигляд. Зніміть виділення з нижньої заливки та перейдіть до Ефект> Стилізувати> Тінь. Введіть атрибути, показані у верхньому лівому вікні (на наступному зображенні), натисніть кнопку ОК, а потім додайте інші три ефекти Тінь, показані нижче.  

Drop Shadow

Крок 3

Переконайтеся, що ваш текст все ще виділено, та знову перейдіть в панель Вигляд. Додайте третю заливку та перетягніть її між існуючими двома заливками. 

Виберіть цю найновішу заливку, встановіть її колір на R=76 G=28 B=15, а потім перейдіть до Ефект> Контур> Зсунути Контур. Введіть Зсув 5 px, натисніть кнопку OK, а потім перейдіть до меню Ефект> Стилізувати> Заокруглені кути.  Встановіть Радіус 6 px, натисніть кнопку ОК, а потім перейдіть до Ефект> Деформувати та трансформувати> Трансформувати. Перетягніть Перемістити Вертикальний повзунок до 4 px, а потім натисніть кнопку OK.

Offset Path

Крок 4

Переконайтеся, що ваш текст все ще вибрано, і сфокусуйтеся на панелі Вигляд. Додайте четверту заливку та перетягніть її прямо під верхню заливку.

Виберіть цю нову заливку, встановіть її колір на чорний (R=0 G=0 B=0), а потім перейдіть до Ефект> Контур> Зсунути Контур. Введіть 10 px Зсув, натисніть кнопку OK, а потім застосуйте Ефект> Стилізувати> Заокруглені кути. Встановіть Радіус 10 px, натисніть кнопку ОК, а потім виконайте Ефект> Деформувати та трансформувати> Трансформувати. Перетягніть Перемістити Вертикальний повзунок до 5 px, натисніть кнопку ОК, а потім перейдіть в меню Ефект> Художній> Зернистість фотоплівки. Перетягніть три повзунки, як показано на наступному зображенні, та натисніть кнопку OK.

Film Grain

Крок 5

З все ще виділеним текстом продовжимо у тій же панелі Вигляд. Зніміть вибір чорної заливки, зменште її Непрозорість до 15% та змініть Режим змішування на Множення. 

Multiply

Крок 6

З виділеним текстом, в панелі Вигляд, додайте п'яту заливку та перетягніть її прямо під верхню заливку.

Виберіть цю найновішу заливку, встановіть її колір на R=76 G=28 B=15, а потім перейдіть до Ефект> Контур> Зсунути Контур. Введіть Зсув 10 px, натисніть кнопку OK, а потім перейдіть до меню Ефект> Стилізувати> Заокруглені кути. Встановіть Радіус 10 px, натисніть кнопку ОК, а потім виконайте Ефект> Деформувати та трансформувати> Трансформувати. Перетягніть Перемістити Вертикальний повзунок до 5 px, натисніть кнопку ОК, а потім застосуйте Ефект> Ескіз> Туш. Встановіть Напрямок штриху Вертикальний, перетягніть два повзунки, як показано на наступному зображенні, та натисніть кнопку OK.

Graphic Pen

Крок 7

Переконайтеся, що ваш текст все ще вибрано, та зосередьтеся на панелі Вигляд. Зніміть прапорець, який ми додали на попередньому кроці, зменште його Непрозорість до 10% та змініть Режим змішування на Розсіяне світло.

Soft Light

Крок 8

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Виберіть верхню частину заливки та перейдіть до Ефект> Стилізувати> Закруглені кути. Встановіть Радіус 2 px, натисніть кнопку ОК, а потім додайте два ефекти Тінь, як показано нижче.   

Rounded Corners

4. Створимо передню частину текстового ефекту

Крок 1

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Додайте нову заливку та перетягніть її над існуючими.

Виберіть цю найновішу заливку та замініть колір на лінійний градієнт, показаний нижче. Пам'ятайте, що сині цифри з зображення Градієнта це Відсотки.

Далі перейдіть до Ефект> Стилізувати> Закруглені кути. Встановіть Радіус 2 px, натисніть кнопку OK, а потім перейдіть до Ефект> Контур> Зсунути контур. Введіть Зсув -2 px, натисніть кнопку OK, а потім перейдіть до Ефект> Деформувати та трансформувати> Трансформувати. Перетягніть повзунок Масштаб Вертикальний до -96%, та не забудьте перевірити верхню середню точку відліку, а потім натисніть кнопку OK.

Linear Gradient

Крок 2

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Виділіть верхню заливку та дублюйте її, скориставшись кнопкою Дублювати виділений елемент. Виберіть нещодавно додану заливку, замініть лінійний градієнт на чорний, а потім перейдіть до Ефект> Художній> Зернистість фотоплівки. Перетягніть три повзунки, як показано нижче, і натисніть кнопку OK.

Film Grain

Крок 3

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Виділіть заливку, додану на попередньому кроці, зменшіте її Непрозорість до 5% та змініть Режим змішування на Множення.

Multiply

Крок 4

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Додайте нову заливку та перетягніть її над існуючими.

Виберіть цю найновішу заливку, встановіть її колір на R=76 G=28 B=15, а потім перейдіть до Ефект> Контур> Зсунути Контур. Введіть Зсув -1 px, натисніть кнопку OK, а потім перейдіть до Ефект> Ескіз> Туш. Встановіть Напрямок штриху Вертикальний, перетягніть два повзунки, як показано на наступному зображенні, і натисніть кнопку OK.

Graphic Pen

Крок 5

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Знову виділіть заливку, додану в попередньому кроці, зменште її Непрозорість до 15% та змініть Режим змішування на Розсіяне світло.

Soft Light

Крок 6

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Додайте нову заливку та перетягніть її над існуючими.

Виберіть цю нову заливку, встановіть її колір на R=235 G=190 B=89, змініть Режим змішування на Розсіяне світло і перейдіть до Ефект> Стилізувати> Заокруглені кути. Встановіть Радіус 2 px, натисніть кнопку OK, а потім перейдіть до Ефект> Стилізувати> Внутрішнє свічення. Введіть всі атрибути, показані нижче, і натисніть кнопку OK.

Inner Glow

Крок 7

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Додайте нову заливку та перетягніть її над існуючими.

Виберіть цю найновішу заливку, змініть її Режим змішування на Перекриття та замініть плоский колір на лінійний градієнт, показаний нижче. Пам'ятайте, що жовте число з зображення Градієнта означає процентне значення Непрозорості.

Далі перейдіть до Ефект> Стилізувати> Закруглені кути. Встановіть Радіус 2 px, натисніть кнопку OK, а потім перейдіть до Ефект> Контур> Зсунути контур. Введіть Зсув -7 px, натисніть кнопку OK, а потім перейдіть до Ефект> Деформувати та трансформувати> Трансформувати. Перетягніть повзунок Масштаб Вертикальний до -96%, не забудьте перевірити верхню середню точку відліку, а потім натисніть кнопку OK.

Overlay

Крок 8

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Зніміть прапорець, наведений на попередньому кроці, і перейдіть до Ефект> Розмиття> Гаусове розмиття. Встановіть Радіус 3 рх, а потім натисніть на кнопку OK.

Gaussian Blur

Крок 9

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Зніміть прапорець, доданий на попередньому кроці, і дублюйте його, використовуючи ту саму кнопку Дублювати виділений елемент. Виберіть нещодавно додану заливку, зменште її Непрозорість до 30% та видаліть ефект Гаусового розмиття.

Duplicate Selected Item

Крок 10

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Додайте нову заливку та перетягніть її над існуючими.

Виберіть цю нову заливку, змініть Режим змішування на Перекриття, зменште Непрозорість до 20% та замініть плоский колір на лінійний градієнт, показаний нижче. Пам'ятайте, що жовте число з зображення Градієнта означає процентне значення Непрозорості.

Далі перейдіть до Ефект> Стилізувати> Закруглені кути. Встановіть Радіус 2 px, натисніть кнопку OK, а потім перейдіть до Ефект> Контур> Зсунути контур. Введіть -5 px Зсув, натисніть кнопку OK, а потім перейдіть в меню Ефект> Деформувати та трансформувати> Трансформувати. Перетягніть повзунок Масштаб Вертикальний до -96%, не забудьте перевірити верхню середню точку відліку, а потім натисніть кнопку OK.

Linear Gradient

Крок 11

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд.

Виберіть обведення, зробіть його чорним, встановіть розмір 6 px, а потім перейдіть до Ефект> Стилізувати> Заокруглені кути. Встановіть Радіус 2 px, натисніть кнопку OK, а потім перейдіть до Ефект> Контур> Зсунути контур. Введіть -2 px Зсув, а потім натисніть кнопку OK.

Black Stroke

Крок 12

Переконайтеся, що ваш текст все ще виділено, і зосередьтеся на панелі Вигляд. Виділіть обведення, зменште його Непрозорість до 25% та змініть Режим змішування на Розсіяне світло.

ABCD

5. Збережемо та застосуємо графічний стиль

Крок 1

Переконайтеся, що ваш текст все ще вибрано, відкрийте панель Стилі графіки (Вікно> Стилі графіки) та просто натисніть кнопку Створити стиль графіки.

New Graphic Style

Крок 2

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

Graphic Styles

Вітаю! Ви це зробили!

Ось як це повинно виглядати. Я сподіваюсь, вам сподобався цей урок і ви зможете застосувати ці методи в майбутніх проектах.

Не соромтеся скорегувати остаточний дизайн і зробити свій. Ви можете знайти деякі великі джерела натхнення на GraphicRiver, з цікавими рішеннями для поліпшення вашого дизайну.  

Final Product
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.