Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Створимо текстовий ефект, натхнений бейсболом в Адобе Ілюстратор

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Для всіх фанів спорту звідусіль, цей урок навчить вас, як створити текстовий ефект, натхненний бейсболом. Ви почнете з підготовки тексту, а потім скориставшись ефектами Низький Рельєф та Внутрішнє свічення ви зможете легко додати йому певного об’єму. Далі ви створите векторну текстуру та візерунковий пензль, за допомогою якого ви додасте характерні бейсбольні шви. Нарешті, в списку справ досягнення зношеного та брудного вигляду, для якого ми скористаємося програмним художнім пензлем. Закінчимо ми створенням трав’яного фону та додаткових пучків трави навколо букв. Давайте почнемо!

1. Почнемо новий проект

Запустіть Адобе Ілюстратор і перейдіть до Файл > Створити, щоб відкрити пустий документ. Введіть ім'я для файлу, налаштуйте розміри а потім виберіть Пікселі як Одиниці і Колірний режим як RGB. Потім перейдіть в меню Редагування > Параметри > Загальні і встановіть Приріст клавіатурою на 1 рх, та перейдіть до Одиниць виміру, щоб переконатися, що вони встановлені, як показано. Я завжди працюю з цими налаштуваннями, і вони допоможуть вам протягом усього процесу малювання.

New document

2. Підготуємо текст

Крок 1

Візьміть інструмент Текст (T) та напишіть "SPORT" на своєму артборді, скориставшись шрифтом Cooper Black, Regular, розмір 120 pt. Встановіть трекінг на 50, а потім виберіть Розгорнути вигляд в меню Об’єкт і Розгрупуйте (Shift-Control-G).

Type SPORT

Крок 2

Виділіть усі літери та додайте Обведення 4,5 pt, скориставшись кольором по вашому бажанню. Тепер оберіть Розгорнути вигляд в меню Об'єкт та Розгрупувати (Shift-Control-G), щоб перетворити обведення на заливку.

Зосередьмося на букві "S". На цьому етапі літери повинні складатися з чорної форми та зеленої форми (це обведення залите вибраним вами кольором). Виберіть обидві форми та натисніть Об’єднати на панелі Обробка контурів, щоб об'єднати їх у єдину форму. Повторіть те ж саме для інших чотирьох букв.

Add stroke to text

 Крок 3

Виділіть букву "O" і перейдіть до Об’єкт> Складений шлях> Звільнити, потім видаліть менший еліпс з центру.

Release compound path

Крок 4

Залийте букву "O" показаним радіальним градієнтом та скористайтеся для решти букв зазначеним бежевим кольором.

Color the text

Крок 5

Потім виберіть усі літери та перейдіть до Ефект> Стилізувати> Внутрішнє світіння, застосуйте показані налаштування та натисніть OK. Тепер я назву ці літери: "оригінал S", "оригінал P", "оригінал O", "оригінал R" і "оригінал T".

Apply Inner Glow effect to text

3. Додамо до тексту об’єм

Крок 1

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

Apply Bas Relief effect to text

Крок 2

Якщо ви зробите оригінальні літери невидимими (натискаючи на значок ока поруч із кожною буквою на панелі Вигляд), ви зможете побачити копії букв з ефектом Низький Рельєф, застосованим до них. Для більш тонкого вигляду зменште Непрозорість до 65% для кожної літери.

Apply Bas Relief effect to text 2

Крок 3

Поверніть видимість до літер та встановіть до них Режим змішування Перекриття.

Bas Relief effect result

Крок 4

Якщо ви збільшите одну з літер, ви помітите, що ефект Низький Рельєф, хоч це і непогано, надає нам крапки з пікселями. Не хвилюйтеся: ми можемо це виправити за допомогою простої маски. Спочатку виберіть усі оригінальні літери, а потім Скопіюйте та Вставте позаду (Control-B). Встановіть для отриманих копій заливка - немає, обведення - немає, натиснувши значок Очистити вигляд внизу панелі Вигляд. 

Далі, зосередьтеся на першій літері. Виберіть копію оригіналу S, яку ви щойно зробили, разом із буквою "S", у якої ефект Низький Рельєф, та перейдіть до Об’єкт> Відсічна маска> Зробити (Control-7). У панелі Шари ви побачите нову групу, яку я назвала Низький Рельєф, та "оригінал S", який завжди залишається зверху.

Create sharp edges for text

4. Створимо текстуру

Крок 1

Візьміть інструмент Прямокутник (M) та накресліть великий прямокутник над буквами. Для прикладу, мій становить близько 550 x 200 px. Виберіть білий як колір заливки, потім перейдіть до Ефект> Текстура> Вітраж, застосуйте параметри нижче та натисніть ОК.

Apply Stained Glass effect

Крок 2

За допомогою виділеного прямокутника оберіть Розгорнути вигляд, а потім перейдіть до пункту Об'єкт>Швидке трасування>Параметри трасування. Зробіть наведені нижче зміни, і натисніть Трасування, потім виберіть Розгорнути вигляд в меню Об’єкт. Тепер наша текстура є вектором.

LIve Trace

Крок 3

Якщо текстура все ще виділена, перегляньте розміри на панелі Трансформувати.  Замість існуючих розмірів (незалежно від їх значення) введіть 480 px у полі Ширина та 120 px у полі Висота. Це дозволить зменшити не лише текстуру, а й зробити клітини меншими, що нам і потрібно.

Resize vector texture

Крок 4

Встановіть текстуру на Режим змішування Перекриття та 20% Непрозорості (1). Потім виберіть "оригінал S", "оригінал P", ..., "оригінал" T ", а потім Скопіюйте та Вставте попереду (Control-F) усі літери. Видаліть усі існуючі явища та перемістіть їх наперед, перейшовши до пункту Об’єкт> Упорядкувати> На передній план(Shift-Control-]). За допомогою цих п'яти копій все ще обраних копій, перейдіть до пункту Об’єкт> Складений шлях> Зробити (Control-8) (2). Тепер виберіть новий складений шлях (без обведення та заливки) разом із текстурою та перейдіть до Об’єкт> Відсічна маска> Зробити (Control-7) (3).

Mask the vector texture

Крок 5

Перейдіть на панель Шари та знайдіть текстуру під щойно створеною маскою. Скопіюйте та Вставте попереду (Control-F), змініть колір заливки від чорного на білий, а потім перемістіть її на 1 px вгору і на 1 px вліво, натиснувши клавішу Стрілка вгору / Стрілка вліво на клавіатурі один раз. Встановіть Режим змішування на Нормальний, але Непрозорість на 20%.

Duplicate the vector texture

5. Створимо пензль з бейсбольним візерунком

Крок 1

Візьміть Перо(P) і намалюйте форму, подібну до пелюстки, але внизу. Наприклад, моя форма становить приблизно 12 x 33 px, тобто досить мала (1). Скористайтеся параметром Обернути на панелі Трансформувати, щоб повернути цю форму на -15 градусів (2), потім перейдіть до Об'єкт> Трансформувати> Дзеркальне відображення, встановіть горизонтальну вісь та натисніть Копіювати. Розташуйте дві форми, як на зображенні, з двома внутрішніми кутами, які трохи накладаються (3). Перемістіть деякі внутрішні точки, щоб отримати відносно пряму лінію посередині, як зазначено в напрямній лінії (4). Нарешті, намалюйте два еліпси та відправте їх на задній план (5).

Create baseball stitch brush

Крок 2

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

Create baseball stitch brush 2

6. Створимо шви на тексті

Крок 1

Застосуйте Перо (P) або Олівець (N) щоб створити два злегка вигнуті шляхи на кожній букві, як на зображенні. Скористайтеся вказаним кольором обведення, і встановіть Щільність обведення на рівні 0,5 pt.

Apply baseball stitch brush

Крок 2

З все ще обраними десятьма шляхами, оберіть Додати нове обведення в випадному меню на панелі Вигляд. Це дозволить додати друге обведення над першим, і тепер ви можете скористатися пензлем Бейсбол-Стібок. Встановіть значення Щільності обведення на 1 pt, а потім двічі натисніть на застосований пензль в панелі Вигляд, щоб відкрити вікно Параметри обведення. У полі Масштаб введіть 20% та натисніть OK.

Apply baseball stitch brush 2

Крок 3

Тепер давайте пофарбуємо бейсбольні шви. Але спочатку виберіть усі обведені шляхи та оберіть Розгорнути вигляд в меню Об'єкт. Збільште розмір літери "S", потім виберіть за допомогою інструмента Часткове виділення (A) лише одну фіолетову фігуру та перейдіть до Виділити> Таке саме> Колір заливки. У результаті буде вибрано всі фіолетові фігури, і ви зможете заповнити їх усі разом зазначеним радіальним градієнтом.

Color the baseball stitches

Крок 4

Потім виберіть лише один з зелених еліпсів, потім виберіть Виділити> Таке саме> Колір заливки. В результаті будуть виділені всі зелені еліпси, і ви зможете заповнити їх зазначеним радіальним градієнтом.

Color the baseball stitches 2

Крок 5

Прийшов час додати кілька тіней. Візьміть інструмент Перо (P) або Олівець (N) і знову намалюйте по два шляхи на кожній літері. Зверніть увагу, що один із шляхів проходить по внутрішній стороні стібка, а інший - по зовнішній стороні другого стібка (1). Майте це на увазі, коли ви малюєте шляхи.

Оберіть чорне Обведення 1 pt для цих десяти шляхів, потім перейдіть до Ефект> Розмиття> Гаусове розмиття і застосуйте Радіус 1,5 px (2).  Встановіть для усіх них Непрозорість на 40% для більш м’якої тіні (3).

Add shadow for stitches

Крок 6

Далі ми створимо деякі маски, і я скористаюся для приклада буквою "S". Виберіть "оригінал S", а потім Скопіюйте та Вставте попереду (Control-F). Видаліть всі існуючі явища та відправте їх на передній план, перейшовши до пункту Об’єкт> Упорядкувати> На передній план (Shift-Control-) (1). Тепер виберіть цю копію літери разом із двома швами та двома шляхами тіні (2) і перейдіть до пункту Об'єкт> Відсічна маска> Зробити (Control-7). Ви можете назвати отриману групу "Шви S" в панелі Шари.

Mask baseball stitches

Крок 7

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

Mask baseball stitches 2

7. Створимо зношений / брудний вигляд

Крок 1

Візьміть Перо (P) або інструмент Відрізок лінії (\) та намалюйте прямий шлях над кожною буквою, як на наступному зображенні. Виберіть чорний колір заливки, а потім перейдіть до меню Бібліотеки пензлів> Художній> Художній_КрейдаВугольОлівець та знайдіть пензль Chalk Art Brush. Скористайтеся ним, щоб обвести ці п’ять шляхів, та встановіть Щільність обведення на 2 pt.

Use Chalk Art Brush

Крок 2

Виберіть "оригінал S", "оригінал P", ..., "оригінал T", а потім Скопіюйте та Вставте попереду (Control-F). Видаліть всі наявні явища та Відправте їх попереду всього, перейшовши до пункту Об’єкт> Упорядкувати> На передній план (Shift-Control-]). Тепер зосередьтеся на букві "S". Виберіть копію букви, яку ви щойно зробили, разом із обведеним шляхом та перейдіть до пункту Об'єкт> Відсічна маска> Зробити (Control-7). Ви можете назвати отриману групу "Dirt S "в панелі Шари.

Повторіть те ж саме для решти літер, щоб отримати чисті краї.

Use Chalk Art Brush 2

Крок 3

Виберіть обведений шлях над буквою "S" та встановіть Режим змішування Перекриття. Зробіть те саме для інших чотирьох букв. За необхідності трохи зменште Непрозорість. 

Use Chalk Art Brush 3

8. Додамо тінь

Крок 1

Виберіть оригінальні літери, а потім Скопіюйте та Вставте позаду (Control-B). Видаліть всі існуючі явища та відправте їх на задній план, перейшовши до пункту Об’єкт> Упорядкувати> На задній план(Shift-Control-[). Застосуйте колір, вказаний колір заливки, а потім перейдіть до Ефект> Стилізувати та використайте ефект Тінь чотири рази.

Add shadow to text

Крок 2

Це налаштування для чотирьох ефектів Тіні:

Add shadow to text 2

9. Створимо фон з трави

Крок 1

Спершу створіть новий Шар під шаром "BG" з текстовим ефектом.  Візьміть інструмент Прямокутник (M) та накресліть прямокутник по розміру вашої монтажної області, що у моєму випадку становить 600 x 400 px. Виберіть вказаний колір заливки.

Create the grass background

Крок 2

Скопіюйте та Вставте попереду (Control-F) один і той же прямокутник і змініть колір заливки на чорний. Потім перейдіть до Ефект> Ескіз та застосуйте ефект Поштовий папір. Це лише початок, але ви можете побачити решту деталей у моєму уроці Створимо векторний текст з ефектом трави, оскільки я знайшла натхнення саме в ньому. В принципі, слідуйте поясненням та налаштуванням з кроків 2 до 6, і ви отримаєте фон трави.

Create the grass background 2

Крок 3

Наприкінці кроку 6 фон повинен виглядати так:

Create the grass background 3

Крок 4

Намалюйте інший прямокутник з тим самим розміром і залийте його радіальним градієнтом від білого до чорного. Встановіть його в Режим змішування Множення і 40% Непрозорості, і фон - готовий.

Create the grass background 4

10. Додамо додаткові пучки трави

Крок 1

Поверніться до шару з текстовим ефектом. Перейдіть на панель Символи, відкрийте меню Бібліотеки символів, а в категорії Природа знайдіть "Grass 1", "Grass 2" та "Grass 3". Перетягніть їх на свій артборд, а потім натисніть значок розірвати зв'язок з символом в нижній частині панелі Символи, щоб розгорнути їх.

Розмножте ці пучки трави, масштабуйте, обертайте та розташовуйте кілька навколо букви "S". Ви можете наслідувати моєму прикладу або робити це так, як забажаєте (1). Я вирішила замаскувати траву зверху та зліва, бо вона не виглядала природньо, і для цього я скористалася копією "оригінал S", як і раніше (2). Виберіть копію літери разом з пучками трави, яку ви хочете замаскувати, і перейдіть до пункту Об’єкт> Відсічна маска> Зробити (Control-7) (3).

Add tufts of grass

Крок 2

Ось решта літер. У колонці 1 ви можете побачити пучки трави, які я розташувала навколо літер, у колонці 2 ви можете побачити пучки трави, які я вирішила замаскувати, а в колонці 3 - остаточний результат.

Add tufts of grass 2
Add tufts of grass 3

Мої вітання! Ви закінчили!

Текстовий ефект, натхненний бейсболом готовий. Я сподіваюсь, що ви дізналися про деякі нові техніки, які ви можете застосувати в майбутніх проектах. Залиште мені відгук або поділіться своїм перетворенням цього ефекту, тому що я хотіла б його бачити.

Baseball text effect
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.