Движущаяся по экрану киноплёнка. Урок.

[Gooog]

Киноплёнка
(урок для начинающих пользователей). Стандартными средствами.

Вот на выходных делал небольшой проектик, нужен был такой эффект. Может кому пригодится...
Для создания данного эффекта мы будем использовать программы Illustrator и After Effects Pro серии CS3 со стандартными инструментами.
Для выполнения этого урока нам понадобится 2 любых пятисекундных видеофайла (у меня это две некомпрессионные авишки).

В АЕ создаём новую композицию со следующими параметрами:


В композиции создаем два новых Solid слоя

черного и белого цвета и располагаем черный поверх белого

Открываем Иллюстратор и создаем новый файл


Настройки файла оставляем по-умолчанию.
На панели Brushes (Кисти) выбираем пресеты «Video and Film»



Выбираем иконку Film Strip


и перетаскиваем её в рабочую область

С помощью инструмента Direct Selection Tool (A) удаляем ненужное (включая внутренние серые части). Получаем следующий объект:


Выбираем инструмент Selection Tool (V) и выделяем контурную маску объекта (Outlines)
Увеличиваем его и



Ctrl+C – копируем нашу маску, и вставляем её (Ctrl+V) на черный слой в композиции АЕ



Иллюстратор можно закрыть. В этом упражнении он больше не пригодится.

Активируем свойство Position (Р) черного слоя о сдвигаем нашу пленку к левому краю. Нажимаем Ctrl+D и дублируем черный слой. Активируем свойство Position нового слоя и сдвигаем плёнку вправо, на стык кадров. Увеличиваем окно композиции и с помощью инструмента Hand (H) более точно позиционируем область интереса и подгоняем стык.





Повторяем процедуру создания нового слоя и подгонки ещё раз. В итоге получаем вот такую картинку:



Далее выделяем три наших черных слоя, делаем их «пре-композ» и получаем новую композицию в нашем проекте, назовём её Frames:



Далее сдвигаем влево нашу плёнку таким образом, что бы картинка начиналась с целого кадра. Опять дублируем слой (Ctrl+D) и совмещаем края (как мы делали выше) сдвигая новый слой вправо. Получаем вот такую композицию:



Далее выделяем оба слоя с плёнкой (Ctrl + правый клик на каждом слое) и нажимаем «Р» активируя свойство Position обоих слоёв. Теперь все изменения этого свойства будут происходить одновременно в двух слоях. Нажимаем Home и ставим маркер в начало композиции. Активируем генерацию ключевых кадров свойства Position



Нажимаем End и перемещаем маркер в конец композиции. Сдвигаем нашу плёнку влево (ключевые кадры появляются автоматически) и получаем следующую картинку (целый кадр плёнки справа):



Нажимаем пробел и смотрим полученную анимацию. Наша плёнка перемещается справа налево.

Теперь будем её «оживлять». Импортируем в проект подготовленные заранее видеофайлы (правый клик в окне браузера проекта)



Ставим маркер в начало композиции и кладём видеофайла под плёнку поверх белого слоя. Используя свойства Scale и Position подгоняем их в размеры кадров и располагаем в разных окошках. Получаем следующую картинку:



Теперь нужно синхронизировать движение видеоряда с движение плёнки. Для этого делаем Pre-compose слоёв с видеофайлами. Активируем свойство Position полученной композиции и, используя ключевые кадры, выравниваем позицию в начале и в конце композиции. Нажимаем пробел и смотрим полученную анимацию. Неплохо. Осталось заполнить пустые окошки нашей пленки. Для этого можно использовать другие файлы, но в этом упражнении мы возьмём уже полученную из видеофайлов композиции и продублируем её поверх белого слоя. Повторим операции с синхронизацией движения плёнки, используя свойство Position. Смотрим полученную анимацию.



Все кадры движутся синхронно. Теперь немного стилизируем нашу картинку и придадим ей более естественный вид.
Для этого опять делаем пре-компоуз всех слоёв кроме белого. И назначаем слой с получившейся композицией как 3D, активируя иконку с изображением кубика в слое:



Активируем свойство слоя Rotation ® и немного развернем слой по оси Y для получения перспективы (примерно +22 градуса). Размары слоя немного сместились, нужно подтянуть его за левый край для заполнения окна композиции:





Далее придадим плёнке небольшой объем, применив эффект Drop Shadow из стандартного набора эффектов. Со следующими параметрами:



Нажимаем пробел и визуализируем композицию.
Удачного рендера!!!

Финальный результат:

[Gooog]

Продолжим упражнение с киноплёнкой. На этот раз анимируем её в трёхмерном пространстве с помощью программы 3ds Max.

Вордовский файл урока

Скрытый текст (вы должны зарегистрироваться или войти под своим логином):

У вас нет прав чтобы видеть скрытый текст, содержащейся здесь.

Файл перезалил! Ссылка рабочая!!!
добавил Mihailoff

Пэкшот

[goraa]

Gooog, на основе твоего урока про плёночку я сделал заставку на телевидение, для авторской программы, всем очень понравилось, тебе огромное от всех спасибо и ТРЕБУЕМ продолжения банкета. С твоей помощью я потихоньку пкркбираюсь из Премьеры в Афтер.

этот урок я уже использовала на практике. не плохо получается ;))

[Gooog]

Сообщение от goraa

С твоей помощью я потихоньку пкркбираюсь из Премьеры в Афтер.

А вот этого как раз делать не стОит! .) Всё-таки разное назначение у этих программ. Они должны дополнять друг друга, я не заменять.

ЗЫ пасиб за тёплые отзывы.