Animating Symbols with Motion Tweens
- Getting started
- Getting started
- About animation
- About animation
- Understanding the project file
- Understanding the project file
- Animating position
- Animating position
- Changing the pacing and timing
- Changing the pacing and timing
- Animating transparency
- Animating transparency
- Animating filters
- Animating filters
- Animating transformations
- Animating transformations
- Editing multiple frames
- Editing multiple frames
- Changing the path of the motion
- Changing the path of the motion
- Swapping tween targets
- Swapping tween targets
- Creating nested animations
- Creating nested animations
- Easing
- Easing
- Frame-by-frame animation
- Frame-by-frame animation
- Animating 3D motion
- Animating 3D motion
- Exporting your final movie
- Exporting your final movie
- Review questions
- Review questions
- Review answers
- Review answers
Create animations in Adobe Animate using motion tweening. Learn to adjust almost any aspect of an object—position, color, transparency, size, rotation, and more—and export your animation as a movie.
This chapter is from the book
This chapter is from the book
This chapter is from the book
LESSON OVERVIEW
In this lesson, you’ll learn how to do the following:
Animate the position, scale, and rotation of objects using motion tweening.
Adjust the pacing and timing of your animation.
Animate transparency and filters.
Change the path of an object’s motion.
Create a nested animation.
Split a motion tween.
Change the easing of an object’s motion.
Animate in 3D space.
This lesson will take about 2 hours to complete.
To get the lesson files used in this chapter, download them from the web page for this book at www.adobepress.com/AnimateCIB2022. For more information, see “Accessing the lesson files and Web Edition” in the Getting Started section at the beginning of this book.
)
Use Adobe Animate to change almost any aspect of an object—position, color, transparency, size, rotation, and more—over time. Motion tweening is a basic technique for creating animation with symbol instances.
Getting started
Start by viewing the finished movie file to see the animated title page that you’ll create in this lesson.
NOTE
If you have not already downloaded the project files for this lesson to your computer from your Account page, make sure to do so now. See “Getting Started” at the beginning of the book.
Double-click the 03End.mp4 file in the Lesson03/03End folder to play the final animation, which was exported as a high-definition video file.
The project is an animated opener that would be placed on a website for an imaginary soon-to-be-released motion picture. In this lesson, you’ll use motion tweens to animate several components on the page: the cityscape, the main actors, several old-fashioned cars, and the main title.
Close the 03End.mp4 file.
Double-click the 03Start.fla file in the Lesson03/03Start folder to open the initial project file in Animate. This file is an ActionScript 3.0 document that is partially completed and already contains many of the graphic elements imported into the library for you to use. You’ll use all the animation functionality available in an ActionScript 3.0 document and then export an MP4 video file.
From the view options above the Stage, choose Fit In Window, or choose View > Magnification > Fit In Window, so that you can see the entire Stage on your computer screen.
Choose File > Save As. Name the file 03_workingcopy.fla, and save it in the 03Start folder.
Saving a working copy ensures that the original start file will be available if you want to start over.
)
