Доброго времени суток всем.
Вот на выходных понадобилось сделать такой эффект, решил поделиться - может кому пригодится.
Киноплёнка
(урок для начинающих пользователей). Стандартными средствами.Для создания данного эффекта мы будем использовать программы 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 из стандартного набора эффектов. Со следующими параметрами:
Нажимаем пробел и визуализируем композицию.
Удачного рендера!!!
Финальный результат:
