WEB Анимация



         

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


  • Заставим квадрат вращаться во время движения. Для этого установим указатель текущего времени на 0 и выполним щелчок на свойстве Rotation (Вращение). Появившуюся отметку закрепляем кнопкой Stopwatch (Секундомер) и открываем окно Rotation (Вращение) двойным щелчком на этой отметке. Убедившись, что значение Revolutions (Обороты) установлено в ноль, задаем в поле Degrees (Градусы) отрицательную величину (-45) и закрываем окно Rotation (Вращение) щелчком на кнопке ОК. В окне «Comp 1 — Time Layout» переходим к последнему кадру (четвертая секунда). Вновь вызываем окно Rotation (Вращение) командой контекстного меню слоя Transform > Rotation (Преобразовать > Вращение) или с помощью клавиатурной комбинации Shift+Ctrl+R. Задаем в поле Degrees (Градусы) положительную величину 45. Теперь при предварительном просмотре видно не только перемещение, но и вращение красного квадрата. Обратите внимание на то, что вращение выполняется относительно точки привязки (Anchor Point). Если задать иное положение этой точки (не в центре слоя), то можно изменить и характер вращения.
  • Аналогичным образом можно определить свойство Scale (Масштаб) для изменения масштаба объекта, выполнив команду контекстного меню слоя Transform > Scale (Преобразовать > Масштаб) или воспользовавшись клавиатурной комбинацией Shift+Ctrl+S. Зададим значение полей окна Scale (Масштаб) в нулевой момент времени 100% ц установим флажок Preserve Frame Aspect Ratio (Сохранять отношение размеров). Для пятого кадра уменьшим масштаб до 25%. В результате квадрат одновременно с вращением будет уменьшаться в размерах.
  • Создадим новый слой зеленого цвета размером 84x30 пикселов. Он также появится в центре композиции, но передвинем его к левому краю с центром в точке (30, 30) и зафиксируем там. Для последнего кадра переместим новый слой в позицию (430, 30). Так как этот слой создан позже, то он закрывает предыдущий. Чтобы видеть красный квадрат, следует поместить вновь созданный слой Solid2 назад. Это можно выполнить с помощью команды Layer > Send Layer Backward (Слой > Отправить ниже), предварительно выделив имя слоя в окне «Comp 1 — Time Layout». Изменим свойство Opacity (Непрозрачность) этого слоя со 100% для начального кадра до 10% для пятого кадра. Окно Opacity (Непрозрачность) вызывается командой контекстного меню слоя Transform > Opacity (Преобразовать > Непрозрачность) или с помощью клавиатурной комбинации Shift+Ctrl+О. Теперь красный квадрат будет перемещаться на постепенно бледнеющем зеленом фоне.



  • Содержание  Назад  Вперед