Уроки Работа с текстом Марат Садыгалиев 12 августа 2015

Делаем в Фотошоп надпись на песке

Сложность урока: Легкий

В этом уроке вы узнаете, как создать текст на песке, используя стандартные стили слоя. Мы будем использовать смарт-объекты, поэтому, вы сможете с лёгкостью заменить текст, и вам не придётся создавать стили слоя каждый раз, когда вы будете менять текст. Вы также можете заменить элементы сцены и т.д. Надеюсь, вам понравится данный эффект.

Скачать архив с материалами к уроку

Итоговый результат

Шаг 1

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

Шаг 2. Заливка с учётом содержимого (Content-Aware Fill)

Чтобы скрыть лишние элементы заднего фона и оставить только верхнюю часть бикини, я использовал инструмент Заливка с Учётом Содержимого (Content-Aware Fill), это относительно новый инструмент программы Photoshop (данный инструмент появился в программе Photoshop, начиная с версии CS5). Итак, создайте выделение вокруг элементов, которые вы хотите скрыть. Далее, идём Редактирование – Заливка (Edit>Fill) и в выпадающем меню, выберите Заливку с Учётом Содержимого (Content-Aware). Умная заливка с учётом содержимого – самый лёгкий способ заполнить пустоты.

Повторите ещё раз весь процесс, вначале создайте выделение, а затем примените Заливку с учётом содержимого (Content Aware Fill), чтобы скрыть нижнюю часть бикини, а также ракушку.

Если у вас нет новой версии программы Photoshop, в которой есть инструмент Заливка с учётом содержимого (Content Aware Fill), то вы можете использовать инструмент Штамп (Clone Stamp Tool), чтобы скрыть лишние элементы сцены.

Шаг 3

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

Шаг 4

Теперь перейдите на маску корректирующего слоя Цветовой тон / Насыщенность  (Hue/Saturation) и с помощью чёрной кисти, скройте коррекцию данного корректирующего слоя в области бикини, т.к. нам нужно изменить только цвет и насыщенность песка. Далее, проделайте то же самое с корректирующим слоем Цветовой Баланс (Color Balance).

Шаг 5. Добавляем текст и стили слоя

В этой части урока мы создадим текст на песке, используя стили слоя и смарт-фильтры. Итак, давайте добавим текст. Я использовал шрифт Biffe's Calligraphy, который вы можете скачать по ссылке вначале этого урока.

Шаг 6

Преобразуйте слой с текстом в смарт-объект, для этого, щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object), таким образом, мы сможем редактировать и менять текст после добавления стилей слоя и фильтров. Назовите этот слой "sand text 1"; далее, продублируйте этот слой. Назовите дубликат слоя с текстом "sand text 2".

Шаг 7

Временно отключите видимость слоя с текстом "sand text 2". Далее, к слою "sand text 1", добавьте следующие стили слоя: Тень (Drop Shadow) (#939090), Внутренняя тень (Inner Shadow) (#4f471b), Внешнее свечение (Outer Glow) (#fff0d8), Внутреннее свечение (Inner Glow) (dccfad) и Тиснение (Bevel and Emboss).

Шаг 8

Для стиля слоя Тиснение (Bevel and Emboss) (#dccfad and dccfad), я использовал узор песка. Узор песка (sand.zip) вы найдёте в архиве с материалами к уроку.

Шаг 9

Включите видимость слоя с текстом "sand text 2". К данному слою, примените следующие стили слоя, чтобы создать текст на песке: в параметрах наложения, уменьшите значение Заливки (Fill) до 0% , а также примените стиль слоя Внешнее свечение (Outer Glow) (#a89f86) и Тиснение (Bevel and Emboss) (#ffe8c3 and #3a2e0d).

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

Шаг 10

Итак, мы создали текст на песке, который можно редактировать одним кликом мышки. Теперь вы можете поменять текст, также вы можете добавить другие элементы сцены, например, дополнительные объекты или даже выделенные изображения. Например, я добавлю морскую звезду внутрь смарт-объекта. Дважды щёлкните по миниатюре слоя "sand text 2", чтобы открыть смарт-объект. Внутри смарт-объекта, вклейте изображение морской звезды. Вырежьте морскую звезду, удалив задний фон. Уменьшите значение Заливки (Fill) для слоя с морской звездой до 0%, а затем добавьте стиль слоя Обводка (Stroke) 3px. Чтобы увидеть результат, вам необходимо сохранить смарт-объект, а затем закрыть его. Вы также можете использовать другие изображения морских звёзд или добавить любое другое изображение на своё усмотрение.

Примечание переводчика: Чтобы добавить морскую звезду внутрь смарт-объекта, дважды щёлкните по миниатюре слоя "sand text 2", чтобы открыть смарт-объект. Далее, появится окно, нажмите ОК. У вас появится новый документ- это документ смарт-объекта. Теперь, вклейте звезду, удалите задний фон, уменьшите заливку, добавьте обводку, сохраните документ, а затем закройте его. Итак, вы получите морскую звезду, добавленную внутрь вашего смарт-объекта. Таким образом, мы создали песочный контур морской звезды.

Шаг 11

Теперь, чтобы сделать наше изображение более интересным, вы можете добавить изображение морской звезды поверх песочного контура звезды, как показано на скриншоте ниже. К слою с морской звездой, добавьте стили слоя Тень (Drop Shadow) (#2c1709) и Тиснение (Bevel and Emboss) (#ffffff и #1e1806), чтобы морская звезды выглядела более реалистично.

Результат должен быть, как на скриншоте ниже.

Шаг 12

В качестве заключительного штриха, давайте добавим морскую пену, чтобы создать ощущение морского пляжа. Вначале, вырежьте морскую пену, удалив задний фон. Во-вторых, нам необходимо откорректировать цвет и яркость пены в соответствии с текстурой песка. Для этого, к слою с морской пеной, добавьте корректирующие слои Цветовой тон / Насыщенность (Hue/Saturation) и Яркость / Контрастность (Brightness/Contrast) в качестве обтравочных масок. Чтобы создать обтравочную маску, щёлкните правой кнопкой по корректирующему слою  и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Шаг 13

Далее, к слою с морской пеной, добавьте следующие стили слоя: Тень (Drop Shadow) (#0e0e0e) и Тиснение (Bevel and Emboss) (#ffffff и #121212).

И мы завершили урок! Вы можете использовать данный эффект, например, для создания пляжных флаеров или поздравительных открыток. Надеюсь, что вам понравился этот урок.

Итоговый результат

Автор: psddude

Источник: www.psd-dude.com

Комментарии 67

Спасибо большое за урок. Шрифт с кирилицей боле-менее подошел - Favorit.

друзья, оцените и мою работу)

Спасибо за урок)

Благодарю за урок!

Спасибо за урок, очень понравился

Урок отличный! Приятно было делать!

Благодарю за урок!

Спасибо за урок.

Делаем в Фотошоп надпись на песке. Спасибо.

Спасибо за урок)

Спасибо за урок!

Спасибо за урок!

Спасибо за урок

а почему good buy? правильно же good bye. или это что-то значит?

Спасибо за урок. Познавательно.

Немножко не так получилось, но все же спасибо за урок))

Спасибо, очень пригодилось для создания видео футажа!

А я только из Крыма)))

Не нужен нам берег турецкий

Благодарю!)))

Еще 28
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее