Анимация движения в Flash CS6

• May 20, 2024

В этом уроке мы узнаем, как создать анимацию движения во Flash^р CS6. Возможно, вы помните, что мы создали анимацию в предыдущем уроке, которая перемещала круг по сцене. На этом уроке мы создали анимацию классической анимации. Classic Tween - это оригинальный тип анимации для Flash.

Теперь мы рассмотрим новый тип анимации движения. На этот раз мы создадим анимацию анимации движения, которая будет перемещать квадрат по сцене. На первый взгляд эти две анимации могут выглядеть одинаково. Но по мере прохождения будущих уроков вы поймете, почему анимация движения является любимым вариантом анимации анимации. Он очень гибкий и может быть использован для создания довольно сложных анимаций.

1. Откройте Flash CS6 и выберите ActionScript 3.0 в столбце «Создать новый» на экране приветствия.
   
   Вы увидите, что у нас есть пустой этап и один слой на временной шкале.
   
   
2. Дважды щелкните по имени слоя и переименуйте слой 1 в «Квадрат».
   
   
3. Установите цвет обводки на ноль.
   
   
4. Нажмите на поле «Цвет заливки» и выберите любой цвет из палитры цветов.
   
   
5. С помощью инструмента «Прямоугольник» нарисуйте квадрат на сцене.
   
   На данный момент квадрат является базовой формой. Чтобы подтвердить это, давайте взглянем на информацию на панели «Свойства».
   
   
6. С помощью инструмента «Выделение» выберите квадрат в рабочей области.
   
   На панели «Свойства» мы видим, что этот объект является Shape. Мы также можем увидеть положение, размер и цвет объекта.
   
   Первым шагом к созданию анимации движения является преобразование фигуры в символ. Мы подробно обсудим Flash Symbols в следующем уроке.
   
   
7. Выберите квадрат в рабочей области и в строке меню нажмите «Изменить» - «Преобразовать в символ».
   
   
8. В диалоговом окне «Преобразовать в символ» назовите символ «Квадрат» и установите для параметра «Тип» значение «Видеоклип». Затем установите точку регистрации в центре, щелкнув маленькое центральное поле в группе небольших полей. Нажмите ОК.
   
   Вы увидите, что вокруг квадрата появляется тонкая синяя линия, указывающая, что объект теперь является символом.
   
   
9. Щелкните правой кнопкой мыши на 50 кадре временной шкалы и выберите «Вставить кадр», чтобы увеличить временную шкалу 50 кадров.
   
   
10. Щелкните правой кнопкой мыши на любом кадре на временной шкале и выберите «Создать анимацию движения».
    
    Вы увидите, что Flash изменил цвет всех кадров. Они называются Tween Span of Motion Tween.
    
    Переместите точку воспроизведения вдоль временной шкалы обратно к кадру 1. Как и в предыдущем уроке, объект не двигается. Это потому, что мы еще не добавили второй ключевой кадр, чтобы указать конечную позицию для анимации.
    
    
11. Щелкните правой кнопкой мыши кадр 50 и выберите в меню «Вставить ключевой кадр - все».
    
    
12. Находясь в кадре 50, нажмите на квадрат и перетащите его на другую сторону сцены, чтобы сказать Flash, что это будет конечная позиция для анимации движения.
    
    

Теперь, когда вы перемещаете точку воспроизведения, квадрат постепенно перемещается по сцене.

Но с помощью Motion Tweens мы можем легко изменить анимацию так, чтобы квадрат двигался по кривой линии, а не по прямой.

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 в США и / или других странах.

Видео инструкция: Покадровая анимация - Adobe Flash CS6 (May 2024).