Download pptx - Motion tween

Transcript
Page 1: Motion tween

Motion tweenMade by: Soha & Emily

Page 2: Motion tween

Beginning• When you open Flash, you have to choose ‘banners’• Then choose the appropriate size for your banner

Page 3: Motion tween

Convert to Symbol• Insert either an image/text/object so that you can tween it. • To Change the object to a symbol you have to press F8.• ‘Convert to Symbol’ toolbox will appear and you should name your

symbol. • Select graphic behavior and click ‘OK’

Page 4: Motion tween

Motion Tween• On the top right corner, click insert>motion tween• Click your object and drag it in the shape you want your

motion tween to be.• You will see a dotted line appear where you had earlier

dragged your object.• Using this dotted line you can alter the course of your

motion tween that you have created.

Page 5: Motion tween

How to change the speed of the tween:• At the bottom of the page there is a timeline• You can drag the bar which shows the time so you can

make your tween faster or slower.

Drag this bar to make your tween slower

Page 6: Motion tween

How to view your motion tween• Click file>publish preview>flash• This will show you how your tween looks like in a new tab

• Press the enter key• This will show you how your tween looks like.

Page 7: Motion tween

Click insert> motion tween

Drag this bar to increase the time

Click file> publish preview> flash

Page 8: Motion tween

Shape tween

Page 9: Motion tween

• 1.When you open Flash choose ‘Action Script 3.0’• 2.In frame 1, draw a square with the Rectangle tool.• 3. Select frame 30 of the same layer and add a blank keyframe by choosing

Insert > Timeline > Blank Keyframe or pressing F7.• 4.On the Stage, draw a circle with the Oval tool in frame 30. • You should now have a keyframe in frame 1 with a square and a keyframe in

frame 30 with a circle. • 5.In the Timeline, select one of the frames in between the two keyframes in the

layer containing the two shapes.• 6.Choose Insert > Shape Tween. • Flash interpolates the shapes in all the frames between the two keyframes.• 7.To preview the tween, scrub the playhead across the frames in the Timeline,

or press the Enter key.• 8.To tween motion in addition to shape, move the shape in frame 30 to a

location on the Stage that is different from the location of the shape in frame 1. • Preview the animation by pressing the Enter key.• • 9.To tween the color of the shape, make the shape in frame 1 a different color

from the shape in frame 30.• 10.To add easing to the tween, select one of the frames between the two

keyframes and enter a value in the Ease field in the Property inspector. • 11.Enter a negative value to ease the beginning of the tween. Enter a positive

value to ease the end of the tween.