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

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

Типографический эффект отраженного пейзажа в Photoshop

19 сентября 2017 | Опубликовано в Уроки | Нет комментариев »

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

 

Результат

Final product image

Исходники

Для выполнения урока вам понадобятся следующие исходники:

1. Создаем фон и текст

Шаг 1

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

Откройте пейзаж Foggy Germany в Photoshop. Изображение довольно большое, и вы можете его уменьшить, выбрав в меню Image > Image Size/Изображение>Размер изображения. Укажите подходящий размер.

Image Size

Шаг 2

Создайте текст при помощи шрифта Sumac Typeface, затем нажмите Command/Ctrl-T чтобы войти в режим свободного трансформирования. Масштабируйте текст так, чтобы он почти заполнил изображение.

Нажмите Return/Enter чтобы применить трансформацию.

Create and Transform the Text

2. Применяем к тексту изображение

Шаг 1

Дублируйте фоновый слой с пейзажем, перетащите копию слоя вверх — поверх слоя с текстом, кликните по слою правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску.

Create Clipping Mask

Шаг 2

В меню выберите Edit > Transform > Flip Vertical/Редактировать>Трансформировать>Отразить вертикально, и Edit > Transform > Flip Horizontal/Редактировать>Трансформировать>Отразить горизонтально.

Flip the Image

Шаг 3

Выберите инструмент Move/Перемещение, и при помощи клавиш со стрелками немного переместите слой с отраженным пейзажем, чтобы найти наилучшее положение.

Nudge the Texture

3. Создаем маску с градиентом

Шаг 1

Выберите слой с отраженным пейзажем и кликните по иконке Add layer mask/Добавить маску слоя в нижней части палитры Layers/Слои.

Add Layer Mask

Шаг 2

Возьмите инструмент Gradient/Градиент, выберите линейный градиент от черного к белому.

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

Gradient Mask

4. Финальные штрихи

Шаг 1

Создайте новый слой поверх всех слоев, назовите его Brush и возьмите инструмент Brush/Кисть.

Выберите белый цвет и используйте кисти UNRESTRICTED — Real Smoke Brushes чтобы добавить немного дыма в нашу работу. Так мы слегка сольем текст с фоном.

В этом шаге важно выбрать правильное значение для Opacity/Непрозрачности кисти. В нашем случае это 50%.

Add Smoke Brushes

Шаг 2

Создайте еще один слой поверх всех слоев и назовите его Noise. В меню выберите Edit > Fill/Редактировать>Залить. Укажите параметры как на картинке ниже и нажмите OK.

Create the Noise Layer

Шаг 3

Кликните правой кнопкой по слою Noise и выберите Convert to Smart Object/Преобразовать в смарт-объект, затем смените Blend Mode/Режим наложения слоя на Soft Light/Мягкий свет.

Convert to Smart Object

Шаг 4

Выберите в качестве первого и фонового слоя черный и белый. Затем в меню выберите Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум.

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

Add Noise

Результат

Final Result

Автор урока Rose

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

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




Коментарии запрещены.