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

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

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

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

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

• Museo Sans Rounded 1000 шрифт
• SpiritsighsTexture22 від spiritsighs-stock
• WaterSplashes0119 - Маленького розміру 936 x 1024
• Water Texture від Stock-by-Kai
• Water Stock II від PlutoHasCows
• 11 від darkrose42-stock
• Texture Pattern 2
• Brushed Alum Dark текстура від Tim Ward
• Free Pack 6000 photoshop gradients від Supertuts007 (завантажте CSP True Sky Gradients.grd файл.)

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

Крок 1.

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

Крок 2.

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

Крок 3.

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

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

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

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

Крок 1

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

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

Крок 2

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

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

Крок 1

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

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

Крок 2

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

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

Крок 2

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

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

Крок 3

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

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

Крок 2

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

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

Крок 3

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

• Pattern: Texture Pattern 2
• Depth: 4%

Крок 4

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

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

Крок 5

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

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

Крок 6

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

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

Крок 7

Ви можете перейти назад на стиль шару 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%

Крок 2

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

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

Крок 3

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

• Pattern: Texture Pattern 2
• Depth: 7%

Крок 4

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

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

Крок 5

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

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

Крок 1

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

Крок 2

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

Крок 3

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

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

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

Крок 1

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

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

Крок 2

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

• Pattern: Brushed Alum Dark

Крок 3

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

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

Крок 1

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

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

Крок 2

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

Крок 3

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

Крок 4

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

Крок 5

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

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

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

Крок 1

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

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

Крок 2

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

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

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

Крок 3

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

Крок 4

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

Крок 5

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

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

Крок 1

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

Крок 2

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

Крок 3

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

Крок 4

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

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

Крок 1

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

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

Крок 2

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

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

Крок 3

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

Крок 4

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

Крок 5

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

Крок 6

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

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

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

Крок 1

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

Крок 2

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

Крок 3

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

Крок 4

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

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

Крок 1

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

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

Крок 2

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

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

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

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

Крок 1

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

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

Крок 2

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

Крок 3

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

Крок 4

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

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

Крок 5

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

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

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

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

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

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

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