Як зробити текст по дузі з градієнтом і тінню

Заголовок по дузі з градієнтом за сім кроків

1. 1

   Відкрийте фото

   На lilcactus.app виберіть Файл› потім Відкрити… (Ctrl+O або ⌘O) або перетягніть фото у вікно. Щоб точно повторити кроки, відкрийте фото-приклад із цієї сторінки.

2. 2

   Намалюйте пологу дугу

   Клацніть правою кнопкою миші кнопку пера на панелі інструментів і виберіть Перо-крива. Клацніть три точки: біля лівого краю приблизно на двох третинах висоти від верхнього краю, посередині трохи вище за середину зображення і біля правого краю на рівні першої точки. Лінія плавною дугою пройде через них.

   Щоб завершити криву, не замикаючи її, натисніть кнопку Більше команд для контурів (…) на панелі параметрів і виберіть Завершити незамкнений контур.

   

   

3. 3

   Введіть текст на кривій

   Натисніть D, а потім X, щоб колір переднього плану став білим, і натисніть T, щоб вибрати інструмент Текст. На панелі параметрів виберіть у списку Шрифт значення Impact, у полі Розмір введіть 150 і натисніть кнопку вирівнювання по центру (Вирівняти по центру). Клацніть верхню частину дуги, введіть GOLDEN HOUR і натисніть Ctrl+Enter або ⌘↩.

   Літери стоять на кривій із центром у точці, яку ви клацнули. Якщо літери вийшли тонкими (Impact встановлено не на кожному комп’ютері), виберіть Arial і натисніть кнопку B (жирний) на панелі параметрів.

   

   

4. 4

   Залийте літери градієнтом

   Виділивши текстовий шар, натисніть кнопку Стиль шару (fx) унизу панелі Шари і клацніть у списку Накладання градієнта. Відкрийте Редагувати контрольні точки градієнта. Коли в полі Контрольна точка кольору вибрано 1, клацніть зразок кольору, введіть FFF1B8 (блідо-золотий) у полі # і натисніть OK; виберіть точку 2 і так само введіть FF8A1E (помаранчевий). Тепер слова переходять від помаранчевого вгорі до блідо-золотого внизу. Поки що не натискайте OK у діалоговому вікні «Стиль шару».

   

5. 5

   Додайте м’яку тінь і натисніть OK

   Клацніть Тінь у тому самому списку. Введіть 60 у полі Непрозорість, 6 у полі Відстань і 12 у полі Розмір, натискаючи Tab після кожного значення, і натисніть OK. Тінь відокремлює світлі літери від яскравих хмар позаду.

   

6. 6

   Передрукуйте слова

   Інструментом Текст клацніть слова, натисніть Ctrl+A або ⌘A, щоб виділити їх усі, введіть BLUE HOUR і натисніть Ctrl+Enter або ⌘↩. Нові слова стоять на тій самій дузі, по центру, з тим самим градієнтом і тінню.

   

7. 7

   Збережіть проєкт або експортуйте зображення

   Щоб текст, його крива й стиль залишалися придатними для редагування, виберіть Файл› потім Зберегти як› потім Проєкт Lil Cactus… (Ctrl+Shift+S або ⇧⌘S) або Файл› потім Зберегти як› потім Photoshop (.psd)… Після цього Файл› потім Зберегти оновлюватиме цей файл.

   Щоб поділитися зображенням, виберіть Файл› потім Експорт› потім JPEG… і натисніть кнопку Експортувати: ви отримаєте нове зведене зображення без допоміжної лінії кривої. Доки ви не збережете проєкт або PSD, Файл› потім Зберегти записує зведене зображення назад у відкритий JPEG; під час першого збереження JPEG, зокрема прикладу, відкривається діалогове вікно Зберегти зображення.

Налаштування тексту на контурі

• Коли текст виділено інструментом Текст, на панелі параметрів є поле Початок, яке зсуває слова вздовж кривої; кнопка Реверс, яка переносить їх на інший бік кривої (текст читається на кривій у формі чаші чи внизу кола, а на дузі стає догори ногами); і кнопка Відкріпити, яка знову робить текст звичайним прямим.
• Щоб змінити саму криву, виберіть у меню інструментів пера Пряме виділення і перетягуйте її точки; слова підуть за ними.
• Текст, довший за криву, не вміщується: Lil Cactus повідомляє про це на панелі параметрів. Зменште розмір, скоротіть слова або намалюйте довшу криву.
• Щоб розмістити наявний текст на кривій, виділіть криву на панелі Контури, виділіть текстовий шар, виберіть інструмент Текст і натисніть Прикріпити до контуру на панелі параметрів. Слова починаються з початку кривої, а текст, вирівняний по центру, наполовину виходить за її межі: збільшуйте значення Початок, доки слова не стануть на потрібне місце.

Інші ефекти тексту

• Контурні літери: ефект Обведення зі значенням Заливка шару 0%. Див. стилі шару.
• Фото всередині літер: прикріпіть шар із фото до тексту відсічною маскою. Див. як вставити фото в текст.
• Вигнути текст без контуру: на панелі Вікно› потім Символ є список Деформація (Дуга, Опуклість, Прапор, Хвиля, Підйом, Раковина) з параметрами Згин, Горизонтально і Вертикально. Стиль Дуга з від’ємним значенням Згин лише трохи піднімає середину рядка, тож для арки використовуйте текст на контурі, як описано вище. Перш ніж деформувати текст на контурі, відкріпіть його.
• Повторне використання вигляду: Шар› потім Стиль шару› потім Копіювати стиль шару і Вставити стиль шару копіюють ефекти; на панелі Вікно› потім Стилі тексту кнопка Створити стиль (+) зберігає шрифт, розмір і інтервали як іменований стиль, який можна застосувати до іншого тексту.

Розв’язання типових проблем

Текст не пішов уздовж кривої

Під час клацання криву не було виділено або ви клацнули повз неї. Скасуйте дію, клацніть рядок кривої на панелі Контури і клацніть точно на лінії інструментом Текст.

На крутій дузі між літерами з’являються проміжки

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

Градієнт іде не в тому напрямку

Увімкніть параметр Реверс на сторінці Накладання градієнта або змініть значення Кут.

Якщо ви переходите з іншого редактора

Photoshop

Текст на контурі, намальованому інструментом «Перо», Warp Text на панелі параметрів і «Шар › Стиль шару».

GIMP

Text along Path у контекстному меню текстового шару.

Ефекти тексту: запитання та відповіді