OVERVIEW: TWEENING

Go down

OVERVIEW: TWEENING

Post by Sanico_John on Sat Jun 21, 2008 10:56 am

Tweening

(1) Open Flash 4, this is the application window.

pic01


The white area is the frame where we will draw and animate is called the "Stage."

There are many buttons in the window.

On the left side is the drawing tools called the "Toolbar."

At the bottom, there's a small window called the "Timeline." (the Timeline was actually at the top of the window, but for convenience I put it at the bottom.)

These are the ones we will be using the most in this tutorial.

(2) Click the Circle tool on the toolbar, and draw a circle at top of the frame as shown in "pic02":

pic02


Click the paint bucket and fill the circle with a gradient color of your choice
to make it look like a 3D sphere.

pic03



(3) Next let's animate the sphere.

We will make a bouncing ball animation.

We will use the Tweening system for this.

In the Timeline, click "layer 1" and rename to "ballbounce."

Click "add layer" and rename this layer to "ground."

Then pull the layer "ground" under layer "ballbounce."

In the layer "ground," draw a line at the bottom for the floor.

Next click layer "ballbounce;" the whole ball is selected.

Lock the ground layer.

Click the dot next to the layer "ballbounce," & press "insert frames" or F5 till you reach frame 10.

At frame 10 click F6, right click frame 10 and choose "properties." Click "tweening/motion" and click "ok."

At frame 1, right click & select "create motion tween."

Click the dot at frame 10 and pull it right till frame 50.

At frame 10 Click F6 to insert keyframe.

Click the sphere and drag downwards to put it to the floor line like as shown in "pic04":


pic04


Drag the slider at the timeline back and forth or play the animation to see if it's correct.

Next Click at Frame 18 and press F6 in keyboard to add another keyframe.

Drag the ball up at Frame 18, but a little below the original position like at Frame1, to show the
slow out effect. Check pic05 to see if it matches your animation.


pic05


At frame 25, add another keyframe & drag it again to touch the floor, this time a little bit to the right.

pic06

At frame 30, add another Keyframe & drag it upward.

See pic07:

pic07


Again at frame 35, add keyframe; move the ball to the floor. See pic08:

pic08

Repeat the process till 50.

At frame 50, right click & choose "create motion tween."

Then drag the ball to the right till the end of the frame.



If you did the animation perfectly go to the next step.

(4) Now we will add squash & stretch to the bouncing ball.

Go to fr 5 and add a keyframe, select the arrow tool from the toolbar and click "scale."


Scale the ball so it looks like it's stretched:stretch

At frame 10, scale the ball so it looks squashed:

squash



Continue till 50.

It rolls too fast, so click the dot at frame 50 and drag it right till 60.

Also drag the ground layer to 60.

Add some finishing touches to make it look better.

Finally you have finished the basic FLASH animation.

ENJOY IT!!!!! bounce
BY: RAHABA
avatar
Sanico_John
flash newbie
flash newbie

Male
Number of posts : 12
Age : 31
Name : rahaba NHOJ
Year Level : IV
Location : EARTH
Registration date : 2008-06-16

Credits
GP: 10

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by tradians on Sat Jun 21, 2008 10:58 am

reserve sa lang ni kay wa paqy installer
avatar
tradians
flash rookie
flash rookie

Male
Number of posts : 583
Age : 29
Name : Carl Frances Morano Diaman
Location : In the Middle of Nowhere
Registration date : 2008-06-16

Credits
GP: 30

View user profile http://icsforum.tk/

Back to top Go down

Re: OVERVIEW: TWEENING

Post by ibleed on Sat Jun 21, 2008 7:07 pm

tradians wrote:reserve sa lang ni kay wa paqy installer

ako sad...
avatar
ibleed
flash newbie
flash newbie

Female
Number of posts : 347
Age : 31
Name : ibleed
Location : cebu city
Registration date : 2008-06-21

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by tradians on Sat Jun 21, 2008 8:50 pm

ohzzzz lol!
avatar
tradians
flash rookie
flash rookie

Male
Number of posts : 583
Age : 29
Name : Carl Frances Morano Diaman
Location : In the Middle of Nowhere
Registration date : 2008-06-16

Credits
GP: 30

View user profile http://icsforum.tk/

Back to top Go down

Re: OVERVIEW: TWEENING

Post by ibleed on Sat Jun 21, 2008 11:01 pm

tradians wrote:ohzzzz lol!

ikaw jaman bah ngano dili man jud ka mo tou nako??
ingun anah nalnag jud ko sa imong panan-aw?? ha? hehehe
avatar
ibleed
flash newbie
flash newbie

Female
Number of posts : 347
Age : 31
Name : ibleed
Location : cebu city
Registration date : 2008-06-21

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by dark_avenger on Sun Jun 22, 2008 12:25 am


nice tutorial! Thanks bro! I'm gonna try it soon......nindot dah...Very Happy

dark_avenger
flash newbie
flash newbie

Male
Number of posts : 111
Age : 31
Name : Edward
Registration date : 2008-06-15

Credits
GP: 30

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by ibleed on Sun Jun 22, 2008 12:29 am

dark_avenger wrote:
nice tutorial! Thanks bro! I'm gonna try it soon......nindot dah...Very Happy

lage nce...
avatar
ibleed
flash newbie
flash newbie

Female
Number of posts : 347
Age : 31
Name : ibleed
Location : cebu city
Registration date : 2008-06-21

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by tradians on Sun Jun 22, 2008 9:31 am

naunsa naman ka ibleed21?
avatar
tradians
flash rookie
flash rookie

Male
Number of posts : 583
Age : 29
Name : Carl Frances Morano Diaman
Location : In the Middle of Nowhere
Registration date : 2008-06-16

Credits
GP: 30

View user profile http://icsforum.tk/

Back to top Go down

Re: OVERVIEW: TWEENING

Post by ladzrom on Sun Jun 22, 2008 9:54 am

hala praktisan jud neh ni jaman... dli luna.an kung di ma kat.on.... hehehe...
avatar
ladzrom
flash newbie
flash newbie

Male
Number of posts : 37
Age : 31
Name : Ladel Kris P. Romero
Year Level : 4th year
Location : Under d' Sea
Registration date : 2008-06-16

Credits
GP: 10

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by tradians on Sun Jun 22, 2008 10:07 am

ay xempre

ako naman lang perme

murag akoy perme bda dri dah
Laughing
avatar
tradians
flash rookie
flash rookie

Male
Number of posts : 583
Age : 29
Name : Carl Frances Morano Diaman
Location : In the Middle of Nowhere
Registration date : 2008-06-16

Credits
GP: 30

View user profile http://icsforum.tk/

Back to top Go down

Re: OVERVIEW: TWEENING

Post by rhodem24 on Mon Jun 23, 2008 1:38 am

Thanks for this tutorial.


nag sugod nsad mo....
Please stop posting OT's... Peace.!
avatar
rhodem24
flash newbie
flash newbie

Male
Number of posts : 141
Age : 29
Name : Rhodem R. Capilla
Year Level : 4th Year
Location : C:/WINDOWS/system32
Registration date : 2008-06-16

Credits
GP: 30

View user profile http://www.rhodemcapilla.110mb.com

Back to top Go down

Re: OVERVIEW: TWEENING

Post by ibleed on Mon Jun 23, 2008 2:53 am

tradians wrote:ay xempre

ako naman lang perme

murag akoy perme bda dri dah
Laughing

dli ka bda jaman... kunga sa salida pa XTRA...hahahah
avatar
ibleed
flash newbie
flash newbie

Female
Number of posts : 347
Age : 31
Name : ibleed
Location : cebu city
Registration date : 2008-06-21

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by tradians on Mon Jun 23, 2008 8:40 am

cameo ang term ana bay

walay word nga term nga extra sa salida
avatar
tradians
flash rookie
flash rookie

Male
Number of posts : 583
Age : 29
Name : Carl Frances Morano Diaman
Location : In the Middle of Nowhere
Registration date : 2008-06-16

Credits
GP: 30

View user profile http://icsforum.tk/

Back to top Go down

Re: OVERVIEW: TWEENING

Post by ibleed on Mon Jun 23, 2008 8:41 am

aw cge gud CAMEO
avatar
ibleed
flash newbie
flash newbie

Female
Number of posts : 347
Age : 31
Name : ibleed
Location : cebu city
Registration date : 2008-06-21

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by tradians on Mon Jun 23, 2008 9:03 am

nya sa may meaning ana?
avatar
tradians
flash rookie
flash rookie

Male
Number of posts : 583
Age : 29
Name : Carl Frances Morano Diaman
Location : In the Middle of Nowhere
Registration date : 2008-06-16

Credits
GP: 30

View user profile http://icsforum.tk/

Back to top Go down

Re: OVERVIEW: TWEENING

Post by ibleed on Mon Jun 23, 2008 9:04 am

ambot lang nimo ikaw ray ni ingun anah
avatar
ibleed
flash newbie
flash newbie

Female
Number of posts : 347
Age : 31
Name : ibleed
Location : cebu city
Registration date : 2008-06-21

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by tradians on Mon Jun 23, 2008 9:40 am

mao nay nkabahog tae nimo
avatar
tradians
flash rookie
flash rookie

Male
Number of posts : 583
Age : 29
Name : Carl Frances Morano Diaman
Location : In the Middle of Nowhere
Registration date : 2008-06-16

Credits
GP: 30

View user profile http://icsforum.tk/

Back to top Go down

Re: OVERVIEW: TWEENING

Post by Wingedge on Mon Jun 23, 2008 10:15 pm

pag ka karaan naman pud ana inyong tutorial oi... hehehehe flash 4 pa...
avatar
Wingedge
Admin
Admin

Male
Number of posts : 77
Age : 35
Name : Sir Francis
Year Level : Instructor
Location : UC
Registration date : 2008-06-10

Credits
GP: 9999

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by Sanico_John on Tue Jun 24, 2008 4:18 am

mau ba sir?
I'm just searching on the web then I found it good kai masabtan ra kaayu.....
so that's why I posted it ......
Next time I will be keen in posting....and more significantly it should be the latest one.....
overview gani........it means I'm posting it to have a sneak peek what is tweening looks like......
avatar
Sanico_John
flash newbie
flash newbie

Male
Number of posts : 12
Age : 31
Name : rahaba NHOJ
Year Level : IV
Location : EARTH
Registration date : 2008-06-16

Credits
GP: 10

View user profile

Back to top Go down

Re: OVERVIEW: TWEENING

Post by tradians on Wed Jun 25, 2008 9:57 am

i document na u gbuhat dn gamiti ug camtasia
avatar
tradians
flash rookie
flash rookie

Male
Number of posts : 583
Age : 29
Name : Carl Frances Morano Diaman
Location : In the Middle of Nowhere
Registration date : 2008-06-16

Credits
GP: 30

View user profile http://icsforum.tk/

Back to top Go down

Re: OVERVIEW: TWEENING

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum