Стиль шару (Layer Styles) - один з найшвидших, якщо не найефективніших шляхів досягти багатьох ефектів в Adobe Photoshop. Дана стаття розповість вам, як поєднати потужні можливості стилів шару з парою текстур, пензлів та підбіркою функцій, щоб досягти ефекту реалістичного тексту, написанного на піску.
Матеріали для уроку
При створенні даної навчальної статті використовувались наступні матеріали:
- Шрифт GelPen.
- Зображення 3 SoilSand0204 - Medium (1600x1067).
- Зображення 2 WaterFoam0018 - Medium (1600x1165).
- Червона морська зірка на білому фоні (ізольований об'єкт): Red Seastar Isolated On White Backgroundвід tksonique.
1.Завантажте набір природних візерунків (Nature Patterns Set)
Перейдіть в Edit > Preset Manager, та виберіть Patternsв спадаючому меню. Далі клікніть на маленькій стрілочці вправо спадаючого меню Preset Type, та виберіть Nature Patterns (посередині меню, що з'явилось). Коли після цього з'явиться діалогове вікно, просто натисніть Append.
2.Створюємо фон
Крок 1
Відкрийте зображення SoilSand0204, далі перейдіть в Image > Adjustments > Color Balance. Виберіть опцію Midtones в розділі Tone Balance, поміняйте значення Color Levelsна наступні: 8, -1, та -26.
Крок 2
Виберіть опцію Highlightsта поміняйте значення Color Levelsна: 5, -1, і -5. Так ми налаштуємо колір нашої текстури піску.
Крок 3
Продублюйте шар фону.
Крок 4
Перейдіть в Image > Adjustments > Levels, та поміняйте значення Gammaна 0.80, щоб зробити текстуру трішки темнішою.
3.Створюємо текст
Крок 1
Напишіть текст великими літерами (опція All Caps), використовуючи шрифт GelPen Medium. Виберіть розміршрифту 350 pt, значення Tracking100, колір #6c6760, і якщо ви напишете більше, ніж один рядок тексту, переконайтесь, що у вас виставлене потрібне вам значення параметра Leading.В даному випадку я встановив його на 300 pt.
Крок 2
Змініть параметр Blend Modeна Soft Light, потім продублюйте його.
4.Застосування стилю до текстових шарів.
Крок 1
Двічі клікнітьна оригінальному шарі с текстом, щоб застосувати ефект Inner Shadowз наступними значеннями:
- Зніміть галочку з параметра Use Global Light
- Angle: -180
- Distance: 20
- Size: 20
Крок 2
Це додасть ефект простої внутрішньої тіні.
Двічі клікнітьна копії текстового шару, щоб застосувати наступний стиль шару:
Крок 3
- Technique: Chisel Hard
- Direction: Down
- Size: 70
- Поставте галочку в віконці Anti-aliased
- Shadow Mode - Opacity: 100%
Крок 4
- Contour: Log
- Поставте галочку в віконці Anti-aliased
Крок 5
Це допоможе визначити внутрішню форму тексту.
5.Створюємо пензель для зовнішнього краю та обведення тексту
Крок 1
Клікніть правою кнопкою миші на будь-якому текстовому шарі і виберіть Create Work Path. Створіть новий шар поверх всіх шарів, назвіть його 1, та виберіть інструмент Пензель (Brush Tool).
Крок 2
Відкрийте панель пензля (Window > Brush), виберіть круглий пензель з жорсткими краями, та змініть його налаштування, як показано нижче:
Brush Tip Shape
Крок 3
Shape Dynamics
Крок 4
Виберіть Direct Selection Tool (A), натисніть правою кнопкоюна шлях і виберіть Stroke Path.
Виберіть Пензельв спадаючому меню інструментів, та натисніть ОК. Далі натисніть Enter/Return, щоб позбавитися робочого шляху.
6.Модифікація обведення краю
Крок 1
Зробіть Ctrl+клік на мініатюрі шару з контуром (шар 1), щоб зробити його виділення.
Крок 2
Перейдіть в Select > Modify > Contract, та введіть 3.
Крок 3
Перейдіть в Select > Modify > Feather, та введіть 2.
Крок 4
Зробіть шар з контуром невидимим, натиснувши на іконці "очко", виберіть шар копії фону.
Крок 5
Натисніть Ctrl-J, щоб продублювати виділення на новий шар. По замовчуванню він буде називатися Layer 1. Перетягніть Layer 1поверх всіх шарів.
7.Стилізуємо змінене обведення
Двічі клікнітьна шарі Layer 1, щоб застосувати наступний стиль шару:
Крок 1
- Поставте галочку в віконці Anti-aliased
- Highlight Mode: Soft Light
- Color:
#ffe1ba - Shadow Mode: Linear Burn
- Color:
#d0c1ab
Крок 2
Використовуйте значення параметра Contourпо замовчуванню.
Крок 3
- Pattern: Spiky Bush
Крок 4
Це стилізує обведення.
8.Створюємо перехідну область
Крок 1
Щоб змішати обведення з текстурою більш природно, без "швів", ми додамо перехідну розтушовану область, щоб ефект виглядав більш натурально, отже, знову створимо виділення на основі шару 1.
Крок 2
Перейдіть в Select > Modify > Expand, та введіть 7.
Крок 3
Перейдіть в Select > Modify > Feather, введіть 5.
Крок 4
Клікніть мишкою на мініатюрі шару з текстом, утримуючи Ctrl+Shift, щоб додати його до наявного виділення, так щоб воно не мало всередині ніяких пустих областей.
Крок 5
Виберіть початковий шар фону, далі натисніть Ctrl-J, щоб зробити дублікат виділеної області на новий шар. Шар буде названо Layer 2. Розмістіть його поверх обох шарів фону прямо під першим текстовим шаром.
Крок 6
Двічі клікнітьна шарі Layer 2, щоб застосувати ефект тіні (Drop Shadow) з наступними налаштуваннями:
- Blend Mode: Linear Burn
- Color:
#e8e3dc - Зніміть галочку в віконці Use Global Light
- Angle: 139
- Distance: 19
- Size: 18
Крок 7
Ви можете бачити, як наш ефект стає все більш природнім.
9.Створюємо контур припіднятого тексту
Крок 1
Виберіть інструмент Пензельта знову відкрийте Brush panel. Змініть налаштування для того ж пензля з жорсткими краями, як показано нижче:
Brush Tip Shape
Крок 2
Shape Dynamics
Крок 3
Scattering
Крок 4
Клікніть правою кнопкоюмиші на шарі з текстом та виберіть Create Work Path, створіть новий шар під шаром початкового тексту і назвіть його Stroke Shadow, виберіть інструмент Direct Selection Tool, та встановіть значення кольору переднього фону #404040.
Крок 5
Обведіть контур, як ви робили це раніше і не забудьте в кінці позбавитись його.
10.Змінюємо і стилізуємо контур припіднятого піску
Крок 1
Клікніть, утримуючи Ctrl, на мініатюрі шару Stroke Shadow, щоб створити виділення.
Крок 2
Виберіть копію шару вашого фону, натисніть Ctrl-J, перейменуйте дублікат шару на Stroke, потім перемістіть його поверх шару Stroke Shadow.
Крок 3
Клікніть правою кнопкою миші на шарі Layer 1, виберіть Copy Layer Style, потім клікніть правою кнопкою мишіна шарі Stroke layer та виберіть Paste Layer Style, щоб стилізувати контур припіднятого піску.
11.Редагуємо тінь припіднятого піску
Крок 1
Виберіть шар Stroke Shadow, потім перейдіть в Filter > Blur > Motion Blur. Змініть параметри: Angleна -30і Distance на 20.
Крок 2
Змініть режим Blend Modeшару Stroke Shadow на Linear Light, потім, використовуючи інструмент Переміщення (Move Tool (V)), клікніть на тіні та, утримуючи ліву кнопку миші, перемістіть тінь, щоб розмістити її по діагоналі від піску.
Крок 3
Клікніть на мініатюрі шару з текстом, утримуючи Ctrl, щоб створити виділення, переконайтесь, що при цьому шар Stroke Shadowактивний, потім натисніть Delete, щоб позбавитись внутрішніх частин тіні. Перейдіть в Select > Deselect, коли все зроблено.
12.Додаємо морську зірку
Крок 1
Відкрийте зображення Red Seastar Isolated On White Background, та використовуючи інструмент Magic Wand Tool, виділіть білу область навколо зірки та зробіть виділення інверсії, перейшовши в Select > Inverse. Далі перейдіть в Edit > Copy, щоб скопіювати виділену зірку.
Крок 2
Поверніться до нашого робочого документу, перейдіть в Edit > Paste, та помістіть шар з морською зіркою поверх всіх шарів. Перейдіть в Image > Adjustments > Hue/Saturation, змініть значення Saturationна -15, щоб дещо зменшити насиченість кольору.
Крок 3
Двічі клікнітьна шарі морської зірки, щоб застосувати наступний стиль шару:
- Opacity: 35%
- Зніміть галочку для параметра Use Global Light
- Angle: -30
Крок 4
- Blend Mode: Multiply
- Opacity: 55%
- Color:
#d8d2ca - Size: 16
Крок 5
- Blend Mode: Linear Light
- Color:
#404040 - Зніміть галочку у віконці Use Global Light
- Angle: 138
- Noise: 20
Step 6
Це додасть морській зірці просту тінь.
Крок 7
Наступне, що вам потрібно зробити, це використати пензель, налаштований в Кроці 8, щоб вручну додати трохи піску по краям морської зірки. Далі повторіть Кроки 9-1до 10-2, щоб відредагувати та стилізувати краї та їх тінь. На кінець, клікніть на мініатюрі шару морської зірки, утримуючи Ctrl, щоб створити виділення, виберіть шар з тінню країв морської зірки та натисніть Delete, щоб позбутися тіні всередині об'єкту.
13.Налаштуємо кольори
Крок 1
Клікніть по іконці внизу на панелі Шари - Створити новий шар заливки або коригувальний шар (Create new fill or adjustment layer) та виберіть Криві (Curves).
Крок 2
Налаштуйте криві як показано нижче. Ви також можете натиснути на іконку з ручкою та стрілочками, а потім водити по зображенню, щоб змінювати яскравість на ваш смак.
Крок 3
Клікніть по іконці Create new fill or adjustment layer ще раз, та виберіть Solid Color.
Крок 4
Використовуйте колір #b1a99c, змініть параметр шару Blend Modeна Color Burn та його Прозорість (Opacity) на 20%.
14.Додаємо піну
Крок 1
Помістіть зображення WaterFoam0018поверх всіх шарів та змініть його режим Blend Modeна Screen, далі перейдіть в Image > Adjustments > Desaturate. Переміщайте піну як вважаєте за потрібне, потім, ви можете вибрати інструмент Гумка (Eraser Tool (E)) з м'якими краями і видалити будь-які ділянки, які вам не до вподоби.
Крок 2
Створіть новий шар під шаром з піною та назвіть його Water. Виберіть інструмент ласо Lasso Selection Tool, далі намалюйте область виділення на деякій відстані від країв піни. Заповніть це виділення кольором #b2b3ad.
Крок 3
Перейдіть в Select > Deselect.Змініть режим Blend Modeшару Water на Multiply, задайте значення Opacity 20%.
Крок 4
Перейдіть в Filter > Blur > Gaussian Blur, змініть значення Radius на 5.
Крок 5
Продублюйте шар Water, змініть Прозорість (Opacity) копії на 15. Перетягніть копію шару трохи нижче, щоб створити темніший шар між шаром Waterі шаром піни.
15.Застосування світлових фільтрів
Крок 1
Виділіть всі шари окрім шару з піною і Water, продублюйте їх, потім перейдіть в Layer > Merge Layers. Перейменуйте об'єднаний шар на Final.
Крок 2
Перейдіть в Filter > Render > Lighting, виберіть Spot light, далі переміщуйте та масштабуйте його на ваш смак.
Крок 3
Внесіть зміни в налаштування як показано нижче. Кольори RGBнаступні:
- Color: 246, 242, 234
- Colorize: 247, 240, 223
Крок 4
При кожному новому доторку кінчик пензля буде давати вам різні результати. Тому за необхідності ви завжди можете пробувати по декілька разів, поки не будете задоволені результатом.
Вітаю! Ви це зробили!
В даному уроці був змінений фон - текстура піску, створений і модифікований текст - додано внутрішню тінь і певну глибину.
Далі, ми змінили декілька пензлів, щоб створити пару шарів з обведенням для створення піску по краям ззовні і окремих частин припіднятого піску, а також простого переходу по краям, для більш природного і красивого поєднання тексту і піску. Всі створені шари були стилізовані і модифіковані, щоб створити ефект реалістичного піску та додати тіней.
Далі ми додали до композиції просту морську зірку, використовуючи ту ж саму техніку, а також декілька коригувальних шарів, щоб покращити колір і яскравість нашого кінцевого результату.
Слідом, була також додана піна, а решту шарів ми об'єднали, щоб в кінці застосувати світловий фільтр.
Сподіваюсь, вам сподобався даний урок і ви знайшли для себе корисні поради і трюки. Будь ласка, не вагаючись, залишайте ваші коментарі нижче, та діліться з нами вашим результатом.