1. Design & Illustration
  2. Text Effects

Как Делать Надписи на Песке в Adobe Photoshop

by
Read Time:11 minsLanguages:

Russian (Pусский) translation by Ellen Nelson (you can also view the original English article)

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

Стили Слоя в 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 (Света) и меняем значения Уровней на 5, -1 и -5. Так мы поправим цвет песка. 

Adjusting the Color BalanceAdjusting the Color BalanceAdjusting the Color Balance

Шаг 3

Копируем слой Background.

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

Пишем наш текст шрифтом GelPen Medium. Буквы используем заглавные.  Используем размер шрифта 350 ptTracking (Расстояние между буквами) 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 (Режим тени) - Multiply (Умножение), Opacity (Непрозрачность): 100%
Bevel and EmbossBevel and EmbossBevel and Emboss

Шаг 4

  • Contour (Контур): Log
  • Ставим галку Anti-aliased (Сглаживание).
ContourContourContour

Шаг 5

Это поможет сделать внутреннюю форму текста более четкой.

ResultResultResult

5. Создаем Кисть Для Внешних Краев и Обводим Текст

Шаг 1

Кликаем правой кнопкой мыши по любому из текстовых слоев и в появившемся меню выбираем Create Work Path (Создать рабочий контур). Создайте новый слой поверх всех слоёв, назовите его 1 и выберите инструмент Кисть (В).

Work PathWork PathWork Path

Шаг 2

Откройте панель КистьОкно > Кисть (F5), выберите жёсткие края, и измените ее настройки, как указано ниже.

Форма кончика кисти

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Шаг 3

Динамика формы

Shape DynamicsShape DynamicsShape Dynamics

Шаг 4

Выберите инструмент Выделение контура (A), правым кликом по контуру (верхнего слоя) и в меню выберите Выполнить обводку контура.

Выберите Кисть из выпадающего меню Инструмент и нажмите OK. Затем нажмите Enter/Return, чтобы избавиться от рабочего контура.

Stroke the Work PathStroke the Work PathStroke the Work Path

6. Изменяем Обводку Краев

Шаг 1

Command-клик (Ctrl+клик) по изображению слоя с обводкой (слой 1), чтобы создать выделение.

Create a SelectionCreate a SelectionCreate a Selection

Шаг 2

Перейдите в Выделение > Модификация > Сжать, и наберите 3.

Modify the SelectionModify the SelectionModify the Selection

Шаг 3

Перейдите в Выделение > Модификация > Растушевка, и наберите 2.

Modify the SelectionModify the SelectionModify the Selection

Шаг 4

Сделайте слой с обводкой невидимым, нажав на значок с глазом, затем выберите слой Фон копия.

Modify the SelectionModify the SelectionModify the Selection

Шаг 5

Нажмите Command-J, чтобы дублировать выделенное в новый слой. По умолчанию, это будет названо Слой 1. Перетащите Слой 1 на самый верх.

Modify the StrokeModify the StrokeModify the Stroke

7. Стилизуем измененную обводку

Дважды кликните по Слой 1 чтобы применить следующий Стиль слоя:

Шаг 1

  • Отметьте Сглаживание
  • Режим Подсветки: Мягкий свет
  • Color / Цвет#ffe1ba
  • Режим Тени: Линейный затемнитель
  • Color / Цвет: #d0c1ab
Bevel and EmbossBevel and EmbossBevel and Emboss

Шаг 2

Используйте значения по умолчанию для Контура.

ContourContourContour

Шаг 3

  • Текстура: Колючий куст
PatternPatternPattern

Шаг 4

Так мы стилизуем обводку.

ResultResultResult

8. Создаем Переходную Область

Шаг 1

Чтобы смешать контур с текстурой песка более плавно, мы собираемся добавить переходную растушеванную область, чтобы эффект выглядел более естественно, поэтому создайте выделение на слое 1 еще раз.

Create a SelectionCreate a SelectionCreate a Selection

Шаг 2

Перейдите Выделение > Модификация > Расширить, и наберите 7.

Modify the SelectionModify the SelectionModify the Selection

Шаг 3

Перейдите в Выделение > Модификация > Растушевка, и наберите 5.

Modify the SelectionModify the SelectionModify the Selection

Шаг 4

Command-Shift-клик по изображению текстового слоя, для добавления его к выделению так, чтобы не осталось пустых областей внутри.

Modify the SelectionModify the SelectionModify the Selection

Шаг 5

Выберите исходный Фоновый слой, затем нажмите Command-J, чтобы дублировать выделение в новый слой. Этот слой будет назван Слой 2. Разместите его поверх обоих фоновых слоёв и прямо после слоя с оригинальным текстом.

Modify the Transition AreaModify the Transition AreaModify the Transition Area

Шаг 6

Дважды кликните по Слою 2, чтобы применить эффект Тень, со следующими значениями:

  • Режим наложения: Линейный затемнитель
  • Color / Цвет: #e8e3dc
  • Снимите галку Use Global Light / Глобальное освещение 
  • Angle / Угол: 139
  • Смещение: 19
  • Size / Размер: 18
Drop ShadowDrop ShadowDrop Shadow

Шаг 7

Вы можете увидеть, как это красиво сочетается.

ResultResultResult

9 Создаем контур приподнятого песка

Шаг 1

Выберите инструмент Кисть и снова откройте окно настроек Кисть. После выбора жестких круглых краев измените настройки, как показано ниже:

Форма кончика кисти

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Шаг 2

Динамические формы

Shape DynamicsShape DynamicsShape Dynamics

Шаг 3

Рассеивание

ScatteringScatteringScattering

Шаг 4

Правый клин по текстовому полю и выберите Создать рабочий контур, создайте новый слой под слоем с исходным текстом и назовите его Stroke Shadow (Тень контура), выберите инструмент Выделения контура (А), и установите цвет переднего фона в #404040.

Create the Work PathCreate the Work PathCreate the Work Path

Шаг 5

Обведите контур так же, как вы делали раньше, и не забудьте после этого избавиться от рабочего контура.

Stroke the Work PathStroke the Work PathStroke the Work Path

10. Изменение и оформление контура приподнятого песка

Шаг 1

Command-клик по изображению слоя Stroke Shadow, для создания выделения.

Create SelectionCreate SelectionCreate Selection

Шаг 2

Выберите слой Фоновая копия, нажмите Command-J, переименуйте дубликат слоя в Stroke (Обводка), затем переместите его поверх слоя Stroke Shadow.

Duplicate the Selected AreaDuplicate the Selected AreaDuplicate the Selected Area

Шаг 3

Правый клик по Слою 1, выберите Скопировать стиль слоя, затем правым кликом по слою Stroke и выберете Вклеить стиль слоя для оформления обводки поднятого песка.

Apply Layer StyleApply Layer StyleApply Layer Style

11. Изменение тени поднятого песка

Шаг 1

Выберите слой Stroke Shadow, затем перейдите в Фильтр > Размытие > Размытие в движении. Измените Угол до -30 и Смещение на 20.

Motion BlurMotion BlurMotion Blur

Шаг 2

Измените Режим наложения слоя Stroke Shadow на Линейный свет, затем, используя инструмент Перемещение (V), зацепите и переместите тень так, чтобы она простиралась от песка по диагонали.

Modify the Stroke ShadowModify the Stroke ShadowModify the Stroke Shadow

Шаг 3

Command-клик по изображению текстового слоя, для создания выделения, убедитесь что слой Stroke Shadow всё ещё является активным, затем нажмите Delete, чтобы избавится от внутреннего контура тени. Когда закончите, Выделение > Отменить выделение.

Modify the Stroke ShadowModify the Stroke ShadowModify the Stroke Shadow

12. Добавляем морскую звезду

Шаг 1

Откройте изображение Red Seastar Isolated On White Background, используя инструмент Волшебная палочка, для выделения белой области вокруг нее, а затем инвертируйте выделение Выделение > Инверсия. Затем Редактирование > Копировать, чтобы скопировать выделенную звезду.

Select the StarfishSelect the StarfishSelect the Starfish

Шаг 2

Вернитесь к исходному документу, перейдите Редактировать > Вставить и вставьте морскую звезду поверх всех слоев. Перейдите в Изображение > Коррекция > Цветовой тон/Насыщенность и измените Насыщенность на -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

  • Режим наложения: Линейный свет
  • Color / Цвет: #404040
  • Снимите галку Use Global Light / Глобальное освещение
  • Angle / Угол: 138
  • Noise / Шум: 20
Drop ShadowDrop ShadowDrop Shadow

Шаг 6

Это добавит простую тень морской звезде.

ResultResultResult

Шаг 7

Далее, вам нужно будет вручную добавить немного песка по краям морской звезды, затем выполнить Шаги 9-1 по 10-2, для оформления контура его тени, использовав туже кисть как и в Шаге 8. И наконец, Command-клик по изображению слоя морской звезды, для создания выделения, выделите слой с контурной тенью морской звезды, и нажмите Delete чтобы избавиться от тени внутри.

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

13. Коррекция цвета

Шаг 1

Кликните на иконку внизу панели СлоиСоздать новый корректирующий слой или слой заливку и выберите Кривые.

CurvesCurvesCurves

Шаг 2

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

CurvesCurvesCurves

Шаг 3

Снова нажмите иконку Создать новый корректирующий слой или слой заливку и выберите Цвет.

Solid ColorSolid ColorSolid Color

Шаг 4

Используйте цвет #b1a99c, измените Режим наложения слоя в Затемнение основы, а его Непрозрачность в 20%

Solid ColorSolid ColorSolid Color

14. Добавляем пену

Шаг 1

Разместите изображение WaterFoam0018 поверх всех слоев и измените его Режим наложения в Экран, затем идите в Изображение > Коррекция > Обесцветить. Сдвиньте пену вниз насколько нужно, затем вы можете выбрать инструмент Ластик (E) с мягким круглым наконечником и удалите любые детали, которые вам не нравятся.

Adding the FoamAdding the FoamAdding the Foam

Шаг 2

Создайте новый слой ниже слоя с пеной и назовите его Water (Вода). Выберите инструмент Лассо и обрисуйте по краям пены, отступив от неё кое-какое расстояние. Заполните выделение этим цветом #b2b3ad.

Adding the FoamAdding the FoamAdding the Foam

Шаг 3

Перейдите в Выделение > Отменить выделение. Измените Режим наложения слоя Water на Умножение, а его Непрозрачность на 20%.

Adding the FoamAdding the FoamAdding the Foam

Шаг 4

Фильтр > Размытие > Размытие по Гауссу, и измените Радиус на 5.

Gaussian BlurGaussian BlurGaussian Blur

Шаг 5

Создайте дубликат слоя Water, затем измените Непрозрачность копии на 15. Переместить эту копию немного ниже, чтобы между слоями Water и пены создать слой потемнее.

Adding the FoamAdding the FoamAdding the Foam

15. Применение световых фильтров

Шаг 1

Выделите все слои, за исключение слоев с пеной и слоя Water, создайте их дубликаты, затем Слои > Объединить слои. Переименуйте объединённый слой в Final.

Lighting EffectsLighting EffectsLighting Effects

Шаг 2

Фильтр > Регдеринг > Эффекты освещения, выберите Пятно света, затем перемещайте его и масштабируйте как хотите.

Lighting EffectsLighting EffectsLighting Effects

Шаг 3

Измените остальные параметры, как показано ниже. Цвета в RGB:

  • Color / Цвет: 246, 242, 234
  • Тонирование: 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