Понедельник, 23.10.2017, 14:30
Приветствую Вас Гость | RSS
Меню сайта
Пользовательского поиска
Категории каталога
Уроки After Еffect [25]
Уроки Photoshop [6]
Уроки Premier [0]
Уроки CorelDraw [4]
Уроки Illustrator [0]
Уроки Particle Illusion [0]
Уроки 3D Max [0]









Главная » Статьи » Уроки » Уроки After Еffect

Урок №15 «Отражение средствами АЕ»

Урок №15 «Отражение средствами АЕ»




В данном уроке мы разберем такой момент, как отражение от поверхностей, выполненное в After Effect. Урок написан на примере рекламного ролика, который был создан всего за 2,5 часа. Сам ролик можно просмотреть здесь...

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

Шаг 1.

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



В ролике были использованы 6 различных дверей, поэтому у меня получились 12 слоев, каждому из которых я дал название Dver 01-06 и Kosyak 01-06 соответственно. Размер моего изображения был увеличен ровно в два раза от телевизионной картинки, то есть 1440х1152 пикселя. Это сделано для того, чтобы при увеличении картинки в АЕ, когда мы будем делать наезд камерой, качество фотографий не терялось. Я сохранил этот файл в формате psd, назвав его «Foto 6 dverey.psd».

Шаг 2.

Далее открываем АЕ, и импортируем в него наш ранее созданный файл как композицию и укажем, что размер импортируемого файла должен быть «Layer Size» (показано на рисунке)



Фотографии дверей теперь импортированы в АЕ, и их размер такой как мы указывали в фотошопе 1440х1152 пикселя.

Шаг 3.

Теперь в АЕ создадим новую композицию 1440х1152 длительностью 15 секунд (столько, сколько длится наш ролик), и поместим в нее слой «Dver 01» и «Kosyak 01». Сейчас мы анимируем открывание двери. Для этого сначала необходимо указать, что наши слои должны отображаться как 3D.



Если мы сейчас начнем вращать слой «Dver 01» по оси «Y», то она будет крутиться относительно своего центра. Нам необходимо изменить расположение центра двери, переместив его к левому краю. Для этого изменим параметры «Anchor Point», и укажем как «0,0 х 510,5 х 0,0». В результате наша дверь «уехала» вправо, и нам необходимо вернуть ее на место, изменив параметры «Position» на «502,5 х 591,5 х 0,0». Если вы все делали правильно, то ваша дверь должна «стать на место», и при этом ее центр будет слева. При вращении по оси «Y» дверь будет «открываться».
Следующим этапом мы анимируем это открывание. Переместимся в позицию «0:00:00:08» и установим ключи для параметров «Position», «Scale», «Orientation» и «Opacity».



Перейдем в начало композиции и изменим параметр «Opacity» на «0%». Этот параметр мы используем для того, чтобы наша дверь «проявилась» в начале ролика (так как это будет первое изображение двери). Для остальных дверей мы его анимировать не будем, и оставим «100%».
Перейдем в позицию «0:00:01:00», и передвинем сюда ключ параметра «Orientation».
Теперь в позиции «0:00:01:08» изменим все параметры, к которым мы устанавливали ключи так, как показано на рисунке



Для слоя «Kosyak 01» мы установим в позиции «0:00:00:00» ключ для параметра «Opacity» - «0%». В позиции «0:00:00:08» ключ для параметра «Scale» - «100%», а «Opacity» изменим на «100%». Дальше перейдем к позиции «0:00:01:08» и изменим «Scale» - «200%», и в позиции «0:00:01:12» установим «Scale» - «370%».
У вас должен получится «наезд» камеры на открывающуюся дверь.
Так как в позиции «0:00:01:08» мы полностью «открыли» дверь и ее больше не видно, то перейдем к «0:00:01:09» и изменим «Opacity» для слоя «Dver 01» на «0%».
В результате всего сделанного выше, у нас получится как бы «проход» камеры сквозь открывающуюся дверь.
У меня данная композиция была названа «Door 01».
Вот таким образом нам необходимо создать все шесть дверей. Только параметр «Opacity» в начале остальных композиций больше нет необходимости ставить в «0%».
А в композиции «Door 06» (наша последняя дверь) мы не анимируем открывание, поэтому необходимо изменить только параметры «Position» и «Scale».
Для слоя «Dver 06»:
«0:00:00:08» - «Position»-«502,5 х 591,5 х 0,0» «Scale»-«100%»
«0:00:01:00» - «Position»-«351,8 х 591,5 х 0,0» «Scale»-«168,5%»

Для слоя «Kosyak 06» установим «Position»-«713,5 х 578 х 0,0»
«0:00:00:08» - «Scale»-«100%»
«0:00:01:00» - «Scale»-«168%»


Соответственно у вас получатся «Door 01», «Door 02»...«Door 06».

Вот здесь опытные пользователи АЕ могут сказать, что можно было бы не «заморачиваться», и использовать 3D пространство АЕ, но могу в свое оправдание немного повториться и сказать, что время поджимало, а использование 3D значительно увеличивает время просчета. Поэтому я делал наш ролик именно таким образом, как описано ниже.

Шаг 4.

Создаем новую композицию (я использовал уже импортированную «Foto 6 dverey») размером 1440х1152 и длительностью «0:00:06:10»



В этой композиции создаем новый слой размером 720х576, который будет служить фоном нашего ролика. Применим к нему фильтр «Ramp» со следующими параметрами



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



И поместим в нашу композицию ранее созданные «Door 01», «Door 02»...«Door 06», расположив их так, чтобы первая композиция начиналась в начале, вторая – на 1-й секунде, третья – на 2-й секунде и т.д.



Если просчитать то, что получилось, то вы должны увидеть как камера «пролетает» через несколько поочередно открывающихся дверей, и останавливается перед последней.
Мы создали почти половину нашего ролика, и так как мы не использовали 3D, то финальный просчет данной композиции занимает минимальное время.

Продолжение данного урока здесь...
Категория: Уроки After Еffect | Добавил: al-m9000 (01.04.2008)
Просмотров: 1510
Всего комментариев: 0




Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа


Нажми здесь, помоги проекту

Реклама
Доставка цветов по Москве, России, СНГ и Прибалтике.

 
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования