Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Текст из морской пены в Adobe Photoshop

27 июня 2014 | Опубликовано в Уроки | 5 Комментариев »

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

 

Результат

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Исходники

Дополнительные файлы:

Приступим

Скачайте и откройте Фон. Создайте кривую линию при помощи инструмента Pen/Перо и используйте инструмент Convert Point/Конвертировать узловую точку, чтобы превратить центральную точку и угла в изгиб.

Возьмите инструмент Type/Текст, кликните по только что созданному контуру и введите текст простым и плавным рукописным шрифтом. В примере использован Segoe Script.

При необходимости откорректируйте положение текста инструментом Path Selection/Выделение контура.

Нам нужно растрировать слой с текстом. Кликните по слою правой кнопкой в палитре Layers/Слои и выберите «Rasterize Layer/Растрировать слой».

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Вставьте текстуру пены.
Если вы хотите создать слой с пенной текстурой самостоятельно, примените паттерн к новому слою, поэкспериментируйте с параметром «Scale/Масштаб». Для файла по размеру фона (1800 X 1200px) используйте 25%.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Merge/Объедините слой пенного паттерна с пустым слоем, чтобы растрировать паттерн.
В меню выберите Image > Adjustments > Auto Contrast/Изображение>Коррекция>Автоконтраст.
Подкорректируйте Levels/Уровни, чтобы сделать белые пузырьки светлее, и тени темнее. Для этого выберите в меню Image > Adjustments > Levels/Изображение>Коррекция>Уровни и настройте параметры примерно как показано ниже.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Создайте выделение по слою с текстом.
Не отменяя выделения, примените Layer Mask/Слой маску к слою с пеной. Теперь вы можете сделать слой с текстом невидимым или вообще удалить его.

Скачайте кисть контура пены «foam edge», настройте размер кисти и нарисуйте каемку для текста белым цветом в слое-маске.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

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

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Вот как выглядит маска в примере:

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Нам нужно сделать пену светлее и четче. Создайте выделение по слою маске (для этого удерживая клавишу Ctrl, кликните по слою маске в палитре Layers/Слои).
Скопируйте выделенную область в слое с пеной и вставьте ее в новый слой над слоем с пеной.
В меню выберите Image > Adjustments > Black and White (High Contrast Blue Filter)/Изображение>Коррекция>Черный и белый (Высококонтрастный синий фильтр). Затем выберите Image > Auto Contrast/Изображение>Автоконтраст.
Подкорректируйте уровни: Image > Adjustments > Levels/Изображение>Коррекция>Уровни (немного переместите к центру черный и белый маркеры).

Примените к этому слою Blending Mode/Режим наложения Screen/Осветление, выберите лучшие параметры Opacity/Непрозрачности.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Выберите инструмент Eraser/Ластик и круглую растушеванную кисть на прозрачности примерно в 30%. Частично сотрите ей левую часть черно-белых пенных букв. Это поможет нам создать эффект объема.
Ниже вы можете видеть процесс стирания:

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Сделайте слои с пенным текстом невидимыми на время.
Чтобы создать эффект мокрого песка, выделите область как показано на картинке ниже.
Вы можете использовать вспомогательный файл. Скачайте его, вставьте в документ, выровняйте по размеру файла, расположите поверх слоя с волнами. Теперь удерживая Ctrl, кликните по слою, в меню выберите Select > Invert/Выделение>Инвертировать.

Уберите из выделения нижнюю часть инструментом Lasso/Лассо. Нижний контур не должен быть очень плавным.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Копируйте выделенную область песка.
Вставьте поверх оригинального слоя.
В меню выберите Image > Auto Contrast/Изображение>Автоконтраст. Затем создайте выделение по контуру текста и удалите эту область из слоя с мокрым песком.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Сделайте слои с текстом вновь видимыми.
Создайте новый слой поверх всех слоев.
Создайте выделение по контуру текста, залейте любым цветом в пустом слое, укажите Fill/Заливка = 0% и примените указанные ниже стили слоя:

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Вставьте изображение ракушки, сотрите белый фон.
Дублируйте слой ракушки. Укажите нижнему слою Fill/Заливку = 0% и стиль слоя Gradient Overlay/Перекрытие градиента. Чтобы создать эффект тени, переместите слой немного ниже и левее. Сделайте то же самое для изображения с крабом.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Результат

Learn how to create realistic sea foam text effect and how to apply sea/ocean foam pattern to the text shape on the beach sand.

Автор урока alfoart

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Гость
    Thumb up Thumb down -1

    Дополнительные файлы не найдены. 404 ошибка

    Mary - Dejurka Ответ:

    Thumb up Thumb down -1

    перепроверьте! должно работать

  2. Valera_M
    Thumb up Thumb down 0

    Оличный урок!!!!