Здравствуйте, уважаемые читатели! Сегодня, мы поговорим о том, как создается анимация и разберем виды ключевых кадров в Adobe After Effect. А также, сделаем первую анимацию движения автомобиля. Настоятельно рекомендую повторять все действия на практике.

 

Первым делом давайте создадим композицию. О том, как создается композиция в Adobe After Effect, мы говорили в предыдущем уроке. Назовем композицию «Анимация», выставим «Продолжительность/ Duration» 3 сек. Задаем в окне «Preset» формат Pal D1/DV и нажимаем ОК. Далее создаем новый слой (Об этом мы тоже говорили в предыдущем уроке.) с цветом заливки – зеленый. Теперь, в окне просмотра, потащив за появившиеся контурные квадраты, уменьшаем размер зеленого фона и перетаскиваем в верхний левый угол. После чего, в левой части окна слоев на нашем слое нужно найти картинку в виде закладки, под которой будет расположен треугольник, нажмите на него- должна выехать строка с надписью «Трансформировать/ Transform», возле которой будет такой же треугольник (это символ выпадающего меню), нажмите на него.

 

В выпавшем окне находятся пять свойств данного слоя:

  •  Anchor Point (ключевая точка) – изменяет позицию ключевой точки. Ключевая точка – это точка вокруг, которой, происходит вращение слоя.
  •  Position (изменение позиции) – позиция данного слоя на видео.
  •  Scale (изменение размера) – размер изображения.
  •  Rotation (поворот) – (0х- обозначает количество полностью сделанных вращений (циклов). В данном случае - 0 циклов); процентное соотношение показывает на уровень наклона слоя.
  •  Opacity (прозрачность) – регулирует прозрачность слоя.

Все значения можно изменить просто нажав мышкой на значение и удерживая её перетянуть значения в правую или левую сторону. Также значения можно вбить более точные, просто щелкнув мышкой два раза по значению.

Давайте посмотрим, как работает Anchor PointПоставьте значение -300; 290. Теперь нажмите мышкой на значение Rotation и потяните его в любую из сторон. Как видите, слой крутиться вокруг ключевой точки, словно лопасть вентилятора.

Теперь пора приступить к анимации объекта. Как же анимировать объект? Вначале нужно себе представить за какое время объект должен изменить свои параметры. Давайте сделаем, чтобы наш объект за 1 секунду не прозрачного слоя стал прозрачным. Для этого первым делом нужно на TimeLine поставить каретку на время начала анимации, так как она у нас в самом начале должна быть не прозрачной, мы каретку ставим на самое начало. Далее нужно указать какой параметр слоя будем анимировать, для этого нажмите на кнопку в виде секундомера, в самом начале строки Opacity (прозрачность). Данное действие позволит производить расстановку ключевых кадров на временной линии.

Теперь, ставим каретку на 1 сек. и меняем значение прозрачности (Opacity) на 0. Как Вы могли бы заметить, как только мы изменили значение прозрачности, на таймлайне появился новый ключевой кадр. Ключ появляется каждый раз, когда Вы в новом месте на таймлайне изменяете выбранный параметр, при условии, нажатом значке «Секундомер».

Для создания другого анимированного параметра нужно нажать на «секундомер» и создать ключевые кадры на таймлайне, как уже говорилось выше.

Ключевые кадры можно удалять, для этого нажмите на ключ мышкой, а затем нажать на клавиатуре клавишу «Delete». Также, ключевые кадры можно копировать, для этого нажимаем на ключевую точку мышкой и нажимаем на клавиатуре комбинацию клавиш «ctrl+C» (это действие вырезает ключ), далее передвигаем каретку в нужное нам место и нажимаем комбинацию кнопок «ctrl+V» (это действие вставляет заранее вырезанный ключ). Для полного удаления всех ключевых точек, связанных с определенным свойством слоя, нужно снова нажать на секундомер.

Удерживая кнопку «Shift» и нажимая на дополнительной клавиатуре + или – можно изменять наклон слоя на 10º.

Удерживая клавишу «Ctrl» и нажимая на доп. клавиатуре кнопки + и – изменяется показатель Scale, то есть меняется размер слоя. Если зажать «Ctrl + Shift» и нажимать + и – размер будет изменяться на 10º.

 

Цикличная анимация в Adobe After Effect.

Давайте сделаем 4ри ключевых точки такого вида: 1я - 0% прозначности; 2я – 100%, 3я – 0%, 4я – 100%. И нажмите «проиграть» или на клавиатуре пробел.

Как видите, между 4й и 1й точной происходит рывок, нет цикличности - это выглядит резко и не красиво. Чтобы создать плавный переход, нужно выделить строку Opacity (прозрачность) и нажать на кнопку «Графический редактор», которая находится в верхнем правом углу правой стороны ТаймЛайна.

Для бесшовного проигрывания нужно, чтоб первый и последний параметры были одинаковые. Для этого, первую точку подымим вверх, то есть установим 100%, как и у последней точки. А вторую точку сделаем на 0%, как и третья. Нажимаем проиграть и мы видим, что анимация происходит мягко.

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

Теперь пришло время сделать анимацию движения автомобиля. Для этого возьмем картинку машины боком на белом фоне

Для вставки картинки в программу можно просто перетянуть её из папки в окно «Project/Проект» или нажать «Файл/ File» -> «Импорт/ Import» -> «Файл/File» и выбрать нужный файл. После чего, из окна Project перетягиваем её в окно просмотра или на таймлайн. Далее в окне просмотра нужно сделать её маленького размера, примерно, чтоб автомобиль занимал 10 – 20% всей области на экране просмотра. Теперь ставим машину в правую часть экрана и создаем новый слой с белым цветом заливки. После создания нового слоя он закроет наш транспорт. Для того, чтобы транспорт снова было видно нужно на таймлайне зажать мышкой название слоя с машиной и перетащить выше слоя с белым цветом.

Для создания движения автомобиля из правой стороны в левую, нужно открыть свойства слоя с автомобилем «Трансформировать/ Transform». Нажимаем на строке «Position» кнопку в виде «Секундомера». Теперь, первая позиция у нас так и остается. Для создания места, к которому приедет автомобиль, мы выставим каретку на 2 секунды и передвинем картинку автомобиля в левую сторону.

Проиграв нашу анимацию, можно заметить, что автомобиль двигается неестественно, как-то резко. Реальный автомобиль вначале движения разгоняется, в конце – притормаживает. Давайте создадим плавность. Первым делом нажмем правой клавишей мышки на первую ключевую точку, в появившемся окне выбираем «Ассистент ключевых кадров/KeyFrame assistant» -> «Easy Ease Out».

Если Вы снова нажмете на первый ключевой кадр и на графический редактор, можете заметить как видоизменился график.

На последний ключ мы тоже нажимаем правой клавишей мышки и выбираем «Ассистент ключевых кадров/KeyFrame assistant» -> «Easy Ease In». Нажимаем проигрывание и наслаждаемся. Такое движение автомобиля смотрится намного красивее и реальнее.

Поздравляю Вас с первой красивой анимацией =).

Добавить комментарий


Защитный код
Обновить

   
© ALLROUNDER

 

Яндекс.Метрика