7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Створюємо текстовий ефект у вигляді льодяника на паличці в Adobe Photoshop

Scroll to top
Read Time: 9 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

У цьому уроці я розповім вам, як використовуючи кілька текстових шарів, разом з великою кількістю текстур, стилів шару, і з  декількома фільтрами створити реалістичний текстовий ефект у вигляді льодяника на паличці. Почнемо!

Цей текст-еффект був надиханий багатьма Стилями доступними в GrafikRiver 

Матеріали уроку:

Наступні матеріали використовуються при виконанні цього уроку:

1. Створюємо фон.

Крок 1.

Створіть новий документ 1000х1750рх. Створіть новий шар, що коректує Gradient / Градієнт.

Gradient Adjustment LayerGradient Adjustment LayerGradient Adjustment Layer

Крок 2.

Створіть градієнт-заливку використовуючи колір #deeff0 зліва і #167e75 зправа. Змініть Style / Стиль на Radial / Радіальний, встановіть Scale / Масштабування на 200 і виберіть пункт Dither / Дизеринг.

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

Крок 3.

Помістіть зображення SpiritsighsTexture22 текстури  вище шару з фоном, перейменуйте шар на «BG Texture». Потім перейдіть в меню Edit / Редагування> Transform / Трансформування> Rotate 90 ° Counter Clockwise.

Далі заберіть колір з цього шару перейшовши в меню Image / Зображення> Adjustments / Корекція> Desaturate / Знебарвити, змініть режим змішування на Color Burn / Затемнення основи і понизьте значення Opacity / Непрозорість до 5%.

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

Add the Background TextureAdd the Background TextureAdd the Background Texture

2. Створюємо текстовий шар.

Крок 1

Створіть текст використовуючи шрифт «Museo Sans Rounded 1000» усі літери великі. 

Встановіть колір тексту #ff0000 або будь-який інший, який вам подобається, значення Size / Розмір на 250pt, а значення Tracking / Трекінг на 100.

Create the TextCreate the TextCreate the Text

Крок 2

Продублюйте текстовий шар і знизьте копії значення Fill заливку до 0%.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

3. Створюємо ефект екструзії.

Крок 1

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

Виберіть інструмент Move Tool / Переміщення (V) і натисніть один раз ліву стрілку клавіатури і нижню стрілку на клавіатурі, тим самим перемістивши копію на 1рх вліво і вниз.

Nudge the Text LayerNudge the Text LayerNudge the Text Layer

Крок 2

Продублюйте шар копії і перемістіть її нижче в панелі шарів. Потім виконайте те ж саме що і з попередньою - перемістіть на 1рх вліво і вниз. Згрупуйте обидва шару і назвіть групу «Екструзія».

The Extrusion GroupThe Extrusion GroupThe Extrusion Group

4. Створюємо прозорий текст.

Подвійний клік по оригінальному текстовому шару і застосуйте наступні стилі з відповідними настройками.

Крок 1

Додайте до Bevel and Emboss наступній налаштування: 

  • Розмір 3
  • Зніміть галочку з Use Global Light
  • Кут: -175
  • Altitude: 26
  • Gloss Contour: Guassian - Inverse
  • Поставьте галочку в  Anti-aliased
  • Highlight Mode: Vivid Light
    • Shadow Mode: Color Burn
      Bevel and EmbossBevel and EmbossBevel and Emboss

      Крок 2

      Додаємо стиль шару Contour / Контур:

      • Contour: Rolling Slope - Descending
      • Поставте галочку в Anti-aliased
      • Range: 100%
      ContourContourContour

      Крок 3

      Понизьте значення Fill /заливку для оригінального текстового шару до 50%. Вимкніть з видимості групу «Екструзія».

      Change the Fill ValueChange the Fill ValueChange the Fill Value

      5. Створюємо текстурований, прозорий текстовий шар.

      Подвійний клік по копії оригінального текстового шару і застосуйте наступні налаштування:

      Крок 1

      Застосуйте до шару стиль Bevel and Emboss / Тиснення з наступними настройками:

      • Розмір: 8
      • Заберіть галочку з  Use Global Light
      • Кут: 126
      • Altitude: 42
      • Gloss Contour: Cove - Deep
      • Поставте галочку в Anti-aliased
      • Highlight Mode: Vivid Ligh
        • Колір#b6b6b6
        • Непрозорість: 100%
      • Shadow Mode: Color Burn
        • Color#010101
      Bevel and EmbossBevel and EmbossBevel and Emboss

      Крок 2

      Додаємо стиль шару Contour / Контур:

      • Contour: Cove - Shallow
      • Поставте галочку в Anti-aliased
      • Range: 44%
      ContourContourContour

      Крок 3

      Додаємо стиль шару Texture / Текстура з наступними настройками:

      • Pattern: Texture Pattern 2
      • Depth: 4%
      TextureTextureTexture

      Крок 4

      Додайте стиль шару Inner Shadow / Внутрішня тінь:

      • Opacity: 15%
      • Зніміть галочку з Use Global Light
      • Angle: 140
      • Distance: 6
      • Choke: 6
      • Size: 32
      • Contour: Cove - Deep
      Inner ShadowInner ShadowInner Shadow

      Крок 5

      Додаємо стиль шару Inner Glow / Внутрішнє світіння:

      • Blend Mode: Vivid Light
      • Opacity: 5%
      • Color#d1d1d1
      • Size: 55
      Inner GlowInner GlowInner Glow

      Крок 6

      Додаємо стиль шару Gradient Overlay / Накладення градієнта:

      • Blend Mode: Soft Light
      • Opacity: 35%
      • Використовуйте заповнення для градієнта від чорного до білого.
      Gradient OverlayGradient OverlayGradient Overlay

      Крок 7

      Ви можете перейти назад на стиль шару Texture / Текстура і перемістити її як вам подобається.

      Move the TextureMove the TextureMove the Texture

      6. Стилізуємо групу Екструзія.

      Подвійний клік по групі Екструзія і застосуєте наступні стилі шару.

      Крок 1

      Додайте стиль шару Bevel and Emboss / Тиснення:

      • Size: 10
      • Зніміть галочку з  Use Global Light
      • Angle: 6
      • Altitude: 37
      • Gloss Contour: Rounded Steps
      • Поставте галочку в Anti-aliased
      • Shadow Mode: Color Burn
        • Color: #8b8b8b
        • Opacity: 10%
      Bevel and EmbossBevel and EmbossBevel and Emboss

      Крок 2

      Додаємо стиль шару Contour / Контур:

      • Contour: Gaussian
      • Поставте галочку в Anti-aliased
      • Range: 100%
      ContourContourContour

      Крок 3

      Додаємо стиль шару Texture / Текстура:

      • Pattern: Texture Pattern 2
      • Depth: 7%
      TextureTextureTexture

      Крок 4

      Додаємо стиль шару Inner Shadow / Внутрішня тінь:

      • Opacity: 35%
      • Заберіть галочку з Use Global Light
      • Angle: 141
      • Distance: 9
      • Choke: 6
      • Size: 18
      • Contour: Rolling Slope - Descending
      Inner ShadowInner ShadowInner Shadow

      Крок 5

      Понизьте значення Fill для групи шарів «Екструзія» до 38%.

      Change the Fill ValueChange the Fill ValueChange the Fill Value

      7. Додаємо палочки.

      Крок 1

      Виберіть інструмент Rectangle Tool / Інструмент "Прямокутник" (U) і створіть паличку, розмістіть її вище шарів з екструзією.

      Create a Stick ShapeCreate a Stick ShapeCreate a Stick Shape

      Крок 2

      Виберіть інструмент Ellipse Tool / Інструмент "Еліпс" (U) і створіть еліпс і помістіть на один з кінців палички, продублюйте шар і перемістіть на інший кінець палички.

      Create the Sticks TipsCreate the Sticks TipsCreate the Sticks Tips

      Крок 3

      Виберіть всі складові шари для палички і перейдіть в меню Layer / Шари> Merge Shapes / Об'єднати фігури. Назвіть отриманий шар «Паличка».

      Merge ShapesMerge ShapesMerge Shapes

      8. Стилізуємо шар палички

      Два рази клацніть по шару "Паличка" та застосуйте наступні стилі

      Крок 1

      Застосуйте стиль шару Gradient Overlay / Накладення градієнта:

      • Opacity: 77%
      • Style: Reflected
      • Angle: 0
      • Scale: 150%
      • Використовуйте градієнт, встановіть кольори #ffffff зліва і #d8d8d7 справа.
      Gradient OverlayGradient OverlayGradient Overlay

      Крок 2

      Застосуйте стиль шару Pattern Overlay / Накладення візерунка:

      • Pattern: Brushed Alum Dark
      Pattern OverlayPattern OverlayPattern Overlay

      Крок 3

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

      Create the Sticks GroupCreate the Sticks GroupCreate the Sticks Group

      9. Додаємо тінь.

      Крок 1

      Виберіть інструмент Elliptical Marquee Tool / Інструмент "Овальний область" (M) і створіть еліпс там де буква торкається палички. 

      Створіть новий шар і заповніть виділення чорним кольором.

      Create the Shadow FillCreate the Shadow FillCreate the Shadow Fill

      Крок 2

      Натисніть Ctrl + D щоб зняти виділення, потім перейдіть в меню Filter / Фільтр> Blur / Розмиття> Gaussian Blur / Розмиття по Гаусу  і встановіть радіус розмиття 3рх.

      Gaussian BlurGaussian BlurGaussian Blur

      Крок 3

      Ви можете змінити значення Opacity / Непрозорість і розмір тіні, як ви бажаєте.

      Adjust the ShadowAdjust the ShadowAdjust the Shadow

      Крок 4

      Продублюйте шар з тінню і розташуйте її для кожної літери.

      Duplicate the Shadow LayerDuplicate the Shadow LayerDuplicate the Shadow Layer

      Крок 5

      Виконайте ті ж кроки, створюючи тінь під кожною літерою.

      Використовуйте колір для тіні #454545, і змініть режим змішування на Color Burn / Затемнення основи і понизьте значення Opacity / Непрозорість до 7%.

      Create a Drop ShadowCreate a Drop ShadowCreate a Drop Shadow

      10. Додаємо текстуру бульбашок.

      Крок 1

      Помістіть текстуру з бульбашками вище групи шарів «Палички», перейменуйте шар на «Бульбашки», змініть режим змішування на Linear Burn / Лінійний затемнювач і понизьте значення Opacity / Непрозорість до 70%.

      Змініть розмір текстури, якщо бажаєте

      Add the Bubbles TextureAdd the Bubbles TextureAdd the Bubbles Texture

      Крок 2

      Додайте коригувальний шар Levels / Рівні в режимі відсічної маски до шару «Бульбашки»

      Перейдіть в панель налаштувань коригуючого шару, виберіть іконку білої піпетки Sample in image to set white point, потім натисніть на кількох темних областях текстури, щоб збільшити її яскравість.

      Ви можете спробувати інші області якщо бажаєте.

      Brighten the TextureBrighten the TextureBrighten the Texture

      Крок 3

      Завантажте виділення текстового шару.

      Create a SelectionCreate a SelectionCreate a Selection

      Крок 4

      Виберіть інструмент Rectangular Marquee Tool / Інструмент "Прямокутна область" (M), затисніть клавіші Shift + Alt і зробіть виділення навколо першої літери.

      Intersect the SelectionsIntersect the SelectionsIntersect the Selections

      Крок 5

      Перейдіть на шар з текстурою бульбашок і додайте маску шару.

      Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

      11. Редагуємо текстуру в масці.

      Крок 1

      Натисніть на іконку Link / Зв'язати щоб розірвати зв'язок між шарі і маскою.

      Unlink the Layer and the MaskUnlink the Layer and the MaskUnlink the Layer and the Mask

      Крок 2

      Переконайтеся в тому, що шар з текстурою, а не маска, обраний зараз. Виберіть інструмент Move Tool / Переміщення (V) і перемістіть текстуру до бажаного результату.

      Move the BubblesMove the BubblesMove the Bubbles

      Крок 3

      Виберіть інструмент Brush Tool / Інструмент "Кисть" (B), встановіть колір переднього плану на чорний. Перейдіть на маску шару і використовуючи м'яку кисть зітріть небажані області текстури.

      Mask Unwanted AreasMask Unwanted AreasMask Unwanted Areas

      Крок 4

      Виконайте те ж саме і з іншими буквами, в завершенні помістіть коригувальний шар Levels / Рівні і шар текстуру «Бульбашки» в групу.

      Create a Bubbles GroupCreate a Bubbles GroupCreate a Bubbles Group

      12. Додаємо текстуру

      Крок 1

      Помістіть текстуру Water Texture  вище всіх шарів і змініть розмір якщо це необхідно.

      Знебарвіть текстуру перейшовши в меню Image / Зображення> Adjustments / Корекція> Desaturate / Знебарвити.

      Add the First Texture OverlayAdd the First Texture OverlayAdd the First Texture Overlay

      Крок 2

      Завантажте виділення оригінального текстового шару.

      Потім затисніть Shift + Ctrl і додайте область виділення групи «Екструзія».

      Create a SelectionCreate a SelectionCreate a Selection

      Крок 3

      Додайте шару маску.

      Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

      Крок 4

      Змініть режим змішування для текстури на Soft Light / М'яке світло і понизьте значення Opacity / Непрозорість до 80%.

      Adjust the Texture OverlayAdjust the Texture OverlayAdjust the Texture Overlay

      Крок 5

      Додайте текстуру  Water Stock II вище всіх шарів, натисніть Ctrl + I, щоб інвертувати колір.

      Add the Second Texture OverlayAdd the Second Texture OverlayAdd the Second Texture Overlay

      Крок 6

      Завантажте область виділення маски шару «Вода 1», додайте маску для шару «Вода 2».

      Змініть режим змішування для шару на Soft Light / М'яке світло і понизьте значення Opacity / Непрозорість до 25%.

      Adjust the Texture OverlayAdjust the Texture OverlayAdjust the Texture Overlay

      13. Змінюємо текстуру подряпин.

      Крок 1

      Відкрийте текстуру 11, потім перейдіть в меню Filter / Фільтр> Distort / Спотворення> Polar Coordinates / Полярні координати використайте Rectangular to Polar / Прямокутні в полярні.

      Polar Coordinates FilterPolar Coordinates FilterPolar Coordinates Filter

      Крок 2

      Виділіть всі зображення Ctrl + A і скопіюйте його Ctrl + С.

      Copy the ImageCopy the ImageCopy the Image

      Крок 3

      Перейдіть в основний документ і вставте скопійоване в новий шар Ctrl + V.

      Create the Scratches LayerCreate the Scratches LayerCreate the Scratches Layer

      Крок 4

      Зробіть все таку саму маску шару, що і для текстури «Вода 2» і зніміть зв'язок між текстурою і маскою.

      Apply the Layer MaskApply the Layer MaskApply the Layer Mask

      14. Застосовуємо більше текстури з подряпинами.

      Крок 1

      Продублюйте шар «Подряпини». Виділіть все крім першої літери і перейшовши на маску шару заповніть виділення чорним кольором.

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

      Adjust the Layer MasksAdjust the Layer MasksAdjust the Layer Masks

      Крок 2

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

      Змініть режим змішування для текстури на Linear Burn / Лінійний затемнювач і понизьте значення Opacity / Непрозорість до 25%.

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

      Create a Scratches GroupCreate a Scratches GroupCreate a Scratches Group

      15. Застосовуємо фільтр і створюємо фінальне колорирування.

      Крок 1

      Створіть новий шар з усіх видимих натиснувши Ctrl + Alt + Shift + E.

      Перейменуйте його на «Різкість», після чого конвертуйте шар в Smart Object / Смарт-об'єкт.

      Convert to a Smart ObjectConvert to a Smart ObjectConvert to a Smart Object

      Крок 2

      Перейдіть в меню Filter / Фільтр> Other / Інша> High Pass / Кольоровий контраст і встановіть радіус 1рх.

      High Pass FilterHigh Pass FilterHigh Pass Filter

      Крок 3

      Змініть режим змішування для шару на Soft Light / М'яке світло.

      Blend ModeBlend ModeBlend Mode

      Крок 4

      Встановіть колір переднього і заднього планів на чорний і білий відповідно, потім перейдіть в меню Filter / Фільтр> Noise / Шум> Add Noise / Додати шум.

      Ви можете активувати Amount / Ефект на 1.35%. Встановіть Distribution / Розподіл на Gaussian і виберіть пункт Monochromatic / Монохромний.

      Add Noise FilterAdd Noise FilterAdd Noise Filter

      Крок 5

      На завершення додайте коригувальний шар Gradient Map / Карта градієнта вище всіх шарів.

      Використовуйте заповнення для градієнта, як на скрині нижче і змініть режим змішування на Soft Light / М'яке світло.

      Gradient MapGradient MapGradient Map

      Вітаю , ви виконали урок

      У цьому уроці ми створили простий фон з використанням градієнтної заливки і текстури.

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

      Нарешті, ми використовували купу текстур і фільтрів, щоб додати більше деталей до ефекту, і зробити його більш реалістичним.

      Будь ласка, не соромьтеся залишати свої коментарі, пропозиції, і результати нижче.

      Final ResultFinal ResultFinal Result
      Advertisement
      Did you find this post useful?
      Want a weekly email summary?
      Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
      Start your 7-day free trial*
      Start free trial
      *All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.