Золотистий ефект на тексті

Вступ:

Привіт, люба спільното PSD. Раді бачити вас знову на моїх уроках. Сьогодні ви навчитесь, як створити такий чудовий ефект золота, як на малюнку 01. Крім того, я покажу вам, як створити власні бібліотеки кольорів, щоб мати знову під рукою колір золота, який ми пізніше створимо. У кінці ми ще розглянемо, як можна привести двовимірний текст до тривимірної версії як бонус.

Отже, досить говорити. Почнемо прямо зараз...

Adobe Illustrator – золотий ефект на тексті

Частина 1:

Крок 1: Створення золотистих кольорів

Перш ніж розпочати створення золотистого ефекту, вам знадобляться різні золотисті кольори. У цьому уроці нам знадобляться чотири різні значення CMYK. Але де можна найкраще отримати ці значення? Моє рекомендація в цьому випадку дуже проста. Щоб мати золоті кольори, введіть у обраному вами пошуковому двигуні (у моєму випадку "Google") слова "Золото, золоті слитки, золоті колір" або щось подібне. Перейдіть на "Пошук зображень" і подивіться різні зображення, де є золоті кольори. Як ви можете бачити на Малюнку 02, я обрав зображення з двома золотими слитками. Збережіть це зображення або вибране вами зображення на свій комп'ютер, а потім перейдіть до Illustrator.

Adobe Illustrator - Золотий ефект на тексті

Після входу в Illustrator, спочатку створіть нову робочу область у форматі DIN A3. Це робите через Файл>Новий.

Adobe Illustrator - золотий ефект на тексті.

Тепер перейдіть до Файл>Місце і виберіть у наступному діалоговому вікні зображення, яке ви зберегли раніше. Підтвердьте це вікно, натиснувши "OK".

Adobe Illustrator - Золотий ефект на тексті.

Це зображення ми візьмемо як посилання для золотих кольорів. Візьміть Інструмент прямокутника, створіть чотири маленькі квадрати і розмістіть їх десь на краю вашої робочої області. Зазначена величина не має значення. В моєму випадку всі квадрати розміром 28 x 28 мм.

Adobe Illustrator - Золотий ефект на тексті.

Тепер ви досягли точки, де ви повинні визначити значення кольорів вашого зображення. Для цього спершу виберіть кожний квадрат і виберіть Піпетку з Палітри інструментів. Оберіть тепер різні золоті відтінки з зображення. Зробіть це для кожного квадрата один раз. На Малюнку 06 ви можете побачити, які області я вибрав значення кольорів за допомогою Піпетки.

Adobe Illustrator - Золотий ефект на тексті

Для тих, хто не зовсім задоволений своїми власними значеннями кольорів, ось знову значення CMYK моїх чотирьох кольорів (див. також Малюнок 07).

• CMYK – 9/43/96/37
• CMYK – 6/24/80/9
• CMYK – 2/13/67/0
• CMYK – 3/6/65/0

Adobe Illustrator - ефект золота на тексті.

Крок 2: Створення градієнту

Після того як ви створили чотири різні значення кольорів, настав час створити градієнт з цими кольорами. Для цього знову візьміть Інструмент прямокутника і створіть ще один квадрат. Розмір не грає великої ролі.

Перед тим, як ви зможете створити градієнт з кольорами золота, рекомендуємо додати ці кольори до своєї Палітри кольорів. Ви можете відкрити цю палітру за допомогою Вікно>Палітра кольорів, якщо ви ще не відображали її.

Adobe Illustrator - золотий ефект на тексті

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

Adobe Illustrator – Золотистий ефект на шрифті

На наступному етапі потрібно Палітру градієнтів. Якщо ви ще не відкрили її, перейдіть до Вікно>Градієнт (або також на Mac - Command+F9), щоб її показати.

Adobe Illustrator - effect of gold on text

У наступному кроці оберіть квадрат, який ви створили спочатку у Кроці 2. Клацніть у поле градієнта в палітрі Градієнтів, щоб створити попередньо заданий чорно-білий градієнт. Тепер цей градієнт необхідно змінити для наших цілей.

Adobe Illustrator - текстовий золотий ефект

За допомогою палітри Колірні поля ви можете перетягувати недавно створені золоті кольори у поле градієнта методом перетягування. Чорне та біле кольорові поля у цьому градієнті можна легко видалити, перетягнувши їх угору із натиснутою лівою кнопкою миші та вивільнивши з палітри Градієнтів.

Тепер перетягніть у градієнт стільки кольорових полів, скільки вказано на рисунку 12.

Adobe Illustrator - золотий ефект на тексті.

Зліва направо ви маєте такий порядок кольорових полів (див. Рисунок 13).

Adobe Illustrator – золотий ефект на тексті.

Крок 3: Створення тексту та підготовка до золотого градієнту

Після того, як ви створили золотий градієнт, можете написати слово або фразу за допомогою Інструменту тексту. У моєму випадку я пишу слово "Золото". Для того щоб потім ефект золота виглядав належним чином, раджу вибрати шрифт, який має досить товсті лінії. Для тонких та вишуканих шрифтів ефект золота буде менш помітний і десь непов'язно виглядати. У моєму випадку я вибрав шрифт Myriad Pro на товстих лініях шрифту Bold. Розмір шрифту я встановив у 300 пунктів.

Adobe Illustrator - Золотий ефект на тексті.

Якщо ви задоволені вибором шрифту та слів, переходьте у верхній панелі меню до Шрифт>Перетворити у криві.

Adobe Illustrator - Золотий ефект на тексті.

Тепер ви можете клікнути Піпеткою на квадраті з попередньо створеним вами градієнтом. На відміну від Photoshop, Піпетка в Illustrator розрізняє окремий колір від градієнту. Таким чином весь градієнт застосовується до вашого тексту. Після цього повинно виглядати як на Рисунку 16.

Adobe Illustrator - золотистий ефект на написі

Оскільки градієнт зараз розташований зліва направо, а не як було забажано зверху вниз, можна просто встановити кут 90° в палітрі Градієнтів...

Adobe Illustrator - золотистий ефект на тексті

... або взяти Інструмент градієнта з палітри Інструментів. Цим інструментом ви можете вільно налаштовувати градієнт, клацнувши та перетягнувши його. Таким чином ви можете встановити кут, позицію та довжину градієнту.

Adobe Illustrator - золотий ефект на тексті.

Після налаштування вашого градієнту, все повинно виглядати приблизно так (див. Рисунок 19).

Adobe Illustrator - Золотий ефект на тексті.

Крок 4: Зробіть золото сяючим

У наступному кроці вам потрібно забезпечити так, щоб ваше золото блищало красиво.

Для цього створіть чорну Контур з товщиною 5пт.

Adobe Illustrator - золотий ефект на тексті

Оскільки старі версії Illustrator не дозволяють градієнти на Контурі, вам потрібно перетворити цей Контур у власний об'єкт. Це можна зробити через Об'єкт>Перетворити. У відповідному вікні знімайте галочку з Фігура, а поставте у Контур. Підтвердіть все натиснувши OK.

Adobe Illustrator - Золотий ефект на тексті.

За допомогою комбінації клавіш Command+Shift+G (на ПК - Strg+Shift+G) ви можете розгрупувати все це (натисніть цю комбінацію клавіш 2 рази). Це означає, що ви тепер можете окремо вибирати Контур. (Рисунок 22)

Adobe Illustrator - золотий ефект на тексті

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

Adobe Illustrator - золотий ефект на тексті

Виберіть контур вашого тексту та заповніть його оновленим градієнтом. Це можна найлегше зробити знову за допомогою піпетки, натиснувши на квадрат із відповідним градієнтом (Зображення 24).

Adobe Illustrator - золотий ефект на тексті

Щоб натюнити цей градієнт трохи більше, візьміть знову інструмент градієнтів з палітри інструментів та перетягніть градієнт зліва вгорі направо вниз. (Ви повинні зробити це окремо для кожної літери.) Після цього все повинно виглядати приблизно як на Зображенні 25.

Adobe Illustrator - золотий ефект на тексті

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

Adobe Illustrator - Золотий ефект на тексті.

Частина 2:

Створення бібліотек кольорів

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

У Illustrator є можливість створити свої власні бібліотеки кольорів, які автоматично зберігаються в Adobe Illustrator.

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

Adobe Illustrator - ефект золота на тексті

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

Adobe Illustrator - золотий ефект на тексті

Завантажте свої золоті кольори до цієї групи за допомогою перетягування. Нажаль, градієнти не вдасться помістити в цю папку через опір Illustrator.

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

Зазвичай я не видаляю кольори чорний та білий, оскільки їх можна знайти в нагоді. Після виконання всіх цих дій це все повинно виглядати приблизно так (Зображення 29).

Adobe Illustrator – Золотий ефект на тексті.

Тепер клацніть на маленьку стрілку в правому верхньому куті, щоб відкрити випадаюче меню, перейдіть майже вниз і клацніть на Зберегти бібліотеку кольорів як ASE. Далі вкажіть назву у наступному вікні (у цьому випадку знову "Золоті кольори").

Adobe Illustrator - Золотистий ефект на тексті

Ваша перша власна бібліотека кольорів готова.

Тепер створіть новий документ через Файл>Новий.

Після створення документу ви помітите, що золоті кольори зникли, а стандартні кольори знову стали видимими.

Щоб знову викликати золоті кольори, знову клацніть на маленьку стрілку у верхньому лівому куті палітри колірних полів, щоб відкрити випадаюче меню. Цього разу перейдіть на Відкрити бібліотеку кольорів та потім на Користувацькі. Зараз відобразяться бібліотеки кольорів, які ви зберегли самі. Якщо натиснути на Золоті кольори, відкриється нова палітра колірних полів з золотими кольорами та градієнтами, які ви зберегли раніше.

Adobe Illustrator - золотий ефект на тексті

Додатковий вміст

Золотий текст як 3D-реалізація

Як вже було анонсовано в початку посібника, я підготував для вас невеликий додатковий вміст. А саме, я хотів швидко показати, як ви можете зробити з вашого 2D-тексту 3D-текст. Тому давайте почнемо...

Виберіть свій золотий текст та потім клацніть у верхньому меню на Ефекти>3D>Екструзія та фасеція.

Adobe Illustrator - золотистий ефект на тексті

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

Два налаштування є тут надзвичайно важливі для нашого 3D-тексту.

• У верхній частині ви можете вільно повертати 3D-текст та розміщувати його, як вам зручно (1).
• В полі Глибина екструзії ви можете встановити, наскільки далеко повинен продовжуватися ваш текст углиб (2).

На даний момент це все ще не виглядає дуже вражаюче (Рисунок 33), оскільки задній екструзійний елемент тексту є сірий і ще не золотий.

Adobe Illustrator - Ефект золота на тексті

Проте цю проблему можна вирішити дуже легко, клацнувши на Інші опції та в полі Колір тіні вибрати Користувальницький. В як значення кольору можна ввести #D2B023. Усі налаштування, які я провів, ви можете побачити на Рисунку 34.

Adobe Illustrator - Золотий ефект на тексті

Ваш золотий 3D-текст готовий.

Adobe Illustrator - золотий ефект на тексті

Висновки

Сподіваюся, вам сподобалося це посібник і ви тепер знаєте, як зробити цей золотий текст за допомогою відносно простих засобів. Якщо у вас ще залишилися які-небудь питання, то просто напишіть їх у коментарі під цим посібником. Я постараюся якомога швидше відповісти на них.

Ваш

Джуліан