Создание обратной анимации во Flash CS4

• May 14, 2024

В последнем уроке мы создали новый видеоклип EnvBack1 и удалили кнопку штампа со сцены в кадре 81. Теперь мы готовы перевернуть конверт. Это похоже на сложную анимацию, но на самом деле это очень просто. Мы будем использовать два клипа. Один будет новым экземпляром мувиклипа EnvFront1, а второй - наш новый мувиклип EnvBack1.

Откройте файл FLA во Flash^р CS4 и начнем.

1. Заблокируйте все слои на временной шкале.
   
   Если вы переместите указатель на кадр 81, вы увидите, что у нас есть пустой этап. Нашим первым шагом является создание нового слоя на временной шкале для нового (второго) экземпляра фрагмента ролика EnvFront1 и перетаскивание нового экземпляра из библиотеки. Мы хотим, чтобы этот фрагмент ролика находился в той же позиции, что и EnvFront1_1. Нажмите EnvFront1 в кадре 80 и получите значения X и Y на панели «Свойства».
   
   
2. Добавьте новый слой над слоем EnvFront1_1 на временной шкале и назовите этот новый слой «EnvFront1_2».
   
   Мы не хотим, чтобы этот новый видеоклип был виден до кадра 81.
   
   
3. Добавьте ключевой кадр к кадру 81 на новом слое EnvFront1_2, чтобы пустые кадры 1 - 80. В кадре 81 перетащите новый экземпляр клипа EnvFront1 из библиотеки на сцену. На панели «Свойства» задайте этот новый фрагмент ролика и имя экземпляра «EnvFront1_2».
   
   
4. Вернитесь к EnvFront1_2 в кадре 81 и установите значения X и Y для EnvFront1_2 равными значениям для EnvFront1_1.
   
   Теперь мы можем создать анимацию движения, которая начнет переворачиваться через конверт.
   
   
5. Щелкните правой кнопкой мыши EnvFront1_2 и выберите в меню «Создать анимацию движения». Перетащите диапазон анимации, чтобы закончить анимацию в кадре 85. В кадре 85 выберите фрагмент ролика EnvFront1_2 и, используя инструмент «Свободное преобразование», сдвиньте правый и левый края вместе, пока конверт почти не станет тонким, чтобы его можно было увидеть. Обратите внимание на ширину.
   
   Теперь нам нужно использовать экземпляр клипа EnvBack1, чтобы закончить анимацию переворачивания. Но сначала нам нужно создать новый слой для этой новой анимации.
   
   
6. Добавьте новый слой на временную шкалу над слоем EnvFront1_2 и назовите этот слой «EnvBack1_1».
   
   Мы добавим наш первый экземпляр видеоклипа EnvBack1 на сцену в кадре 85.
   
   
7. Щелкните правой кнопкой мыши кадр 85 на слое EnvBack1_1 и добавьте ключевой кадр.
   
   
8. Перетащите экземпляр EnvBack1 из библиотеки. На панели «Свойства» назовите этот экземпляр «EnvBack1_1». Установите X и Y так, чтобы они совпадали с EnvFront1_2.
   
   
9. Щелкните правой кнопкой мыши клип EnvBack1_1 и создайте анимацию движения. Перетащите Tween Span в кадр 90. Щелкните правой кнопкой мыши кадр 90 и выберите «Вставить ключевой кадр» в меню «Все».
   
   
10. В кадре 85 установите ширину EnvBack1 в соответствии с шириной EnvFront1_2 в кадре 85.
    
    
11. Переместите точку воспроизведения между кадрами 80 и 90, чтобы увидеть анимацию сальто.
    
    
12. Блокировка всех слоев. Сохраните файл FLA.
    
    

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 CS 5.5 (5/25) (May 2024).