In order to create motion with shapes in an Animate project, you apply a special tween, called a shape tween, to a span of frames between two keyframes. See how to apply a shape tween to your slash to have it quickly appear across the screen.
- [Instructor] In order to create motion with shapes…in an Animate project, you apply…a special tween called a shape tween…to a span of frames between two keyframes.…We'll go ahead and apply a shape tween to our slash…to have it quickly appear across the screen.…So, the first thing we're going to need to do…is to create a number of additional frames.…Right now, we only have a single frame,…at frame one, and that's not going…to allow any sort of animation.…For animation, you need at least two frames.…
Let's go to the two second mark,…and I'm going to click and drag to highlight,…including those within the static background folder,…and then choose insert, timeline, frame, or hit F5.…As you can see, this extends all of the frames…in these layers out to the two second mark,…and if we open up our static background layer,…since we had that selected, as well,…it also receives those frames.…
At this point, we can move the play head back and forth,…although there are no changes in properties on the stage,…so everything remains static.…
Author
Joseph Labrecque
Released
11/13/2018- Setting up your project and workspace
- Using the stage and the pasteboard
- Importing images, Illustrator files, and Photoshop files
- Drawing
- Working with text
- Editing images
- Managing your timeline layers
- Creating symbols
- Animating with tweens
- Animating the camera
- Adding interactions
- Publishing Animate projects
Skill Level Beginner
Duration
Views
-
Introduction
-
1. Working with Animate CC
-
General document settings2m 27s
-
Manage the workspace5m 15s
-
Test your project1m 14s
-
2. General Concepts in Animate CC
-
Stage and pasteboard2m 30s
-
Properties panel2m 18s
-
Project library2m 52s
-
-
3. Importing Assets into Animate CC
-
Import bitmap files3m 22s
-
Import from Photoshop2m 47s
-
Import from Illustrator4m 24s
-
Import sound files1m 10s
-
-
4. Vector Creation Tools
-
Draw basic shapes5m 2s
-
Work with strokes and fills2m 55s
-
Object Drawing mode2m 50s
-
-
5. Working with Text
-
Use static text3m 34s
-
Dynamic text considerations2m 59s
-
Break text into vectors3m 7s
-
-
6. Modifying Vectors and Bitmaps
-
Manage color4m 34s
-
Gradient Transform tool1m 59s
-
Use Free Transform2m 40s
-
Break Apart and Trace Bitmap3m 31s
-
Warp assets3m 16s
-
-
7. Managing Timeline Layers
-
Layer folders1m 50s
-
Shape tweens5m 23s
-
Mask content5m 25s
-
Onion skinning4m 5s
-
-
8. Working with the Library and Creating Symbols
-
Movie clip symbols3m 23s
-
Graphic symbols4m 34s
-
Button symbols6m 20s
-
Manage library items3m 28s
-
-
9. Animating Symbol Instances and the Camera
-
Use motion tweens3m 13s
-
The Motion Editor3m 53s
-
Set up the camera3m 49s
-
Animate the camera3m 38s
-
Ease tween properties3m 9s
-
-
10. Building Interactive Content
-
Target platform matters3m 25s
-
Build a welcome action3m 55s
-
Add interaction6m 58s
-
Interactive button layout4m 55s
-
Code the navigation4m 3s
-
-
11. Finishing Up
-
Integrate audio2m 58s
-
Advanced publishing options4m 34s
-
-
Conclusion
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Shape tweens