в

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

Final product image

Стили Слоя в 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

Advertisement

Шаг 2

Теперь выбираем Highlights (Света) и меняем значения Уровней на 5-1 и -5. Так мы поправим цвет песка. 

Adjusting the Color Balance

Шаг 3

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

Duplicating the Background Layer

Шаг 4

Переходим в меню Image > Adjustments > Levels (Изображение > Коррекция > Уровни) и меняем значение указателя Gamma (Гамма) на 0.80. Так мы немного затемним нашу текстуру. 

Adjusting the Levels

Advertisement

3. Создаем Текст

Шаг 1

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

Шаг 4

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

Шаг 5

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

Result

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

Шаг 1

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

Work Path

Шаг 2

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

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

Brush Tip Shape

Шаг 3

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

Shape Dynamics

Шаг 4

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

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

Stroke the Work Path

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

Шаг 1

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

Create a Selection

Шаг 2

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

Modify the Selection

Шаг 3

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

Modify the Selection

Шаг 4

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

Modify the Selection

Шаг 5

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

Modify the Stroke

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

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

Шаг 1

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

Шаг 2

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

Contour

Шаг 3

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

Шаг 4

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

Result

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

Шаг 1

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

Create a Selection

Шаг 2

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

Modify the Selection

Шаг 3

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

Modify the Selection

Шаг 4

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

Modify the Selection

Шаг 5

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

Modify the Transition Area

Шаг 6

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

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

Шаг 7

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

Result

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

Шаг 1

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

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

Brush Tip Shape

Шаг 2

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

Shape Dynamics

Шаг 3

Рассеивание

Scattering

Шаг 4

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

Create the Work Path

Шаг 5

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

Stroke the Work Path

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

Шаг 1

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

Create Selection

Шаг 2

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

Duplicate the Selected Area

Шаг 3

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

Apply Layer Style

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

Шаг 1

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

Motion Blur

Шаг 2

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

Modify the Stroke Shadow

Шаг 3

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

Modify the Stroke Shadow

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

Шаг 1

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

Select the Starfish

Шаг 2

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

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

Шаг 6

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

Result

Шаг 7

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

Adding the Sand to the Starfish

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

Шаг 1

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

Curves

Шаг 2

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

Curves

Шаг 3

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

Solid Color

Шаг 4

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

Solid Color

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

Шаг 1

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

Adding the Foam

Шаг 2

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

Adding the Foam

Шаг 3

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

Adding the Foam

Шаг 4

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

Gaussian Blur

Шаг 5

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

Adding the Foam

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

Шаг 1

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

Lighting Effects

Шаг 2

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

Lighting Effects

Шаг 3

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

  • Color / Цвет: 246, 242, 234
  • Тонирование: 247, 240, 223
Lighting Effects

Шаг 4

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

Getting Different Stroke Outcomes

Поздравляю! Вы Справились.

В этом уроке был изменен фон текстуры песка, создан и оформлен текст с добавлением внутренней тени и некоторой глубины.

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

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

Потом была добавлена пена, а остальные слои были объединены, чтобы применить к ним световой фильтр и получить конечный результата.

Надеюсь, вам понравился урок и вы нашли использованные в нем приемы полезными.

Автор: Rose

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
risuem povelitelja serdec v adobe illustrator

Рисуем повелителя сердец в Adobe Illustrator

test iz meha

Создаём текст из меха в программе Adobe Photoshop