Advertisement
  1. Design & Illustration
  2. Text Effects

Создаём Текст с эффектом Двойной Экспозиции в программе Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые можно приобрести на сайте Envato Market.

Исходные материалы

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

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

Шаг 1

Создайте новый рабочий документ со следующими размерами 1500 x 1000 px. Залейте задний фон белым цветом.

Добавьте текст заглавными буквами, используя шрифт Peace Sans Regular. Старайтесь использовать достаточно большой размер шрифта, чтобы были лучше видны детали.

Установите Размер (Size) текста 500 pt, установите Трэкинг (Tracking) на 100. Но вы можете использовать другие настройки текста в зависимости от вашего текста.

Create the Text

Шаг 2

Откройте исходное изображение с ветвями. Переместите данное изображение на наш рабочий документ, расположив поверх слоя с текстом. Примените масштабирование, при необходимости.

Add the Branches Image

2. Маскируем Ветви

Шаг 1

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы создать активное выделение.

Create a Selection

Шаг 2

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool), а затем в панели управления данного инструмента, выберите режим Пересечение с выделенной областью (Intersect).

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

Select the First Letter

Шаг 3

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

Selected First Letter

Шаг 4

Находясь на слое с изображением ветвей, нажмите кнопку Добавить слой-маску (Add layer mask) в нижней части панели слоёв.

Mask the Selection

Шаг 5

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

Каждая буква текста должна быть выделена на маске изображения ветвей.

Mask the Rest of the Letters

3. Выбираем Положение Ветвей внутри Текста

Шаг 1

Отключите видимость оригинального слоя с текстом, для этого щёлкните по глазку рядом с миниатюрой слоя.

Make the Original Text Layer Invisible

Шаг 2

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

Нажмите клавиши (Ctrl+T) для активации режима Свободная трансформация (Free Transform). Вы можете сместить, повернуть, а также применить масштабирование к ветвям, чтобы получить желаемый вид. Примечание переводчика: 1. в режиме Свободной трансформации (Free Transform), вы можете настроить положение текстуры ветвей внутри буквы на своё усмотрение. 2. не забудьте перейти с маски на слой, для этого, просто щёлкните по миниатюре слоя с текстурой ветвей, в противном случае, вы будете смещать букву, а не текстуру.

Нажмите клавишу “Enter”, чтобы применить изменения.

Position the Branches Inside the Text

Шаг 3

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

Сгруппируйте все слои с текстурой Ветвей в одну группу. Назовите новую группу Текст (Text).

Repeat and Group

4. Добавляем Карту Градиента и Текстуру Города

Шаг 1

Нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню, выберите опцию Карта градиента (Gradient Map).

Add a Gradient Map Adjustment Layer

Шаг 2

Нажмите кнопку Привязать к слою (Clip to layer), а затем щёлкните по шкале градиента, чтобы установить цвета градиента. Примечание переводчика: автор добавил корректирующий слой Карта градиента (Gradient Map) поверх всех слоёв, а затем преобразовал в обтравочную маску.

Чтобы создать градиент, необходимо щёлкнуть по шкале градиента и добавить Контрольные точки цвета (Color Stops). При выборе контрольной точки цвета, вы можете поменять значение цветового оттенка и его позицию. Примените цвета градиента слева направо, которые указаны ниже:

Цвет – Позиция (Color – Location)

  • #282828 - 0%
  • #5c5353 - 25%
  • #877a7a - 50%
  • #ada3a3 - 75%
  • #f1eded - 100%
Create the Gradient Fill

Шаг 3

Откройте исходное изображение с Нью-Йорком. Переместите данное изображение на наш рабочий документ, расположив поверх всех остальных слоёв. Примените масштабирование при необходимости, а затем поменяйте режим наложения для слоя с изображением города на Замена светлым (Lighten).

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы создать активное выделение, а затем щёлкните по кнопке Добавить слой-маску (Add layer mask), чтобы скрыть изображение города.

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

Add the Overlay Texture

5. Проводим Коррекцию Цвета

Шаг 1

Добавьте ещё один корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв. Примените следующие цвета градиента #48406e слева, #76747e в центре, и #fbc690 справа.

Далее, уменьшите значение Непрозрачности (Opacity) слоя примерно до 35%.

Gradient Map

Шаг 2

Далее, добавьте корректирующий слой Уровни (Levels) поверх всех остальных слоёв. Установите настройки по каждому каналу, как показано на скриншоте ниже:

Levels

Поздравляю! Мы завершили урок!

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

Далее, мы расположили ветви внутри каждой буквы и провели коррекцию цвета с помощью Карты градиента (gradient map). После этого, мы наложили текстуру города, чтобы создать эффект двойной экспозиции. В заключение, мы добавили корректирующие слои для коррекции цвета заключительного результата.

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

Final result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.