Найти тему

Создаем тоннельный фотоэффект в Фотошоп

Оглавление

 Сохранить
Сохранить

Мы продолжаем серию уроков, посвященных воссозданию различных эффектов из клипа Zayn “Pillow Talk”. В этом уроке вы узнаете, как создать тоннельный эффект с головой, который можно увидеть на 1:40 минуте клипа.

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

Примечание: Автор использовал платные изображения. В архиве вы найдёте альтернативный вариант бесплатных материалов для выполнения урока.

1. Подготовка изображения

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

Шаг 1

-2

Шаг 2

Переходим Layer – New – Layer via Copy (Слой – Новый – Скопировать на новый слой) или жмем комбинацию клавиш Ctrl+J, чтобы скопировать выделение на новый слой. Называем копию «Head and Shoulders» («Голова и плечи»).

-3

Шаг 3

Дублируем слой «Head and Shoulders», используя способ из предыдущего шага, и размещаем копию под оригиналом на панели слоев.

-4

Шаг 4

Пропорционально увеличиваем масштаб копии с помощью меню Edit – Transform – Scale (Редактирование – Трансформация – Масштаб) и уменьшаем Opacity (Непрозрачность) слоя до 30%.

-5

Шаг 5

Над оригинальным фоновым слоем создаем обычный слой с заливкой Layer New Fill Layer Solid Color (Слой – Новый слой-заливка – Цвет). Выбираем темно-синий цвет (#1a1c33).

-6

Шаг 6

-7

Шаг 7

Копируем выделение на новый слой Layer – New – Layer via Copy (Слой – Новый – Скопировать на новый слой) и называем слой «Head» («Голова»). Затем преобразовываем его в смарт-объект Layer – Smart Object – Convert to Smart Object (Слой – Смарт-объект – Преобразовать в смарт-объект). Далее пропорционально уменьшаем копию, чтобы она была гораздо меньше оригинала.

-8

Шаг 8

Добавляем корректирующий слой Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность) и размещаем его сразу над слоем копией «Head and Shoulders copy». Затем трансформируем корректирующий слой в обтравочную маску Layer – Create Clipping Mask (Слой – Создать обтравочную маску) (Alt+Ctrl+G), чтобы он действовал только в пределах слоя, который находится сразу под ним. Устанавливаем Saturation (Насыщенность) на -100, а Lightness (Яркость) - -10.

-9

Шаг 9

Добавляем корректирующий слой Gradient Map (Карта градиента) сразу над слоем «Head and Shoulders». Затем трансформируем корректирующий слой в обтравочную маску Layer – Create Clipping Mask (Слой – Создать обтравочную маску) (Alt+Ctrl+G). Открываем редактор градиента, и левый ползунок (контрольную точку цвета) устанавливаем на синий цвет (#0d1465), средний – на красный (#ff0101), правый – на белый (#ffffff).

-10

Шаг 10

Уменьшаем Opacity (Непрозрачность) слоя «Head and Shoulders» до 30%. Затем, удерживая клавишу Alt, хватаем левой кнопкой мыши слой с картой градиента и перемещаем его выше слоя «Head». Трансформируем корректирующий слой в обтравочную маску.

-11

Шаг 11

Над картой градиента, которая находится выше слоя с головой, добавляем новый корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность), а затем трансформируем его в обтравочную маску Layer – Create Clipping Mask (Слой – Создать обтравочную маску). Устанавливаем Saturation (Насыщенность) на -35, Lightness (Яркость) – +5.

-12

2. Создаем эффект тоннеля

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

Шаг 1

Зажимаем клавишу Ctrl и кликаем по миниатюре слоя с головой, чтобы загрузить ее выделение. Затем переходим Select – Refine Edge (Выделение – Уточнить край) и увеличиваем Smooth (Сгладить) до 17, чтобы сгладить края выделения.

-13

Шаг 2

Переходим на вкладку Path (Контур), которая находится рядом с вкладкой Layer (Слои), и в нижней части жмем на иконку Make work path from selection (Создать рабочий контур из выделения). В результате вокруг головы появится аккуратный контур с узловыми точками.

-14

Шаг 3

-15

Шаг 4

-16

Шаг 5

Дублируем оригинальный слой «Outline». Затем переходим Edit – Transform – Scale (Редактирование – Трансформация – Масштаб). На верхней панели параметров устанавливаем Width (Ширина) и Height (Высота) на 107%.

-17

Шаг 6

-18

Шаг 7

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

-19

Шаг 8

Зажимаем клавишу Shift и на панели слоев выделяем все копии обводки (кроме слоя «Big Outline»). Затем группируем выделенные слои вместе Layer – Group Layers (Слой – Сгруппировать слои) (Ctrl+G). Называем группу «Outlines» (Контуры).

-20

Шаг 9

-21

3. Финальная цветокоррекция

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

Шаг 1

-22

Шаг 2

Переходим Select – Deselect (Ctrl+D), чтобы снять выделение, затем добавляем новые выделения с градиентной заливкой, как в предыдущем шаге.

-23

Шаг 3

Добавляем новый слой и называем его «Red Color» («Красный цвет»). Устанавливаем цвет переднего плана на ярко-красный (#dd1515). Затем заливаем документ радиальным градиентом от центра к краям рабочего полотна. Устанавливаем режим смешивания слоя на Soft Light (Мягкий свет).

-24

Шаг 4

-25

Шаг 5

Добавляем новый слой и называем его «White Glow» («Белое свечение»). Устанавливаем цвет переднего плана на белый. Затем добавляем радиальный градиент от центра к краям рабочего полотна. Уменьшаем его Opacity (Непрозрачность) до 65%.

-26

Шаг 6

Зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Big Outline», чтобы загрузить его выделение. Затем, не снимая выделения, создаем на слое «White Glow» маску Layer – Layer Mask – Reveal Selection (Слой – Слой-маска – Показать выделенные области).

-27

Финальный результат должен выглядеть примерно, как на картинке ниже.

-28

Автор: Kirk Nelson

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru

Подписывайтесь на наши Яндекс Коллекции