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

Команда «Деформація тексту» у Photoshop чудово підходить для згинання тексту в різні форми. Але коли ви деформуєте текст, заповнений градієнтом, градієнт ігнорує деформацію. Ось секрет одночасної деформації тексту та градієнта у Photoshop!
Отже, як ми можемо деформувати градієнт, щоб він відповідав кутам та напрямку тексту? У цьому посібнику я покажу вам простий трюк, який дозволить вам деформувати текст і градієнт разом!
Ось приклад результату, якого ми досягнемо. Зверніть увагу, як кут градієнта згинається вздовж слова, щоб відповідати деформації тексту: Яка версія Photoshop мені потрібна?
Я використовую Photoshop 2022, але будь-яка новіша версія працюватиме.

Крок 1: Додайте свій текст
Почніть з додавання тексту до документа. Я додав текст, який наразі заповнений білим кольором. Щоб зробити текст видимим на білому фоні, я додав кілька ефектів шару. Навколо літер є тонка чорна лінія, а за ними — тінь: На панелі «Шари» ефекти «Обведення» та «Тінь» перелічені під текстовим шаром: Крок 2: Додайте градієнтне накладання до тексту
Щоб залити текст градієнтом, натисніть значок fx внизу панелі «Шари»: І виберіть «Накладання градієнта» : Вибір градієнта
Потім у діалоговому вікні «Стиль шару» виберіть градієнт, натиснувши маленьку стрілку праворуч від зразка градієнта: У найновіших версіях Photoshop градієнти поділяються на групи на основі їхньої колірної теми. Я відкрию групу «Апельсини», натиснувши маленьку стрілку поруч із значком папки. Потім я виберу градієнт від помаранчевого до червоного у верхньому правому куті, двічі клацнувши на його мініатюрі: І миттєво градієнт заповнює текст: Налаштування кута та стилю градієнта
Я залишу кут градієнта на 90 градусів. Але зміню стиль з лінійного на відбитий: Зміна стилю на «Відображений» переміщує яскраво-помаранчеву частину градієнта до середини літер, що дозволяє легше побачити, що градієнт проходить через текст по прямій лінії: Закриття діалогового вікна «Стиль шару»
Натисніть кнопку «ОК», щоб закрити діалогове вікно «Стиль шару»: А ось текст і градієнт на даний момент: Повернувшись на панель «Шари», під шаром з текстом з’явиться «Накладання градієнта» разом з ефектами «Обведення» та «Тінь», які я додав раніше. Як Photoshop застосовує ефекти шарів
Зверніть увагу, що градієнтне накладання з'явилося між обведенням і тінню. Це тому, що Photoshop застосовує ефекти шарів у певному порядку. Тінь завжди знаходиться внизу. Потім градієнтне накладання застосовується поверх тіні, а потім обведення застосовується над градієнтом: Що зазвичай відбувається, коли ми деформуємо текст
Тепер, коли ми додали ефекти шару, включаючи градієнт, давайте подивимося, що станеться, якщо ми деформуємо текст. Один зі способів зробити це – перейти до меню «Тип» у рядку меню та вибрати команду «Деформувати текст» : Або якщо на панелі інструментів вибрано інструмент «Текст»: Потім ви можете натиснути значок «Деформація тексту» на панелі параметрів : Вибір стилю деформації
У діалоговому вікні «Деформація тексту» натисніть кнопку «Стиль», для якої за замовчуванням встановлено значення «Немає»: І виберіть один із попередньо встановлених стилів зі списку. Я оберу Arch : Регулювання величини вигину
Я залишу напрямок арки горизонтальним, щоб текст викривлявся вгору, але зменшу значення вигину з 50 відсотків до 30 відсотків: Градієнт не згинається разом з текстом
Потім я натисну кнопку «ОК», щоб закрити діалогове вікно «Деформація тексту». І зверніть увагу, що хоча сам текст згинається вгору посередині, а тінь позаду тексту згинається разом з ним, градієнт цього не робить. Він все ще проходить прямою горизонтальною лінією через літери: Щоб було легше бачити, я знову відкрию параметри «Накладання градієнта», двічі клацнувши на словах «Накладання градієнта» на панелі «Шари»: Потім у діалоговому вікні «Стиль шару» я зменшу масштаб градієнта зі 100 відсотків до 10 відсотків: І тепер ми чітко бачимо, що до градієнта взагалі не застосовано деформації: Я натисну «Скасувати», щоб закрити діалогове вікно «Стиль шару» без збереження змін: Скасування команди «Деформація тексту»
Потім я скасую деформацію тексту, перейшовши до меню «Редагувати» в рядку меню та вибравши «Скасувати деформацію тексту»: Крок 3: Перетворення текстового шару на смарт-об'єкт
Отже, як зробити так, щоб градієнт повторював той самий вигин і деформацію, що й текст? Ось у чому хитрість. Все, що нам потрібно зробити, це перетворити наш текстовий шар на панелі «Шари» на смарт-об’єкт. Але спочатку переконайтеся, що ви застосували градієнтне накладання разом з будь-якими іншими ефектами шару до тексту, перш ніж перетворювати його на смарт-об'єкт. Нам потрібно, щоб ефекти застосовувалися безпосередньо до текстового шару: Потім переконайтеся, що вибрано текстовий шар: Клацніть значок меню панелі «Шари» у верхньому правому куті: І виберіть «Перетворити на смарт-об’єкт»: З самим текстом виглядатиме так, ніби нічого не сталося. Але на панелі «Шари» ми бачимо, що Photoshop помістив текстовий шар та його ефекти шару в смарт-об’єкт, що позначено значком смарт-об’єкта в правому нижньому куті мініатюри: Крок 4: Виберіть команду «Деформація»
Оскільки ми більше не працюємо безпосередньо з текстом, значок «Деформація тексту» на панелі параметрів неактивний: А також команда «Деформувати текст» у меню «Тип»: Але ми все ще можемо отримати доступ до тих самих параметрів деформації, перейшовши до меню Редагування, вибравши Трансформувати, а потім Деформація: Виберіть пресет стилю деформації Photoshop розмістить сітку деформації навколо тексту: А всі стилі деформації, які ми бачили раніше в діалоговому вікні «Деформація тексту», можна отримати доступ до них за допомогою параметра «Деформація» на панелі параметрів. За замовчуванням для параметра «Деформація» встановлено значення «Налаштування»: Але ви можете натиснути на слово «Налаштування», щоб відкрити список стилів. Я знову оберу Arch: І одразу, оскільки ми перетворили шар тексту на смарт-об'єкт, ми бачимо, що градієнт тепер згинається разом з текстом: Використання маркера згинання
Якби я хотів налаштувати величину вигину, як я робив раніше в діалоговому вікні «Деформація тексту», я міг би ввести певне значення в параметр «Вигин» на панелі параметрів: Але приємною особливістю команди «Деформація» є те, що вона містить маркер згину, який можна просто перетягнути вгору та вниз, щоб налаштувати його. Тут я перетягую маркер вниз, щоб зменшити величину згину: Вибір іншого стилю деформації
Ви можете спробувати інші стилі з опції «Деформація», наприклад, «Прапор» : І незалежно від обраного стилю, градієнт і текст завжди деформуються разом, знову ж таки завдяки тому, що ми перетворили текст на смарт-об'єкт: Крок 5: Зафіксуйте деформацію
Щоб прийняти деформацію та закрити вікно команди «Деформація», клацніть позначку на панелі параметрів. Або натисніть Enter (Win) / Return (Mac) на клавіатурі: Ось і все! Обов’язково перегляньте мої інші уроки з текстових ефектів, щоб знайти більше креативних ідей.