() translation by (you can also view the original English article)
Мы продолжаем нашу серию эффектов, навеянных музыкальными клипами, клипы Zayn “Pillow Talk” вдохновляют на создание удивительных и креативных эффектов. В этом уроке вы узнаете, как создать тоннельный эффект с профилем головы, который можно увидеть на 1:40 минуте клипа.
1. Подготавливаем Изображение Модели
Этот эффект будет лучше всего смотреться на изображениях с профилем. При выборе исходного изображения, обращайте внимание на то, чтобы прическа не закрывала заднюю область шеи, а также будет отлично, если линия подбородка будет достаточно чёткой и выразительной.
Шаг 1
Начнём с изображения с хорошим чётким профилем. Профили головы имеют более выразительную форму нежели при других углах наклона головы, и они дают более интересные результаты. В уроке мы будем использовать фотографию молодого человека, которая доступна на сайте Envato Market С помощью инструмента Быстрое выделение (Quick Selection Tool (W)), создаём выделение вокруг головы и плеч.
Шаг 2
Далее, идём Слой – Новый – Скопировать на новый слой (Layer > New > Layer Via Copy (Ctrl+J), чтобы скопировать выделенную область на новый слой. Назовите этот слой Голова и Плечи (Head and Shoulders).
Шаг 3
Создайте дубликат слоя Голова и Плечи (Head and Shoulders), для этого идём Слой – Новый – Скопировать на новый слой (Layer > New > Layer Via Copy (Ctrl+J). Расположите дубликат слоя ниже оригинального слоя в палитре слоёв. Примечание переводчика: вы можете назвать дубликат слоя Дубликат Голова и Плечи (Head and Shoulders copy).
Шаг 4
Значительно увеличьте масштаб дубликат слоя, для этого идём Редактирование - Трансформация - Масштабирование (Edit > Transform > Scale), а также уменьшите Непрозрачность (Opacity) слоя до 30%.
Шаг 5
Создайте слой-заливку поверх оригинального слоя с задним фоном (Background), для этого идём Слой- Новый слой-заливка - Цвет (Layer > New Fill Layer > Solid Color). Примечание переводчика: автор создаёт слой-заливку поверх оригинального слоя с фотографией. Установите тёмно-синий цвет #1a1c33, в качестве цвета заливки.
Шаг 6
С помощью инструмента Быстрое выделение (Quick Selection Tool (W) и находясь на слое Голова и Плечи (Head and Shoulders), выделите только изображение головы и плеч. Далее, идём Выделение - Уточнить край (Select - Refine Edge). Установите Радиус (Radius) на 1.5.
Шаг 7
Скопируйте выделенную область на новый слой, для этого идём Слой – Новый – Скопировать на новый слой (Layer > New > Layer Via Copy (Ctrl+J). Назовите этот слой Голова (Head). Далее, преобразуйте этот слой в смарт-объект, для этого идём Слой- Смарт-объект - Преобразовать в смарт-объект (Layer > Smart Object > Convert to Smart Object). Далее, значительно уменьшите масштаб изображения головы по сравнению с оригиналом.
Шаг 8
Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) поверх слоя Дубликат Голова и Плечи (Head and Shoulders copy). Далее, преобразуйте данный корректирующий слой в обтравочную маску, для этого идём Слой- Создать обтравочную маску (Layer > Create Clipping Mask (Alt+Ctrl+G) Установите значение Насыщенности (Saturation) на -100, а значение Яркости (Lightness) на -10.
Шаг 9
Добавьте корректирующий слой Карта градиента (Gradient Map) поверх слоя Голова и Плечи (Head and Shoulders). Далее, преобразуйте данный корректирующий слой в обтравочную маску, для этого идём Слой- Создать обтравочную маску (Layer > Create Clipping Mask (Alt+Ctrl+G) Щёлкните по шкале градиента. чтобы открыть окно Редактора градиента (Gradient Editor). Установите следующие цвета градиента: синий цвет #0d1465 слева, красный цвет #ff0101 в центре, и белый цвет #ffffff справа.
Шаг 10
Уменьшите Непрозрачность (Opacity) слоя Голова и Плечи (Head and Shoulders) до 30%. Далее, удерживая клавишу (Alt), переместите дубликат корректирующего слоя Карта градиента (Gradient Map) наверх, расположив поверх слоя Голова (Head). Преобразуйте дубликат корректирующего слоя Карта градиента (Gradient Map) в обтравочную маску к слою Голова (Head).
Шаг 11
Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) поверх корректирующего слоя Карта градиента (Gradient Map) в качестве обтравочной маски, для этого идём Слой- Создать обтравочную маску (Layer > Create Clipping Mask (Alt+Ctrl+G). Установите значение Насыщенности (Saturation) на -35, а значение Яркости (Lightness) на +5.
2. Создаём Эффект Тоннеля
Эффект тоннеля головы создаётся путём создания контурной линии изображения профиля с последующим увеличением масштаба созданных контурных линий. К счастью, программа Photoshop умеет автоматически выполнять подобные операции, так что вам не придётся делать все вручную.
Шаг 1
Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Голова (Head), чтобы загрузить активное выделение. Далее, идём Выделение - Уточнить край (Select > Refine Edge). Увеличьте значение Сгладить (Smooth) до 17, чтобы смягчить контур выделенной области.
Шаг 2
Теперь идём во вкладку Контуры (Path) и нажимаем кнопку Создать рабочий контур из выделения (Make work path from selection) в нижней части вкладки. В результате вокруг головы модели появится аккуратный контур.
Шаг 3
Убедитесь, что созданный контур всё ещё активный, идём Слой- Новый слой-заливка - Цвет (Layer > New Fill Layer > Solid Color). Не важно, какой цвет заливки вы выберите. Назовите слой Контур (Outline). Выберите инструмент Выделение контура (Path Selection Tool (A), чтобы выделить контур. В панели управления данного инструмента, установите значение Заливки (Fill) на 0, цвет Обводки (Stroke) белый и Ширина обводки (Stroke Width) 1 px.
Шаг 4
Создайте дубликат слоя Контур (Outline), назовите дубликат слоя Большой контур (Big Outline), а затем увеличьте его масштаб, для этого идём Редактирование - Трансформирование - Масштабирование (Edit > Transform > Scale). Увеличьте голову, пока она не стане больше. чем на слое Голова (Head). Выделите контур с помощью инструмента Выделение контура (Path Selection Tool (A). Установите Ширину обводки (Stroke Width) на 3 px.
Шаг 5
Ещё раз продублируйте оригинальный слой Контур (Outline). Далее, идём Редактирование - Трансформирование - Масштабирование (Edit > Transform > Scale). В полях настроек в верхней панели управления, установите Ширину (Width) и Высоту (Height) на 107%.
Шаг 6
Выберите инструмент Перемещение (Move Tool (V) iи удерживая клавишу (Alt), идём Редактирование - Трансформирование - Применить снова (Edit > Transform > Again (Shift+Ctrl+T). Таким образом, мы создадим ещё один дубликат слоя и повторим последнюю трансформацию, когда мы увеличили масштаб на 107%.
Шаг 7
Удерживая клавиши (Alt+Shift+Ctrl), многократно нажмите клавишу 'Т', чтобы в автоматическом режиме продублировать обводку и применять к ней масштабирование. Продолжайте эти действия, пока не заполните весь документ.
Шаг 8
Удерживая клавишу (Shift), выделите все дубликаты слоёв с контурами в палитре слоёв (за исключением слоя Большая обводка (Big Outline). Далее, сгруппируйте все выделенные слои в одну группу, для этого идём Слой- Сгруппировать слои (Layer > Group Layers (Ctrl+G). Назовите новую группу Контуры (Outlines).
Шаг 9
Добавьте слой-маску к слою с группой Контуры (Outlines). Далее, выберите инструмент Градиент (Gradient Tool (G). Установите чёрно-белый градиент. В панели управления инструмента градиент, поставьте галочку в окошке Инверсия (Reverse). Далее, нарисуйте Радиальный (Radial) градиент на маске слоя, чтобы создать эффект плавного затенения по мере удаления.
3. Добавляем Заключительные Цветовые Эффекты
Итак, мы создали контурные линии, воссоздав эффект тоннеля, далее, мы добавим цветовые эффекты, чтобы полностью завершить заключительный эффект.
Шаг 1
Создайте новый слой ниже слоя Голова (Head), назовите этот слой Белый луч (White Streak). С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), создайте выделение в виде фигуры треугольника по ширине изгибов контура. Далее, с помощью инструмента Градиент (Gradient Tool (G), цвета градиента от цвета переднего плана к прозрачному, добавьте Линейный (Linear) градиент внутри выделенной области.
Шаг 2
Далее, идём Выделение - Отменить выделение (Select > Deselect (Ctrl+D), чтобы отменить активное выделение, а затем добавьте ещё выделенных фигур, залив их белым градиентом, чтобы создать ещё больше белых лучей.
Шаг 3
Создайте новый слой, назовите этот слой Красный цвет (Red Color). Установите цвет переднего плана на ярко-красный цвет #dd1515. Далее, залейте Радиальным (Radial) градиентом холст, потянув градиент от центра к внешним краям документа. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).
Шаг 4
С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), создайте ещё несколько треугольных выделений от центра к краям документа. Далее, не снимая активного выделения, создаем на слое с красным градиентом маску, для этого идём Слой - Слой-маска - Показать выделенную область (Layer > Layer Mask > Reveal Selection).
Шаг 5
Создайте новый слой, назовите этот слой Белое свечение (White Glow). Установите цвет переднего плана на белый цвет. Затем, добавьте Радиальный (Radial) градиент от центра к краям рабочего документа. Уменьшите Непрозрачность (Opacity) слоя до 65%
Шаг 6
Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Большое выделение (Big Outline), чтобы загрузить активное выделение. Далее, не снимая активного выделения, создаём маску на слое Белое свечение (White Glow), для этого идём Слой - Слой-маска - Показать выделенную область (Layer > Layer Mask > Reveal Selection).
Мы завершили урок!
Результат должен быть, как на скриншоте ниже. Как у вас получился эффект тоннеля головы? Поделитесь своей работой в примечаниях к уроку.
