WEB Анимация

Гостиница Волхов 2

Практикум - часть 2


Рис. 6.27. Предварительный просмотр анимации

Рис. 6.28. Задание ключевых кадров анимации

Упражнение 6.2. Создание анимации при помощи трансформаций и эффектов

  1. Создадим новый проект в Adobe After Effects и, не используя в нем никаких заготовок, откроем новую композицию размером 470 х 60 пикселов и длительностью 5 секунд при скорости 1 кадр в секунду. Так как по умолчанию цвет фона композиции получился черный, изменим его на другой командой Composition > Background Color (Композиция > Цвет фона).
  2. Теперь создадим первый слой размером 60 х 60 пикселов с помощью команды Layer > New solid (Слой > Создать цельный). Получившийся квадрат (его можно закрасить красным цветом) появится в середине окна композиции «Соmр 1», выделенный размерными маркерами, и с указанием точки привязки (Anchor Point) в центре. Свойства слоя представлены в окне «Comp1 — Time Layout». Для их просмотра следует щелкнуть на треугольном переключателе, расположенном слева от имени слоя, — откроется набор из трех групп свойств, которые могут быть развернуты аналогичным образом с помощью индивидуальных переключателей.
  3. Mышью переместим квадрат на левый край композиции. Точные координаты размещения квадрата отображаются на палитре Info (Информационная). Обратите внимание также на символ, появившийся в строке Transform (Преобразование) окна «Comp 1 — Time Layout». Чтобы узнать, к какому из свойств он относится, следует щелкнуть на треугольном переключателе строки Transform (Преобразование), раскрывающем пять основных свойств геометрических преобразований. Как видно, специальным символом отмечено свойство Position, причем для момента времени 0,0. Теперь следует закрепить это значение, для чего выполняется щелчок на кнопке Stopwatch (Секундомер) слева от наименования свойства, и символ отметки изменится, указывая, что кадр стал ключевым (keyframe).
  4. Переместим указатель текущего времени (синий движок на шкале времени) к значению третьего кадра (вторая секунда). Передвинем красный квадрат в центр композиции в точку с координатами (230,30). Задать эти значения можно с помощью окна Position (Положение), открывающегося по команде контекстного меню данного слоя Transform > Position (Преобразовать > Положение). Траектория движения отмечается точками в окне «Соmр 1». Аналогично для пятого кадра (четвертая секунда) зададим крайнее правое положение слоя с красным квадратом. Причем вызвать на экран окно Position (Положение) можно с помощью двойного щелчка на значении этого свойства. Таким образом, мы задали еще два ключевых кадра. Теперь выполняем предварительный просмотр анимации, для чего щелкаем на кнопке Play (Воспроизвести) палитры Time Controls (Управление воспроизведением). Красный квадрат циклически перемещается по полю композиции слева направо.



  5. Начало  Назад  Вперед



    Книжный магазин