Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Layer Styles
Design

Як створити розкішний текстовий ефект в Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

З даного уроку ви дізнаєтесь, як створити блискучий текстовий ефект в Adobe Photoshop. Даний ефект є частиною набору 15 Elegant Text Styles, який, як і багато інших ефектів, доступний для покупки на Envato Market.

Preview of the styles in the Elegant Text Styles pack
15 Elegant Text Styles – збільшено для перегляду

Матеріали для уроку

При створенні даного уроку використовувались наступні матеріали:

1. Створюємо задній фон

Крок 1

Встановіть Damask pattern, двічі клікнувши по ньому.

Крок 2

Створіть новий документ (File > New), шириною 600 рх тависотою 300 px, роздільної здатності (resolution) 72 та натисніть ОК.

Create a new document

Крок 3

Послідовно зайдіть в Select > All, потім Edit > Fill та в спадаючому меню виберіть білий колір заливки (White).  Далі, Select > Deselect. Давайте перейменуємо шар на Background, щоб все було як слід: Layer > Rename Layer.

Крок 4

Двічі клікніть на шарі Background, щоб застосувати Стилі шару. Ми застосуємо Накладання візерунка (Pattern Overlay). В спадаючому меню виберіть темно-сірий візерунок Damask.

Add a pattern to the background

Крок 5

Тепер додамо накладання кольору (Color Overlay) з наступними значеннями параметрів:

  • Режим накладання (Blend Mode): Яскраве світло (Vivid Light)
  • Непрозорість (Opacity): 2%
  • Використовуйте колір #000000
Add a Color Overlay to the background

Крок 6

Далі додамо Накладання градієнта (Gradient Overlay) з наступними значеннями:

  • Режим накладання (Blend Mode): Перекриття (Overlay)
  • Поставте галочку в віконці Інверсія (Reverse)
  • Стиль (Style): Радіальний (Radial)
  • Кут (Angle): 0
  • Масштаб (Scale):150%

Клікніть по шкалі градієнта, щоб налаштувати його. Натисніть на контрольні точки кольору, щоб змінити його, використовуйте колір #060606 для лівої точки, #3с3с3с для правої. 

Add a Gradient Overlay to the background

Крок 7

Знаходячись в вікні налаштувань Накладання градієнта (Gradient Overlay), клікніть по полотну та одночасно потягніть градієнт. Ви побачите, що це придає фону красивий м'якого світла, що розсіюється з верхньої частини зображення.

Drag the gradient

2. Створюємо текст та додаємо ефекти.

Крок 1

Встановіть візерунки від Webtreats, двічі клікнувши на них.

Крок 2

Встановіть шрифт Great Vibes.  Далі, повертаємося до програми Photoshop, в якій створюємо текст – ви можете надрукувати “Luxury”, або що-небудь інше на ваш вибір, при цьому виберіть текст, який ви щойно встановили (Great Vibes Regular). Вкажіть розмір шрифта 200 pt. Не має значення, який колір тексту ви виберете, тому що багато ефектів, які ми будемо застосовувати, перекриють його.

Крок 3

Двічі клікніть на шарі тексту “Luxury” – і ми приступаємо до найцікавішої частини уроку. Виберіть стиль шару Накладання візерунка (Pattern Overlay), далі, в спадаючому меню оберіть чорний візерунок з набору Webtreats. На жаль, він не має власного унікального імені, але, на щастя, всі візерунки мають різний колір, а нам знадобиться тільки чорний.  Таким чином ми додамо тексту текстуру темного каменю.

Add a Pattern Overlay to the text layer

Крок 4

Додайте стиль шару Накладання градієнта (Gradient Overlay), щоб оживити текст:

Add a Gradient Overlay to the text layer

Крок 5

Щоб наш текст виділявся, додайте стиль шару Фреска та рельєф (Bevel & Emboss) з наступними значеннями параметрів ефекту. Переконайтесь, що на вкладці Контур (Gloss Contour) вказано Кільце - Двійне (Ring – Double).

Add Bevel Emboss to the text layer

Крок 6

Далі, додамо стиль шару Контур (Contour) для налаштування Фаски та рельєфу. Переконайтесь, що Контур обрано Гаусів (Gaussian).

Add Contour to the text layer

Крок 7

Тепер додамо нашому тексту золоте обрамлення, застосувавши стиль шару Зовнішнє світіння шару (Outer Glow):

Add an Outer Glow to the text layer

Крок 8

За допомогою стилю Обведення (Stroke) ми додамо тексту сріблястого блиску і він стане ще більш виразним і сяючим.

Add a Stroke to the text layer

Крок 9

Наостанок, додамо стиль Тінь (Drop Shadow), щоб відділити тест від заднього фону:

Add a Drop Shadow to the text layer

Крок 10

Натисніть OK – і наш новий, сяючий ефекту для тексту готовий

3. Зберігаємо текстовий ефект для використання в майбутньому.

Крок 1

Без сумніву, ви захочете зберегти цей ефект, щоб ще і ще використовувати його для тексту чи об'єкту. Якщо ви поглянете на панель Стилі (Styles), ви помітите маленьку іконку, яка має вигляд аркуша паперу з загнутим кінчиком. Натисніть на ній, щоб додати стиль до активних стилей та дайте йому ім'я, яке ви легко запам'ятаєте.

Create a new style

Крок 2

Вам все ще необхідно зберегти стиль бібліотеці, тому далі натисніть на маленькій іконці спадаючого меню та клікніть на Зберегти стилі (Save Styles).  Ви можете зберегти його, де забажаєте, проте я рекомендую зберегти його в папці Photoshop:

  • Розміщення папки Стилі (Styles) для Windows: Program Files > Adobe > Adobe Photoshop (ваша версія программы) > Presets > Styles
  • Розміщення папки Стилі (Styles) для Mac: Programs > Adobe Photoshop (ваша версия программы) > Presets > Styles

Save the style

Final product

Вітаю! Вітаю! Ми завершили урок!

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

Ми розпочали зі створення ніжного темного заднього фону, використовуючи візерунок Damask pattern.  Далі, ми створили шар Текст та застосували до нього багато різних стилів, щоб створити елегантний та вишуканий ефект, який справді вражає глядача.

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

Будь ласка, залиште ваші коментарі, пропозиції, та приклади ваших робіт, будьте сміливі!  

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.