Эффект 3D фото в After Effects

Посмотреть видео-урок

В данном уроке мы рассмотрим интересный эффект преобразования обычного фото в псевдо 3D. Для создания подобного эффекта есть специальные плагины, с помощью которых можно быстро и красиво оживить фото и придать ему иллюзию 3D окружения. Конечно со специально разработанным плагином подобный эффект получится более реалистичным, но такие плагины платные и с ними нужно еще и уметь работать. В данном же уроке мы будем делать эффект 3D фото, используя только стандартные инструменты After Effects, а именно функцию, которая называется "displacement map" или по русски "карта смещения".

Создаём новый проект, размеры оставим Full HD, под размер изображения с девушкой, Frame rate - 25 кадров в секунду, ну и продолжительность пусть будет одну минуту, цвет заливки по умолчанию - чёрный.

Теперь импортируем сюда наше изображение с девушкой, для этого кликаем правой кнопкой мыши в панели проекта и выбираем "Import"-"File".

Помещаем импортированное изображение в композицию, просто перетащив его мышкой.

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

В одном из уроков я делал 3D фото для Facebook в фотошопе, вот там именно таким же образом работает скрипт, т.е. делается в фотошопе карта смещения, которая в итоге скриптом фейсбука совмещается с самим изображением и получается псевдо 3D картинка.

Карту смещения мы будем рисовать инструментом "перо". Для начала создадим чёрный шейповый фон. Кликаем правой кнопкой мыши по панели слоёв и выбираем "New"-
"Shape Layer".

Теперь берём инструмент "Перо", устанавливаем заливку чёрного цвета, отключаем обводку и рисуем просто по картинке черный фон, т.е. черный прямоугольник.

После этого помещаем данный слой с фоном вниз, под изображение.

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

Идеально, тут каждую детальку обводить не нужно, но аккуратность приветствуется. Теперь, цвет получившегося образа надо сделать немного светлее фона, т.е. не чёрным, а тёмно-серым. Для этого кликаем по обозначению заливки "Fill" и в появившемся окне палитры настраиваем нужный цвет.

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

Нарисуем волосы и сделаем их немного темнее самого образа.

Теперь нарисуем глаза и сделаем их светлее. Теперь нарисуем нос и подбородок и сделаем их чуть светлее глаз. Далее рисуем губы и делаем их чуть посветлее носа и подбородка. Ну и остаются серьги с ухом и шея. В результате получается вот такая карта смещения.

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

Итак, карта нарисована, теперь нужно её размыть, чтобы эффект 3D при смещении был плавным. Для этого создадим корректирующий слой и с помощью него размоем
все слои карты. Кликаем в панели слоёв правой кнопкой мыши выбираем "New" - "Adjustment layer".

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

Далее, в панели эффектов и пресетов находим эффект размытия. Печатаем в поиске "Fast blur" и кликаем по нему.

Теперь в панели настроек эффекта выкручиваем его параметры на 100. Так же ставим галочку на пункте "Repeat Edge Pixels", что в переводе означает "Повторить крайние пиксели". Проделав данные настройки закрываем эту панель.

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

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

"displacement map layer - тут мы выбираем наш прикомпос с отрисованной картой. Далее, вместо "Red" устанавливаем "Luminance" и вместо "Green" тоже ставим "Luminance". И теперь настройками смещения по горизонтали и вертикали мы можем смещать карту и получим 3D эффект.

Кстати говоря, такую карту можно отрисовать и в фотошопе, закинуть в After Effects изображение и результат будет такой же. Эффект конечно получается не идеальным, поворачивать объект можно лишь на небольшой угол до его искажения. Специальным плагином такой эффект можно сделать красивее, но повторюсь, что данный способ позволяет сделать псевдо 3Д подручными, стандартными инструментами After Effects, быстро и достаточно просто, а главное бесплатно.

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

Вот таким вот быстрым способом, с помощью станрадртных инструментов After Effects можно сделать из обычной фотографии 3D.