| You are here : : Home > Free Resources > Flash Tutorials & Resources > Shape Tween |
Basics
Animation & Effects
- 3D Animation in Flash CS5
- Animated Car Banner
- Bouncing Effect
- Blur Effect
- Burning Image Effect
- Checkboard Effect
- Circular Ripple Effect
- Fade In Effect
- Lighting Effects
- Outline Animation Effect
- Page Roll Effect
- Peeling Sticker Effect
- Photo Slideshow
- Rotating 3D Planet
- Sparkling Effect
- Simple Animation in Flash CS5
- Straight Ripple Effect
- Rippling Water Animation
- Striped Transition Effect
- Static Image Animation
- Zoom In Effect
Actionscript
- Analog Clock
- Custom Cursor
- Digital Clock
- Drag & Drop
- External Links
- Flash & XML Photo Gallery
- Loading External Images
- Particles in Flash
- Preloader Using Actionscript
- Random Movement
- Scrolling Content
- Simple Preloader
- Sound On/Off Button
- Timeline Preloader
- Creating a web template using Photoshop
- Importing a Photoshop file in Flash CS5
- Adding sounds and animation to buttons
- Adding Animation and Button interactivity
- Adding a Preloader
- Publishing the Flash content
Miscellaneous
- Bitmap to Vector
- Change Image Color
- Drop Shadow
- Glow Effect
- Gradients
- Gradients to Text
- Transparent Background
- Video in Flash
Flash Articles
Free Flash Resources
- Video Tutorials
- Flash Templates
- Dynamic Photo Galleries
- FLV Video Player
- Dynamic Text Scroller
- Flash Games for Kids
Other Flash Resources
Shape Tween in Flash
|
Flash can create two types of tweened animation using timeline:
Motion Tween &Shape Tween
Creation of Motion/Shape tween using timeline is the basics of
Flash.
By tweening shapes, you can create an effect similar to morphing,
making one shape appear to change into another shape over time.
Flash can also tween the location, size, and color of shapes.
1. You need to have Flash Player 7.0 installed to view the Flash animation.
2. Flash MX 2004 must be installed in your system to download the .fla file.
This tutorial will teach you a simple shape tween.
Steps to follow:
- Open a new flash file (Ctrl+N).
New Document window will appear
Select General panel and choose Type: Flash Document . Press OK. - If your timeline window is not open, press (Ctrl+Alt+T).
- Now you can see a single Layer called "Layer1"
in your timeline Window.
- Select the first frame. Now go to your working
area and draw any object. To start off with, may be you can draw
a circle.This is going to be your initial object.
In the above demonstration, my initial object is a short line. - Select frame 20 and press F6 to insert a new keyframe.
- Still keeping playhead on frame 20, delete the
object present in your working area. Now draw a different object,
may be a square.
In the above demonstration, I have drawn a long line. - Select any frame between, 2 to 19 and select
Shape from the tween pop-up menu in the Property inspector. Now
your Layer will look something like the one shown below.
- Now press (Ctrl+Enter) to view your motion tween.
In the above tutorial, you learnt how to create a simple shape tween. Believe me, using this logic you can create n number of beautiful things. Here is a simple example just to trigger your creativity.
|
- To read about Motion Tween, Click here.
- If you have already finished motion tween, to see the combined effect of motion and shape tween Click here.
Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!
No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.
