Art-Slide

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Art-Slide » Уроки по Adobe After Effects » Создание объемного фото с помощью эффекта Displacement Map


Создание объемного фото с помощью эффекта Displacement Map

Сообщений 1 страница 5 из 5

1

Несложный урок,который позволяет добиться объемности плоского изображения в After Effects(так называемый эффект 2.5D фото).Для работы также понадобится программа Adobe Photoshop.Это-мой вольный перевод англоязычного урока,поэтому не обессудьте за некоторые шероховатости в его изложении.
1.Открываем Photoshop,загружаем фотографию.
2.Создаем новый слой,нажав в окне слоев на значок:
http://sa.uploads.ru/t/MbXwc.jpg
3.Встав на слой с загруженным фото,снимаем с него замочек двойным кликом ЛКМ.В появившемся диалоговом окне нажимаем ОК.
4.Берем инструмент «заливка»,выбираем основным черный цвет и,перейдя на верхний слой,заливаем его выбранным цветом.Уменьшаем непрозрачность слоя до 70%:
http://sc.uploads.ru/t/uDlUG.jpg
5.Далее приступим к изготовлению черно-белой карты глубины(карты смещения),которая в дальнейшем поможет нам в программе After Effects придать объем плоскому изображению.Метод рисования такой карты довольно прост: нам потребуется  создать несколько  слоев от черного до белого(через градации серого).Значения в полученной черно-белой текстуре и определят высоту каждой точки поверхности.Чем выше расположение точек,тем их тон светлее(и наоборот).
6.Возьмем инструмент «кисть»;переключимся между цветом основного и заднего фонов,нажав клавишу Х.Установим значение непрозрачности кисти-25%,жесткость-100% .Размер кисти выбирайте произвольно,исходя из размеров самого изображения(размер кисти регулируется клавишами [ и ]).
7.Начинаем закрашивать верхний слой,полностью захватывая  изображение и не отпуская при этом левую кнопку мыши:
http://sa.uploads.ru/t/IRWyn.jpg
8.Уменьшим немного размер кисти и прорисуем лицо,захватывая при этом часть волос надо лбом и у висков,приблизительно так:
http://sc.uploads.ru/t/2EaSp.jpg
9.Далее выделяем кистью надбровные дуги с переносицей,нос,губы и подбородок:
http://sb.uploads.ru/t/yciCz.jpg
10.Точно так же поступаем со щеками.В последнюю очередь закрашиваем кончик носа:
http://sc.uploads.ru/t/dWHjV.jpg
11.Переключаем цвет кисти(клавиша Х),уменьшаем ее непрозрачность до 10% и прорисовываем глаза.Так же можно немного обвести затемненные края под шеей.По окончании этих действий и отключении  нижнего слоя, верхний должен выглядеть примерно так(непрозрачность увеличиваем до 100%):
http://sc.uploads.ru/t/VTlIn.jpg
12.Стоя на верхнем слое,идем фильтр-размытие-размытие по Гауссу и устанавливаем его значение(от 9 до 14)так,чтобы края полученного шаблона смотрелись достаточно размыто:
http://sb.uploads.ru/t/UZ1vq.jpg

http://sc.uploads.ru/t/F1mRY.jpg
13.Сохраняем нашу карту смещения в формате PSD и переходим в программу Аfter Effects.
14.Идем file-import-file и выбираем сохраненный PSD-файл.Открываем его как композицию со слоями:
http://sb.uploads.ru/t/sPqIk.jpg
15.Во всплывающем окне ставим переключатель на строку «Merge Layer Style into Footage» и жмем ОК:
http://sb.uploads.ru/t/kZm8J.jpg
16.Перетаскиваем композицию из окна Project  в окно Composition,зажав и удерживая ее ЛКМ.При этом в окне Project  и окне Timeline автоматически появляется еще одна композиция,включающая только что импортированную нами.Сделаеем по ней двойной клик,чтобы открыть.Как видим,она содержит 2 слоя-слой с картинкой и слой с созданной в Photoshop текстурой(картой):
http://sb.uploads.ru/t/HAjmB.jpg
17.Переименуем слой с нарисованной нами картой.Выделим данный слой,нажмем Enter и введем имя «map»,после чего еще раз нажмем клавишу Enter.Проделаем то же самое с нижним слоем,присвоив ему новое имя(в моем случае это-«Nataly») .Отключим видимость верхнего слоя «map»,нажав на «глаз»:
http://sb.uploads.ru/t/xLMOB.jpg
18.Далее выделим нижний слой и перейдем в окно Effects and Presets.Введем название нужного нам эффекта-displacement map.Перетянем данный эффект на слой с нашей первоначальной картинкой на панели Timeline:
http://sb.uploads.ru/t/Nab7A.jpg

http://sa.uploads.ru/t/eMaWw.jpg
19.Видим,что примененный эффект появился в окне Effect Controls.Изменяем Displacement Map Lay на «1.map»,а режимы для горизонтального и вертикального смещения на «luminance»:
http://sa.uploads.ru/t/yZuVk.jpg
20.Проанимируем параметры горизонтального и вертикального смещения.Для этого при установленном в начале шкалы времени ползунке,кликнем на часики рядом с опциями «Max Horizontal Displacement» и «Max Vertical Displacement»,тем самым установив ключевые кадры.
21.Перейдя на панель Timeline,выделим слой с фото и нажмем клавишу U,чтобы открыть все анимированные параметры.Изменим значения каждого на свое усмотрение.Главное при этом-не допустить искажений лица.
22.Передвинем ползунок времени на 3 секунды вперед и снова изменим параметры максимального смещения по горизонтали и вертикали так,чтобы добиться наибольшего эффекта трехмерности нашего изображения:
http://sa.uploads.ru/t/EIy57.jpg
23.Вы,наверное,заметили,что при проигрывании этой анимации края рабочей области заполнены не полностью.К этому приводит смещение областей фотографии в результате применения эффекта Displacement Map.Однако,это легко исправить.
24.Для этого перейдем в композицию Nataly2:
http://sc.uploads.ru/t/k5ERC.jpg
26.Как видим,она включает в себя композицию,в которой мы только что создавали анимацию(Nataly).Выделим ее на панели Timeline и нажмем клавишу S(scale),чтобы немного увеличить масштаб(на 3-4%).Как видим,полосы по бокам исчезли:
http://sb.uploads.ru/t/vYu6y.jpg
27.Проиграйте анимацию,нажав клавишу Space(пробел).Если результат вас устраивает,можно перейти к рендерингу,нажав  Composition-Add to Render Queue:
http://sc.uploads.ru/t/5ZYto.jpg

Вот что получилось у меня:

Я рисовала карту не слишком аккуратно и тщательно.Надеюсь,что вы сделаете это лучше и получите отличный результат!

+3

2

Lastochka66 написал(а):

Это-мой вольный перевод англоязычного урока

Спасибо, а можно ссылку на оригинал урока?

0

3

Ссылка на оригинальный урок здесь

+1

4

Лена,спасибо за такой необычный прием движения лица! Только очень короткий ролик-демо! Его ведь можно сделать подлиннее? При выполнении самой этого урока. Ставить свое время ,да?

Отредактировано Анна1 (04-05-2014 17:46:32)

0

5

Анна1 написал(а):

Только очень короткий ролик-демо! Его ведь можно сделать подлиннее?

Конечно!Я задала продолжительность анимации в 3 сек,а вы можете создать длиннее(на свой вкус).Двигаете ползунок времени на 6 сек вперед и изменяете параметры горизонтального и вертикального смещения-получаете конечные КК.Тогда и движение будет более спокойным и плавным.

0


Вы здесь » Art-Slide » Уроки по Adobe After Effects » Создание объемного фото с помощью эффекта Displacement Map


Рейтинг форумов | Создать форум бесплатно