1. Design & Illustration
  2. Text Effects

Як малювати на піску в Adobe Photoshop

by
Read Time:11 minsLanguages:

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

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

Стиль шару (Layer Styles) - один з найшвидших, якщо не найефективніших шляхів досягти багатьох ефектів в Adobe Photoshop. Дана стаття розповість вам, як поєднати потужні можливості стилів шару з парою текстур, пензлів та підбіркою функцій, щоб досягти ефекту реалістичного тексту, написанного на піску.

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

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

1. Завантажте набір природних візерунків (Nature Patterns Set)

Перейдіть в Edit > Preset Manager, та виберіть Patterns в спадаючому меню. Далі клікніть на маленькій стрілочці вправо спадаючого меню Preset Type, та виберіть Nature Patterns (посередині меню, що з'явилось). Коли після цього з'явиться діалогове вікно, просто натисніть Append.

Loading the Nature Patterns SetLoading the Nature Patterns SetLoading the Nature Patterns Set

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

Крок 1

Відкрийте зображення SoilSand0204, далі перейдіть в Image > Adjustments > Color Balance. Виберіть опцію Midtones в розділі Tone Balance, поміняйте значення Color Levels на наступні: 8-1, та -26.

Adjusting the Color BalanceAdjusting the Color BalanceAdjusting the Color Balance

Крок 2

Виберіть опцію Highlights та поміняйте значення Color Levels на: 5, -1, і -5. Так ми налаштуємо колір нашої текстури піску.

Adjusting the Color BalanceAdjusting the Color BalanceAdjusting the Color Balance

Крок 3

Продублюйте шар фону.

Duplicating the Background LayerDuplicating the Background LayerDuplicating the Background Layer

Крок 4

Перейдіть в Image > Adjustments > Levels, та поміняйте значення Gamma на 0.80, щоб зробити текстуру трішки темнішою.

Adjusting the LevelsAdjusting the LevelsAdjusting the Levels

3. Створюємо текст

Крок 1

Напишіть текст великими літерами (опція All Caps), використовуючи шрифт GelPen Medium. Виберіть розмір шрифту 350 pt, значення Tracking 100, колір #6c6760, і якщо ви напишете більше, ніж один рядок тексту, переконайтесь, що у вас виставлене потрібне вам значення параметра Leading. В даному випадку я встановив його на 300 pt.

Creating the TextCreating the TextCreating the Text

Крок 2

Змініть параметр Blend Mode на Soft Light, потім продублюйте його.

Changing the Blend ModeChanging the Blend ModeChanging the Blend Mode

4. Застосування стилю до текстових шарів.

Крок 1

Двічі клікніть на оригінальному шарі с текстом, щоб застосувати ефект Inner Shadow з наступними значеннями:

  • Зніміть галочку з параметра Use Global Light
  • Angle: -180
  • Distance: 20
  • Size: 20
Inner ShadowInner ShadowInner Shadow

Крок 2

Це додасть ефект простої внутрішньої тіні.

ResultResultResult

Двічі клікніть на копії текстового шару, щоб застосувати наступний стиль шару:

Крок 3

  • Technique: Chisel Hard
  • Direction: Down
  • Size: 70
  • Поставте галочку в віконці Anti-aliased
  • Shadow Mode - Opacity: 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

Крок 4

  • Contour: Log
  • Поставте галочку в віконці Anti-aliased
ContourContourContour

Крок 5

Це допоможе визначити внутрішню форму тексту.

ResultResultResult

5. Створюємо пензель для зовнішнього краю та обведення тексту

Крок 1

Клікніть правою кнопкою миші на будь-якому текстовому шарі і виберіть Create Work Path. Створіть новий шар поверх всіх шарів, назвіть його 1, та виберіть інструмент Пензель (Brush Tool).

Work PathWork PathWork Path

Крок 2

Відкрийте панель пензля (Window > Brush), виберіть круглий пензель з жорсткими краями, та змініть його налаштування, як показано нижче:

Brush Tip Shape

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Крок 3

Shape Dynamics

Shape DynamicsShape DynamicsShape Dynamics

Крок 4

Виберіть Direct Selection Tool (A), натисніть правою кнопкою на шлях і виберіть Stroke Path.

Виберіть Пензель в спадаючому меню інструментів, та натисніть ОК. Далі натисніть Enter/Return, щоб позбавитися робочого шляху.

Stroke the Work PathStroke the Work PathStroke the Work Path

6. Модифікація обведення краю

Крок 1

Зробіть Ctrl+клік на мініатюрі шару з контуром (шар 1), щоб зробити його виділення.

Create a SelectionCreate a SelectionCreate a Selection

Крок 2

Перейдіть в Select > Modify > Contract, та введіть 3.

Modify the SelectionModify the SelectionModify the Selection

Крок 3

Перейдіть в Select > Modify > Feather, та введіть 2.

Modify the SelectionModify the SelectionModify the Selection

Крок 4

Зробіть шар з контуром невидимим, натиснувши на іконці "очко", виберіть шар копії фону.

Modify the SelectionModify the SelectionModify the Selection

Крок 5

Натисніть Ctrl-J, щоб продублювати виділення на новий шар. По замовчуванню він буде називатися Layer 1. Перетягніть Layer 1 поверх всіх шарів.

Modify the StrokeModify the StrokeModify the Stroke

7. Стилізуємо змінене обведення

Двічі клікніть на шарі Layer 1, щоб застосувати наступний стиль шару:

Крок 1

  • Поставте галочку в віконці Anti-aliased
  • Highlight Mode: Soft Light
  • Color: #ffe1ba
  • Shadow Mode: Linear Burn
  • Color: #d0c1ab
Bevel and EmbossBevel and EmbossBevel and Emboss

Крок 2

Використовуйте значення параметра Contour по замовчуванню.

ContourContourContour

Крок 3

  • Pattern: Spiky Bush
PatternPatternPattern

Крок 4

Це стилізує обведення.

ResultResultResult

8. Створюємо перехідну область

Крок 1

Щоб змішати обведення з текстурою більш природно, без "швів", ми додамо перехідну розтушовану область, щоб ефект виглядав більш натурально, отже, знову створимо виділення на основі шару 1.

Create a SelectionCreate a SelectionCreate a Selection

Крок 2

Перейдіть в Select > Modify > Expand, та введіть 7.

Modify the SelectionModify the SelectionModify the Selection

Крок 3

Перейдіть в Select > Modify > Feather, введіть 5.

Modify the SelectionModify the SelectionModify the Selection

Крок 4

Клікніть мишкою на мініатюрі шару з текстом, утримуючи Ctrl+Shift, щоб додати його до наявного виділення, так щоб воно не мало всередині ніяких пустих областей.

Modify the SelectionModify the SelectionModify the Selection

Крок 5

Виберіть початковий шар фону, далі натисніть Ctrl-J, щоб зробити дублікат виділеної області на новий шар. Шар буде названо Layer 2. Розмістіть його поверх обох шарів фону прямо під першим текстовим шаром.

Modify the Transition AreaModify the Transition AreaModify the Transition Area

Крок 6

Двічі клікніть на шарі Layer 2, щоб застосувати ефект тіні (Drop Shadow) з наступними налаштуваннями:

  • Blend Mode: Linear Burn
  • Color: #e8e3dc
  • Зніміть галочку в віконці Use Global Light
  • Angle: 139
  • Distance: 19
  • Size: 18
Drop ShadowDrop ShadowDrop Shadow

Крок 7

Ви можете бачити, як наш ефект стає все більш природнім.

ResultResultResult

9. Створюємо контур припіднятого тексту

Крок 1

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

Brush Tip Shape

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Крок 2

Shape Dynamics

Shape DynamicsShape DynamicsShape Dynamics

Крок 3

Scattering

ScatteringScatteringScattering

Крок 4

Клікніть правою кнопкою миші на шарі з текстом та виберіть Create Work Path, створіть новий шар під шаром початкового тексту і назвіть його Stroke Shadow, виберіть інструмент Direct Selection Tool, та встановіть значення кольору переднього фону #404040.

Create the Work PathCreate the Work PathCreate the Work Path

Крок 5

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

Stroke the Work PathStroke the Work PathStroke the Work Path

10. Змінюємо і стилізуємо контур припіднятого піску

Крок 1

Клікніть, утримуючи Ctrl, на мініатюрі шару Stroke Shadow, щоб створити виділення.

Create SelectionCreate SelectionCreate Selection

Крок 2

Виберіть копію шару вашого фону, натисніть Ctrl-J, перейменуйте дублікат шару на Stroke, потім перемістіть його поверх шару Stroke Shadow.

Duplicate the Selected AreaDuplicate the Selected AreaDuplicate the Selected Area

Крок 3

Клікніть правою кнопкою миші на шарі Layer 1, виберіть Copy Layer Style, потім клікніть правою кнопкою миші на шарі Stroke layer та виберіть Paste Layer Style, щоб стилізувати контур припіднятого піску.

Apply Layer StyleApply Layer StyleApply Layer Style

11. Редагуємо тінь припіднятого піску

Крок 1

Виберіть шар Stroke Shadow, потім перейдіть в Filter > Blur > Motion Blur. Змініть параметри: Angle на -30 і Distance на 20.

Motion BlurMotion BlurMotion Blur

Крок 2

Змініть режим Blend Mode шару Stroke Shadow на Linear Light, потім, використовуючи інструмент Переміщення (Move Tool (V)), клікніть на тіні та, утримуючи ліву кнопку миші, перемістіть тінь, щоб розмістити її по діагоналі від піску.

Modify the Stroke ShadowModify the Stroke ShadowModify the Stroke Shadow

Крок 3

Клікніть на мініатюрі шару з текстом, утримуючи Ctrl, щоб створити виділення, переконайтесь, що при цьому шар Stroke Shadow активний, потім натисніть Delete, щоб позбавитись внутрішніх частин тіні. Перейдіть в Select > Deselect, коли все зроблено.

Modify the Stroke ShadowModify the Stroke ShadowModify the Stroke Shadow

12. Додаємо морську зірку

Крок 1

Відкрийте зображення Red Seastar Isolated On White Background, та використовуючи інструмент Magic Wand Tool, виділіть білу область навколо зірки та зробіть виділення інверсії, перейшовши в Select > Inverse. Далі перейдіть в Edit > Copy, щоб скопіювати виділену зірку.

Select the StarfishSelect the StarfishSelect the Starfish

Крок 2

Поверніться до нашого робочого документу, перейдіть в Edit > Paste, та помістіть шар з морською зіркою поверх всіх шарів. Перейдіть в Image > Adjustments > Hue/Saturation, змініть значення Saturation на -15, щоб дещо зменшити насиченість кольору.

Adjust the HueSaturationAdjust the HueSaturationAdjust the HueSaturation

Крок 3

Двічі клікніть на шарі морської зірки, щоб застосувати наступний стиль шару:

  • Opacity: 35%
  • Зніміть галочку для параметра Use Global Light
  • Angle: -30
Inner ShadowInner ShadowInner Shadow

Крок 4

  • Blend Mode: Multiply
  • Opacity: 55%
  • Color: #d8d2ca
  • Size: 16
Outer GlowOuter GlowOuter Glow

Крок 5

  • Blend Mode: Linear Light
  • Color: #404040
  • Зніміть галочку у віконці Use Global Light
  • Angle: 138
  • Noise: 20
Drop ShadowDrop ShadowDrop Shadow

Step 6

Це додасть морській зірці просту тінь.

ResultResultResult

Крок 7

Наступне, що вам потрібно зробити, це використати пензель, налаштований в Кроці 8, щоб вручну додати трохи піску по краям морської зірки. Далі повторіть Кроки 9-1 до 10-2, щоб відредагувати та стилізувати краї та їх тінь. На кінець, клікніть на мініатюрі шару морської зірки, утримуючи Ctrl, щоб створити виділення, виберіть шар з тінню країв морської зірки та натисніть Delete, щоб позбутися тіні всередині об'єкту.

Adding the Sand to the StarfishAdding the Sand to the StarfishAdding the Sand to the Starfish

13. Налаштуємо кольори

Крок 1

Клікніть по іконці внизу на панелі Шари - Створити новий шар заливки або коригувальний шар (Create new fill or adjustment layer) та виберіть Криві (Curves).

CurvesCurvesCurves

Крок 2

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

CurvesCurvesCurves

Крок 3

Клікніть по іконці Create new fill or adjustment layer ще раз, та виберіть Solid Color.

Solid ColorSolid ColorSolid Color

Крок 4

Використовуйте колір #b1a99c, змініть параметр шару Blend Mode на Color Burn та його Прозорість (Opacity) на 20%.

Solid ColorSolid ColorSolid Color

14. Додаємо піну

Крок 1

Помістіть зображення WaterFoam0018 поверх всіх шарів та змініть його режим Blend Mode на Screen, далі перейдіть в Image > Adjustments > Desaturate. Переміщайте піну як вважаєте за потрібне, потім, ви можете вибрати інструмент Гумка (Eraser Tool (E)) з м'якими краями і видалити будь-які ділянки, які вам не до вподоби.

Adding the FoamAdding the FoamAdding the Foam

Крок 2

Створіть новий шар під шаром з піною та назвіть його Water. Виберіть інструмент ласо Lasso Selection Tool, далі намалюйте область виділення на деякій відстані від країв піни. Заповніть це виділення кольором #b2b3ad.

Adding the FoamAdding the FoamAdding the Foam

Крок 3

Перейдіть в Select > Deselect. Змініть режим Blend Mode шару Water на Multiply, задайте значення Opacity 20%.

Adding the FoamAdding the FoamAdding the Foam

Крок 4

Перейдіть в Filter > Blur > Gaussian Blur, змініть значення Radius на 5.

Gaussian BlurGaussian BlurGaussian Blur

Крок 5

Продублюйте шар Water, змініть Прозорість (Opacity) копії на 15. Перетягніть копію шару трохи нижче, щоб створити темніший шар між шаром Water і шаром піни.

Adding the FoamAdding the FoamAdding the Foam

15. Застосування світлових фільтрів

Крок 1

Виділіть всі шари окрім шару з піною і Water, продублюйте їх, потім перейдіть в Layer > Merge Layers. Перейменуйте об'єднаний шар на Final.

Lighting EffectsLighting EffectsLighting Effects

Крок 2

Перейдіть в Filter > Render > Lighting, виберіть Spot light, далі переміщуйте та масштабуйте його на ваш смак.

Lighting EffectsLighting EffectsLighting Effects

Крок 3

Внесіть зміни в налаштування як показано нижче. Кольори RGB наступні:

  • Color: 246, 242, 234
  • Colorize: 247, 240, 223
Lighting EffectsLighting EffectsLighting Effects

Крок 4

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

Getting Different Stroke OutcomesGetting Different Stroke OutcomesGetting Different Stroke Outcomes

Вітаю! Ви це зробили!

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

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

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

Слідом, була також додана піна, а решту шарів ми об'єднали, щоб в кінці застосувати світловий фільтр.

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

One subscription.
Unlimited Downloads.
Get unlimited downloads