Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Effects

Как создать эффект Призрачной танцовщицы в Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Music Video Inspired Effects.
How to Create a Time-Displaced Video Effect Like Adele's Send My Love
How to Create a Tous-Les-Memes-Inspired, Isometric Scene Effect in Photoshop

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

Final product image
What You'll Be Creating

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

Несмотря на то, что эффект простой и откровенный, он навязчиво красив.  Это не сложно, и поскольку Photoshop может обрабатывать видеофайлы, это может быть достигнуто без помощи более традиционной программы для редактирования видео, такой как Premiere или After Effects.  Для приключений я написал урок о том, как создать призрачный видеоэффект Adele с видео.

Эффект можно использовать практически для любого видео, но лучше всего для видео танцовщиц с широкими движениями на пустом фоне. На Envato Market есть несколько отличных примеров, таких как Club Dancer на прозрачном фоне, или Masked Dancer на белом фоне.  Даже эта большая энергия Street Race Dancer на черном фоне будет хорошо работать для этой техники.

1. Настройте проект

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

Шаг 1

Чтобы продемонстрировать эффект, я решил использовать этот клип элегантной танцовщицы в струящемся красном платье на Envato Market.

Prestigious Elegant Red Dancer
Элегантная танцовщица в красном

Шаг 2

Запустите Photoshop и загрузите видео с помощью File > Open. Photoshop отобразит первый кадр видеофайла, а на панели Layers появится слой Video в Video Group.

Open the video file in Photoshop

Шаг 3

Если панель Video не открыта, перейдите в Window > Timeline, чтобы открыть его. Обратите внимание на дескриптор точки воспроизведения на временной шкале; перетащите его вправо, чтобы очистить видео, или нажмите кнопку Play, чтобы посмотреть воспроизведение видео.

Open the Timeline panel

2. Копирование неподвижных кадров

Подход здесь состоит в том, чтобы скопировать отдельные кадры видео и использовать их для создания изображений, призрачных изображений, видимых в конечном эффекте. Может показаться довольно противоречивым использование Photoshop для извлечения неподвижных кадров из видеофайла, но на самом деле это очень просто.

Шаг 1

Используйте дескриптор, чтобы очистить видео и найти большую и визуально интересную позу, как во временном коде 00:11:24.

Find the first frame to copy

Шаг 2

Теперь перейдите к Select > All, чтобы создать выделение всего холста. Затем перейдите к Layer > New > Layer Via Copy (Control-J), чтобы скопировать этот кадр на новый слой. Photoshop автоматически помещает этот слой в группу видео.  Используйте панель Layers, чтобы перетащить новый слой и поверх видеогруппы.

Create a new layer from the copied frame

Шаг 3

Обратите внимание, что на временной шкале, новый слой добавляется к концу времени видеослоя.  Возьмите его и перетащите обратно в начало временной шкалы, чтобы он появился на отметке 00:00:00.  Затем установите  слой Opacity на 50%.

Set the layer Opacity to 50

Шаг 4

Используйте ту же технику для создания нескольких других полупрозрачных кадров из видео.  Здесь вы можете увидеть рамки, снятые со следующих временных меток:

  • 00:30:22
  • 00:34:07
  • 00:48:21 
  • 01:06:21 
  • 01:28:26
Duplicate several frames in the same way

Шаг 5

Даже с уменьшенной Оpacity трудно увидеть все дубликаты копий.  Нижние копии могут быть визуально потеряны. Удерживая клавишу Shift, нажмите на панели Layers, чтобы выбрать все неподвижные кадры.  Затем измените режимы наложения на Multiply.

Batch change the blending modes to Multiply

Шаг 6

Некоторые элементы сложены слишком тесно вместе; композиция может немного выиграть от присутствия призраков.  Выберите один из слоев, который трудно увидеть, в этом случае самый верхний, Layer 2. Затем переместите его в сторону, пока он не станет более заметным.

move one layer to the side to be more easily visible

Шаг 7

Перемещение слоя показывает жесткую линию, где край этого слоя теперь отчетливо виден. Его можно легко удалить с помощью Layer Mask.  Перейдите в Layer> Layer Mask> Reveal All, чтобы добавить маску к этому слою.  Затем используйте Gradient Tool (G) с предустановленным градиентом от черного до белого в линейной форме.  Начните градиент в начале края слоя и потяните его внутрь в направлении центра.

Use a gradient on a layer mask to hide the hard edge

Шаг 8

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

Arrange the rest of the figures too

3. Завершите эффект

Теперь, когда созданы “призраки", пришло время очистить окончательное изображение и завершить общий эффект.  Исходная фигура должна быть более заметной и видимой и легко различимой через тучу дубликатов. Кроме того, вся композиция должна быть ярче и менее мутной.

Шаг 1

Исходное изображение танцовщицы должно быть самым заметным.  Возьмите исходный слой видео и перейдите в Edit > Transform > Free Transform (Control-T) и Scale уровень видео примерно на 40% (обратите внимание: преобразование видео преобразует его в Smart Object).

Scale up the original video layer

Шаг 2

Перейдите к Select > All (Control-A), а затем Edit > Copy (Control-C). Затем нажмите на самом верхнем слое, чтобы сделать его активным и перейдите к Edit > Paste (Control-V), чтобы создать еще один слой из скопированного видеокадра.  Установите Opacity этого слоя на 22%

Copy the first frame of the video layer and move it to the top

Шаг 3

Перейдите на панель Adjustments и щелкните по иконке Curves, чтобы добавить корректирующий слой Curves.  На панели Properties отрегулируйте кривую так, чтобы верхняя правая контрольная точка совпадала с правым краем гистограммы.  Затем добавьте контрольную точку в центр кривой и подвиньте ее вверх, чтобы увеличить изображение. 

Brighten the image with a Curves adjustment layer

Шаг 4

Вернитесь на панель Adjustments и добавьте корректирующий слой Hue/Saturation.  С помощью инструмента On-Screen Adjustment щелкните по фону изображения и перетащите его влево.  Обратите внимание, что инструмент обнаруживает желтые тона фона и начинает их обесцвечивать. Опустите Saturation до -42 и установите Lightness около +60

Reduce the saturation of the yellow background with a HueSat adjustment layer

Вы закончили! 

Эффект призрачной танцовщицы завершен!  Это было совсем не сложно, не так ли? 

Альтернативный эффект смещения времени. 

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

Шаг 1

Откройте видео в новом файле снова с помощью команды File > Open.  Убедитесь, что панель Timeline легко доступна. 

Open the video file again

Шаг 2

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

Locate a large movement

Шаг 3

Используйте метод Select > All и Copy, Paste, чтобы скопировать кадры всего движения.  Техника будет работать лучше всего, если захват кадра равномерно распределен.  Каждые 15 кадров видео составляют половину секунды, и это хороший интервал. 

Когда вы вставляете в каждый кадр и перемещаете его в начало временной шкалы, назовите слой в соответствии с временным кодом и установите Opacity на 20%.  По мере наращивания слоев вы увидите, что эффект начинает формироваться. 

Generate layers in 15 frame intervals

Шаг 4

Используйте метод Shift-click, чтобы выбрать все слои на панели Layers (исключая группу видео) и перейдите к Layer > Arrange > Reverse.  Это изменяет порядок слоев, который помещает кадр из самого раннего в видео на верху. 

Reverse the layer order

Шаг 5

Установите Opacity нижнего слоя, названного 13:00, на 100%.  Каждый слой над ним будет иметь режим наложения Multiply, а параметр Opacity будет постепенно уменьшаться для каждого слоя: 

  • Слой 10:00 режим наложения Multiply, Opacity 5%
  • Слой 10:15 режим наложения Multiply, Opacity 10%
  • Слой 11:00 режим наложения Multiply, Opacity 20%.
  • Слой 11:15 режим наложения Multiply, Opacity 30%
  • Слой 12:00 режим наложения MultiplyOpacity 40%
  • Слой 12:15 режим наложения MultiplyOpacity 50% 
  • Слой 13:00 режим наложения Normal, Opacity 100% 
Decrease the layer opacities in gradual increments

Шаг 6

Убедитесь, что верхний слой является активным слоем, а затем перейдите на панель Adjustments и щелкните значок Curves, чтобы добавить корректирующий слой Curves. На панели Properties отрегулируйте кривую так, чтобы верхняя правая контрольная точка совпадала с правым краем гистограммы.  Затем добавьте контрольную точку в центр кривой и подвиньте ее вверх, чтобы осветлить изображение. 

Use Curves to brighten the image

Шаг 7

Вернитесь на панель Adjustments и добавьте корректирующий слой Hue/Saturation.  С помощью инструмента On-Screen Adjustment Tool щелкните по фону изображения и перетащите его влево.  Обратите внимание, что инструмент обнаруживает желтые тона фона и начинает их обесцвечивать.  Опустите Saturation примерно до -52 и установите Lightness примерно на +55.

Reduce the saturation of the background with a HueSat adjustment layer

Вы закончили! 

Возможности видео в Photoshop не так сильны, как в таких программах как Premiere или After Effects, но тот простой факт, что Photoshop может открывать и управлять видеофайлами представляет новые возможности для цифрового дизайна.  Как у вас получился эффект смещения времени?  Можете поделиться им в комментариях ниже!

Final time offset effect
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.