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

Для создания данного эффекта мы будем использовать программы 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 из стандартного набора эффектов. Со следующими параметрами:

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

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