Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
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

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

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

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

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

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

Loading the Nature Patterns Set

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

Крок 1

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

Adjusting the Color Balance

Крок 2

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

Adjusting the Color Balance

Крок 3

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

Duplicating the Background Layer

Крок 4

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

Adjusting the Levels

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

Крок 1

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

Creating the Text

Крок 2

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

Changing the Blend Mode

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

Крок 1

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

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

Крок 2

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

Result

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

Крок 3

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

Крок 4

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

Крок 5

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

Result

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

Крок 1

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

Work Path

Крок 2

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

Brush Tip Shape

Brush Tip Shape

Крок 3

Shape Dynamics

Shape Dynamics

Крок 4

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

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

Stroke the Work Path

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

Крок 1

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

Create a Selection

Крок 2

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

Modify the Selection

Крок 3

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

Modify the Selection

Крок 4

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

Modify the Selection

Крок 5

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

Modify the Stroke

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

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

Крок 1

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

Крок 2

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

Contour

Крок 3

  • Pattern: Spiky Bush
Pattern

Крок 4

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

Result

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

Крок 1

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

Create a Selection

Крок 2

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

Modify the Selection

Крок 3

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

Modify the Selection

Крок 4

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

Modify the Selection

Крок 5

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

Modify the Transition Area

Крок 6

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

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

Крок 7

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

Result

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

Крок 1

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

Brush Tip Shape

Brush Tip Shape

Крок 2

Shape Dynamics

Shape Dynamics

Крок 3

Scattering

Scattering

Крок 4

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

Create the Work Path

Крок 5

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

Stroke the Work Path

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

Крок 1

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

Create Selection

Крок 2

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

Duplicate the Selected Area

Крок 3

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

Apply Layer Style

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

Крок 1

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

Motion Blur

Крок 2

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

Modify the Stroke Shadow

Крок 3

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

Modify the Stroke Shadow

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

Крок 1

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

Select the Starfish

Крок 2

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

Adjust the HueSaturation

Крок 3

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

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

Крок 4

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

Крок 5

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

Step 6

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

Result

Крок 7

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

Adding the Sand to the Starfish

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

Крок 1

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

Curves

Крок 2

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

Curves

Крок 3

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

Solid Color

Крок 4

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

Solid Color

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

Крок 1

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

Adding the Foam

Крок 2

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

Adding the Foam

Крок 3

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

Adding the Foam

Крок 4

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

Gaussian Blur

Крок 5

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

Adding the Foam

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

Крок 1

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

Lighting Effects

Крок 2

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

Lighting Effects

Крок 3

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

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

Крок 4

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

Getting Different Stroke Outcomes

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

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

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

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

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

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

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.