All Articles After Effects
Параллакс Учебник: 2D в 3D с Photoshop
Richard Lainhart on Sun, April 10th 0 comments
In Part 1 of our tutorial, we began the process of turning a static 2D image into a 3D animation by opening the image and isolating each major section of the image onto its own layer in Photoshop. In

В части 1 нашего руководства , мы начали процесс превращения статического 2D изображения в 3D-анимации, открыв изображение и изоляции каждой основной части изображения на отдельный слой в Photoshop .

In Part 2, we're going to continue in Photoshop to fill in the empty areas in the image left by isolating the sections. Then we'll move over to After Effects to put the layers into 3D space and complete the animation.

Шаг 6 - заполнить пробелы

Сейчас идет сложная часть, если то, что было раньше было не сложно достаточно для вас. Вы, возможно, поняли, теперь, что если бы мы были довести эту Photoshop изображение в его текущем состоянии в After Effects, отдельные каждого слоя в пространстве само по себе 3D-слоя, и начать передвигаться слоев с камерой, мы бы сразу видеть пустые места в заднем слоях, где мы вырезали вперед слоев. И вы будете правы.

Итак, что мы должны сделать, это немного фантазии работы Photoshop, чтобы заполнить недостающие части изображения с пикселями, так что мы не видим каких-либо пробелов. Для этого мы будем использовать инструмент Clone Stamp. С Clone Stamp, мы будем забрать пикселей из других частей изображения и покрасить их в недостающие области, чтобы создать иллюзию непрерывного изображения на каждом слое. Это не будет идеальным, но он будет достаточно хорош, чтобы обмануть глаз.

Нам не нужно беспокоиться о том слое моряков, так как это будет впереди. Но мы должны заполнить пробелы в воде и город слоев. Начнем с воды. Выключите видимость для других слоев, убедитесь, что вода, что выбран слой, отключите все пикселя выделение в слое (Выберите

Затем Вариант кнопкой мыши где-то в воду, чтобы установить клон точку, и начать рисовать в пустых областей изображения с водой пикселей:

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

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

Но сейчас, мы закончили с водой.

Шаг 7 - краска в городе

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

Как и прежде, продолжать клонирование пока все вырез области заполнены до отличие, однако, нам не нужно, чтобы клонировать ниже ватерлинии:

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

Сохраните изменения, и мы сделали в фотошопе! Заключительных шагов в After Effects не займет почти так же долго. Итак, давайте отскок к AE и обернуть это.

Шаг 8 - импорт файлов Photoshop

Мы хотим удостовериться, что мы не потерять нашей напряженной работы, когда мы приносим этот комплекс файла Photoshop в After Effects, поэтому следует выбрать файл

Шаг 9 - Настройка 3D Состав

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

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

На данный момент, она по-прежнему выглядит как моряки потеряли в море, потому что мы все еще не могу посмотреть город, но мы это исправим коротко:

Затем добавьте камеры на комп, выбрав слой

Теперь мы готовы создать слои в космос. Выберите Моряки слой, типа "Р" в одиночку его свойства Position, и отмечают, что сегодня их три позиции свойства - X, Y и Z. Z является глубина, так что давайте двигаться вперед Моряки слой путем перетаскивания значение Z Позиция в отрицательный диапазон - в моем случае, около -340. Это переместит Моряки слой хорошо перед двумя другими.

Следующая позиция соло Город слой, и установите его позиции Z до 200. Это переместит этот слой обратно в космос, хотя мы все еще не может видеть большинство из них из-за воды:

В городе слой еще выбрана, типа Shift-S, чтобы добавить Шкала его соло свойства, и масштаб его до 120% или около того, поэтому он заполняет кадр. Теперь выберите слой воды, и типа "Р" в одиночку Должность, Shift-R, чтобы добавить Вращение на соло свойства и Shift-S, чтобы добавить масштабе. Установите его X вращения до -45 градусов, что будет вращаться воду от камеры и придать ему отступает перспективы. (Вода самолет, который соединяет передний план в фоновом режиме, поэтому вращать его, как это поможет подчеркнуть, расстояние между передней и задней, когда мы анимации камеры.) Затем установите его Положение Y (средний) до примерно 1120 выявить Город наконец-то и получить моряков из воды, и установите его масштабирования до около 120, поэтому он заполняет кадр. Вода должна быть расположена таким образом он просто пересекает город на ватерлинии. Все свойства трех слоев должна выглядеть примерно так:

И макет должен выглядеть примерно так:

Шаг 10 - Анимация камеры

Наш последний шаг должен оживить нашу камеру, чтобы добавить некоторое движение к месту происшествия и установить параллакса на работу. Мы также воспользоваться возможностью, чтобы настроить параметры слоя. Так, с камерой выборе типа "Р" в одиночку его свойства Position, и позволит ключевых кадров в кадре 0 для позиции. Перемещение камеры на правом за счет увеличения его позиции X до 530 или около того, переместите его вниз в кадре (так он стреляет из нижней позиции и перемещается моряков в кадре) за счет увеличения его Положение Y до 780 или около того, и увеличить в несколько уменьшая его Z позиции на -775 или так, как показано, в котором примут моряки гораздо ближе:

Перемещение по временной шкале 10 Второй момент, и анимировать камеру, в, и налево, установив X, Y, Z и ценности позиции примерно до 420, 600 и -700, соответственно:

Наконец, выберите оба этих ключевых кадров Положение и применять Легкая Простота к ним (Анимация

Возможно, вам придется настроить масштабирование и позиционирование слоя в этом месте так, что вы не видите края, как только вы живой камеры. Если у вас есть набор слоев по своему вкусу, сделать из комп (который я масштабировать и поместить в другое 720p макет для совместимости YouTube), и вы должны увидеть что-то вроде этого:

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

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: