Flash CS6 Motion Paths

• May 19, 2024

В последней вспышке^р В учебнике CS6 мы создали простую анимацию Motion Tween, которая перемещала объект по прямой линии. Теперь мы изменим анимацию, чтобы переместить объект по кривой линии.

Мы уже обсуждали небольшое изменение в диапазоне анимации для анимации движения, но мы не смотрели на сцену. Как вы можете видеть, у нас есть пунктирная зеленая прямая линия, которая проходит от начальной позиции слева до конечной позиции справа от анимации. Это называется Motion Path анимации.

Работая с Motion Tweens, легко изменить этот путь движения. Давайте попробуем.

1. С помощью инструмента «Выделение» поместите курсор рядом с зеленой линией и в центре пути.
   
   Вы увидите, как курсор изменится на стрелку с маленькой изогнутой линией.
   
   
2. Давайте сделаем путь кривой вверх. Нажмите на центр пути и тяните вверх, пока линия не изгибается.
   
   
3. Переместите точку воспроизведения по временной шкале, и вы увидите, что квадрат движется по изогнутой траектории.
   
   Сейчас самое время проверить нашу анимацию.
   
   
4. В строке меню нажмите «Управление» - «Тестировать ролик» - в Flash Professional.
   
   Это откроет нашу анимацию во Flash Player. Вы должны увидеть, что квадрат движется по изогнутой дорожке. Анимация будет зацикливаться (воспроизводиться непрерывно), потому что мы не сказали ей остановиться в конце. Закройте Flash Player и вернитесь в рабочее пространство.
   
   В этот момент квадрат движется по изогнутой траектории, но квадрат не вращается. Он остается на одном уровне с нижней частью сцены на протяжении всей анимации. Мы можем добавить небольшой интерес к анимации, вращая квадрат по мере его движения по траектории.
   
   Мы хотим, чтобы квадрат был на одном уровне с нижней частью рабочей области, когда анимация запускалась, и постепенно вращался вдоль траектории. Поэтому нам нужно изменить конечную позицию анимации.
   
   
5. Выберите Frame 50, а затем выберите инструмент Free Transform на панели «Инструменты».
   
   Вы увидите черную линию с восемью контрольными точками вокруг квадрата.
   
   
6. В строке меню нажмите «Изменить» - «Преобразовать» - «Масштабировать и повернуть».
   
   
7. В диалоговом окне «Масштаб и поворот» установите значение «Поворот» на 120 градусов и нажмите «ОК».
   
   
8. Медленно перемещайте точку воспроизведения вдоль временной шкалы, и вы увидите, как квадрат вращается по дорожке.
   
   

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: 2D Animation - Motion Path Tutorial - Adobe Flash CS6 (May 2024).