Июн
13
2015

Рисуем на песке в Adobe Photoshop

Стили слоя в Adobe Photoshop – это самый быстрый и эффективный способ достижения самых разнообразных эффектов.

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

Рисуем на песке в Adobe Photoshop

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

Шрифт GelPen
Песок (Изображение 3 — 1600×1067
Морская пена (Изображение 2 — 1600×1165
Морская звезда

Шаг 1

Вначале нам необходимо загрузить набор паттернов, который мы будем использовать в дальнейшем. Выберите Edit > Preset Manager / Редактирование > Управление наборами и выберите Patterns/Узоры из выпадающего меню с типами наборов (Preset Type). После этого кликните по маленькой стрелке справа от иконки настроек и выберите из списка Nature Patterns . В появившемся окошке выберите Append (Добавить) .

Рисуем на песке в Adobe Photoshop

Шаг 2

Откройте изображение «SoilSand0204», а затем выберите Image > Adjustments > Color Balance / Изображение > Коррекция > Цветовой баланс . Переключите режим на Midtones/Средние тона и установите следующие настройки:

Рисуем на песке в Adobe Photoshop

Шаг 3

Переключите режим на Highlights/Подсветка и измените значения цветовых уровней в соответствии с рисунком. Таким образом, мы немного тонируем песчаную текстуру.

Рисуем на песке в Adobe Photoshop

Шаг 4

Продублируйте фоновый слой с текстурой песка, нажав Ctrl+J.

Рисуем на песке в Adobe Photoshop

Шаг 5

Перейдите на только что полученную копию слоя и выберите Image > Adjustments > Levels (или просто нажмите Ctrl+L), измените значение параметра Gamma/Гамма на 0.8, чтобы немного затемнить текстуру.

Рисуем на песке в Adobe Photoshop

Шаг 6

Теперь давайте создадим текст. Для этого нам потребуется шрифт GelPen Medium . Все буквы делаем заглавными, их размер — 350 pt, параметр Tracking/Трекинг = 100, цвет текста — #6c6760. Если вы создаете несколько строчек текста, то убедитесь, что значение параметра Leading/Интерлиньяж выбрано верно – буквы не должны заезжать друг на друга. В уроке автор выбрала значение 300 pt.

Рисуем на песке в Adobe Photoshop

Шаг 7

Измените режим смешивания текстового слоя на Soft Light/Мягкий свет , а затем продублируйте его (Ctrl+J) .

Рисуем на песке в Adobe Photoshop

Шаг 8

Дважды кликните по оригинальному текстовому слою, чтобы добавить ему стиль слоя Inner Shadow/Внутренняя тень . Значения параметров выберите следующие:

Уберите галочку у параметра Use Global Light
Angle/Угол: -180
Distance/Расстояние: 20
Size/Размер: 20

Рисуем на песке в Adobe Photoshop

Таким образом, мы добавили небольшую внутреннюю тень:

Рисуем на песке в Adobe Photoshop

Шаг 9

Далее кликните дважды по копии текстового слоя и добавьте следующие стили слоя:

Bevel & Emboss/Фаска

Technique/Метод: Chisel Hard/Жесткая огранка
Direction/Направление: Down/Вниз
Size/Размер: 70
Поставьте галочку у параметра Anti-aliased
Shadow Mode/Режим тени: Opacity/Непрозрачность: 100%

Рисуем на песке в Adobe Photoshop

Contour/Контур

Contour/Контур : Log
Поставьте галочку у параметра Anti-aliased

Рисуем на песке в Adobe Photoshop

Вот, что у вас должно получиться (обратите внимание, буквы уже приобретают некий объем):

Рисуем на песке в Adobe Photoshop

Шаг 10

Теперь нам нужно создать векторный контур букв. Для этого кликните правой кнопкой мыши по любому из текстовых слоев и выберите Create Work Path/Создать рабочий контур . Создайте новый слой, расположив его поверх всех слоев, назовите его «1» и выберите инструмент Brush Tool (В)/Кисть .

Рисуем на песке в Adobe Photoshop

Шаг 11

Откройте панель настройки кисти (F5) , выберите круглую жесткую кисть и настройте ее следующим образом:

Brush Tip Shape

Рисуем на песке в Adobe Photoshop

Shape Dynamics

Рисуем на песке в Adobe Photoshop

Шаг 12

Выберите инструмент Direct Selection Tool (A)/Стрелка , кликните правой кнопкой мыши по контуру и выберите Stroke Path/Выполнить обводку контура .
В появившемся окошке в качестве инструмента выберите Кисть/Brush и нажмите ОК. Чтобы удалить контур, нажмите клавишу Enter.

Рисуем на песке в Adobe Photoshop

Шаг 13

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

Рисуем на песке в Adobe Photoshop

Далее выберите Select > Modify > Contract/Выделение > Модификация > Сжать . Введите значение = 3.

Рисуем на песке в Adobe Photoshop

Затем выберите Select > Modify > Feather/ Выделение > Модификация > Растушевка и введите значение = 2.

Рисуем на песке в Adobe Photoshop

Шаг 14

Отключите отображение слоя с обводкой, кликнув по иконке глаза на панели слоев, а затем перейдите на копию фонового слоя (Background copy).

Рисуем на песке в Adobe Photoshop

Далее нажмите Ctrl+J , чтобы скопировать выделенную область на новый слой. По умолчанию он будет назваться «Layer 1» (в русской версии, соответственно, «Слой 1»). Разместите его поверх всех слоев.

Рисуем на песке в Adobe Photoshop

Шаг 15

Теперь к полученному новому слою (Layer 1) мы применим следующие стили:

Bevel & Emboss/Фаска

Поставьте галочку у параметра Anti-aliased
Highlight Mode/Режим подсветки: Soft Light/Мягкий свет
Цвет: #ffe1ba
Shadow Mode/Режим тени: Linear Burn/Линейный затемнитель
Цвет: #d0c1ab

Рисуем на песке в Adobe Photoshop

Contour/Контур

Рисуем на песке в Adobe Photoshop

Pattern/Узор

Выберите узор «Spiky Bush»

Рисуем на песке в Adobe Photoshop

Таким образом, мы добавили объем к выбранному слою:

Рисуем на песке в Adobe Photoshop

Шаг 16

Чтобы полученная «песчаная» обводка букв лучше сочеталась с песчаной текстурой, нам нужно добавить область состыковки, которая бы сделала надпись на песке более естественной. Для этого снова загрузите выделение слоя с обводкой, как вы делали в шаге 13.

Рисуем на песке в Adobe Photoshop

Далее выберите Select > Modify > Expand / Выделение > Модификация > Расширить и введите значение = 7.

Рисуем на песке в Adobe Photoshop

Затем — Select > Modify > Feather / Выделение > Модификация > Растушевка , нужное нам значение = 5.

Рисуем на песке в Adobe Photoshop

Итак, на данный момент у вас имеется активное выделение, к которому нам нужно добавить выделение текста, чтобы внутри него у нас не было пустых областей. Для этого, удерживая клавиши Ctrl+Shift, кликните по иконке текстового слоя.

Рисуем на песке в Adobe Photoshop

Перейдите на оригинальный фоновый слой, нажмите Ctrl+J , чтобы продублировать выделенную область на новый слой, который по умолчанию будет называться «Layer 2″/»Слой 2». Поместите этот слой над обоими фоновыми слоями, прямо под текстовым слоем.

Рисуем на песке в Adobe Photoshop

Дважды кликните по слою «Layer 2», чтобы добавить ему стиль слоя Drop Shadow/Тень :

Blend Mode/Режим смешивания: Linear Burn/Линейный затемнитель
Цвет: #e8e3dc
Уберите галочку у параметра Use Global Light
Angle/Угол: 139
Distance/Расстояние: 19
Size/Размер: 18

Рисуем на песке в Adobe Photoshop

Обратите внимание, песок начинает выглядеть естественнее:

Рисуем на песке в Adobe Photoshop

Шаг 17

В этом Шаге мы будем создавать выступающие на поверхности горстки из песка
Откройте панель настройки кисти (F5) . У вас должна быть выбрана круглая жесткая кисть, ее новые настройки приведены ниже:

Brush Tip Shape

Рисуем на песке в Adobe Photoshop

Shape Dynamics

Рисуем на песке в Adobe Photoshop

Scattering

Рисуем на песке в Adobe Photoshop

Кликните правой кнопкой мыши по текстовому слою и выберите Create Work Path/Создать рабочий контур . Создайте новый слой, назовите его «Stroke Shadow» («Теневая обводка»), выберите инструмент Direct Selection Tool (А)/Стрелка и измените цвет переднего плана на #404040.

Рисуем на песке в Adobe Photoshop

Выполните обводку контура на новом слое, как мы это делали в Шаге 12, после чего удалите контур.

Рисуем на песке в Adobe Photoshop

Шаг 18

Загрузите выделение слоя Stroke Shadow, кликнув по его иконке с зажатой клавишей Ctrl.

Рисуем на песке в Adobe Photoshop

Перейдите на копию фонового слоя (Background copy), нажмите Ctrl+J , переименуйте полученный слой в «Stroke» («Обводка»), а затем разместите над слоем «Stroke Shadow».

Рисуем на песке в Adobe Photoshop

Кликните правой кнопкой мыши по слою «Layer 1» на панели слоев и выберите Copy Layer Style/Скопировать стиль слоя . Затем кликните правой кнопкой по слою «Stroke » и выберите Paste Layer Style/Вклеить стиль слоя , чтобы добавить ему скопированный стиль слоя.

Рисуем на песке в Adobe Photoshop

Шаг 19

Теперь нам нужно немного модифицировать тень от кучек песка. Для этого перейдите на слой «Stroke Shadow» и выберите Filter > Blur > Motion Blur / Фильтр > Размытие > Размытие в движении . Измените значение параметра Angle /Угол на -30, а Distance/Расстояние – на 20.

Рисуем на песке в Adobe Photoshop

Измените режим смешивания слоя «Stroke Shadow» на Linear Light/Линейный свет . Затем при помощи инструмента Move Tool (V)/Перемещение , сдвиньте тень по диагонали от кучек с песком, как показано на рисунке:

Рисуем на песке в Adobe Photoshop

Загрузите выделение текстового слоя и убедитесь, что вы находитесь на слое «Stroke Shadow». После чего нажмите клавишу Delete, чтобы удалить тень внутри букв. Чтобы сбросить выделение, нажмите Ctrl+D .

Рисуем на песке в Adobe Photoshop

Шаг 20

В этом Шаге мы добавим в нашу работу морскую звезду. Откройте изображение «Red Seastar Isolated On White Background» и отделите звезду от фона при помощи инструмента Magic Wand Tool/Волшебная палочка , кликнув по белому фону. После этого инвертируйте выделение, выбрав Select > Inverse / Выделение > Инверсия . Скопируйте и вставьте звезду в ваш рабочий файл.

Рисуем на песке в Adobe Photoshop

Поместите слой со звездой поверх всех слоев, после чего выберите Image > Adjustments > Hue/Saturation / Изображение > Коррекция > Цветовой тон/Насыщенность и измените значение параметра Saturation/Насыщенность на -15, чтобы понизить насыщенность звезды.

Рисуем на песке в Adobe Photoshop

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

Inner Shadow/Внутренняя тень
Opacity/Непрозрачность: 35%
Уберите галочку у параметра Use Global Light
Angle/Угол: -30

Рисуем на песке в Adobe Photoshop

Outer Glow/Внешнее свечение

Blend Mode/Режим смешивания: Multiply/Умножение
Opacity/Непрозрачность: 55%
Цвет: #d8d2ca
Size/Размер: 16

Рисуем на песке в Adobe Photoshop

Drop Shadow/Тень

Blend Mode/Режим смешивания: Linear Light/Линейный свет
Цвет: #404040
Уберите галочку у параметра Use Global Light
Angle/Угол: 138
Noise/Шум: 20

Рисуем на песке в Adobe Photoshop

Таким образом, мы добавили небольшую тень:

Рисуем на песке в Adobe Photoshop

Далее нам понадобится кисть с тем же настройками, которую мы делали в Шаге 15, чтобы вручную добавить горстки песка рядом с морской звездой, а затем повторите Шаги 17 и 18, чтобы изменить и добавить стиль слоя обводке и ее тени. И наконец, загрузите выделение слоя с морской звездой, перейдите на слой с тенью-обводкой от морской звезды и нажмите Delete, чтобы избавиться от тени внутри звезды.

Рисуем на песке в Adobe Photoshop

Шаг 21

Кликните по иконке «Create new fill or adjustment layer» («Создать новый слой-заливку…») в нижней части панели слоев и выберите корректирующий слой Curves/Кривые .

Рисуем на песке в Adobe Photoshop

Настройте кривые, как показано на рисунке. Вы также можете самостоятельно отрегулировать яркость изображения, воспользовавшись иконкой руки со стрелками (слева от названия канала «RGB» на скрине). Кликните по иконке, удерживайте ее и двигайте по изображению.

Рисуем на песке в Adobe Photoshop

Аналогичным образом создайте еще один корректирующий слой Solid Color/Цвет .

Рисуем на песке в Adobe Photoshop

Для созданного корректирующего слоя выберите цвет #b1a99c и измените режим смешивания этого слоя на Color Burn/Затемнение основы . Opacity/Непрозрачность слоя уменьшите до 20%.

Рисуем на песке в Adobe Photoshop

Шаг 22

Сейчас мы добавим в нижнюю часть изображения морскую пену. Для этого поместите изображение WaterFoam0018 в вашу работу и расположите его над всеми слоями. Измените режим смешивания на Screen/Осветление , а затем выберите Image > Adjustments > Desaturate / Изображение > Коррекция > Обесцветить . Сдвиньте пену вниз при помощи инструмента Move Tool (V) , а затем при помощи инструмента Ластик/Eraser Tool (E) удалите ненужные, на ваш взгляд, части (кисть ластика должна быть круглой, мягкой).

Рисуем на песке в Adobe Photoshop

Создайте новый слой (Ctrl+Shift+N) , разместите его прямо под слоем с пеной и назовите «Water» («Вода»). Возьмите инструмент Lasso Selection Tool/Лассо и нарисуйте произвольное выделение, соответствующее изогнутому краю слоя с пеной, отступив от самого края слоя на небольшое расстояние. Залейте выделенную область цветом #b2b3ad при помощи инструмента Paint Bucket Tool/Заливка.

Рисуем на песке в Adobe Photoshop

Сбросьте выделение, нажав Ctrl+D . Измените режим смешивания слоя «Water» на Multiply/Умножение и уменьшите его Непрозрачность/Opacity до 20%

Рисуем на песке в Adobe Photoshop

Далее выберите Filter > Blur > Gaussian Blur / Фильтр > Размытие > Размытие по Гауссу .
Радиус размытия = 5.

Рисуем на песке в Adobe Photoshop

Продублируйте слой «Water» (Ctrl+J) , по умолчанию копия будет расположена над оригинальным слоем. Измените Непрозрачность/Opacity копии слоя «Water» на 15%. Затем переместите копию слоя вниз на панели слоев, чтобы она располагалась между слоем с пеной и водой. Это нужно для того, чтобы затемнить песок.

Рисуем на песке в Adobe Photoshop

Шаг 23

И в завершении, применим к нашему изображению фильтр «Освещение».
Выделите все слои на панели слоев (кликайте по нужным слоям с зажатой клавишей Ctrl), кроме слоев с пеной и водой (Water). Продублируйте выделенные слои, нажав Ctrl+J , а затем слейте их в один слой – Ctrl+E . Переименуйте полученный слой в «Final».

Рисуем на песке в Adobe Photoshop

Находясь на слое «Final», выберите Filter > Render > Lighting / Фильтр > Рендеринг > Освещение . В качестве источника света выберите Spot light . Измените замер освещаемой области по вашему вкусу. Автор сделала это следующим образом:

Рисуем на песке в Adobe Photoshop

Остальные настройки источника света приведены ниже. В цветовом пространстве RGB цветовые коды следующие:
Параметр Color/Цвет: 246, 242, 234
Параметр Colorize: 247, 240, 223

Рисуем на песке в Adobe Photoshop

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

Финальный результат!

Рисуем на песке в Adobe Photoshop

Если вы сочли необходимым купить аккумуляторы для ноутбуков samsung, знайте, что для одной и той же модели существуют разные по мощности заряда аккумуляторы со сроком эксплуатации от четырех до восьми часов соответственно.

Правила перепечатки материалов сайта

Все материалы сайта являются интеллектуальной собственностью данного проекта (кроме случаев, когда прямо указано другое авторство) и охраняются законом "Об авторском праве и смежных правах".

Перепечатка, распространение, в том числе в переводе, любых материалов сайта возможны с соблюдением правил цитирования, а при размещении их в сети Интернет необходима ссылка на www.photoshop-training.ru.

Надеемся, вас не затруднит соблюдение этих условий.

Написать комментарий