Home
Main Site
Memberlist
Site Rules
FAQ
Register
Log inFlash animating basics! [24 Fps]
:: Multimedia :: Tutorials
Page 1 of 4 • Share •
Page 1 of 4 • 1, 2, 3, 4 
Flash animating basics! [24 Fps]
by J3FFpicture on Tue Mar 17, 2009 3:54 pm
Before reading this tutorial, i recommend to read this one:
xSwiftxClawx Guide. READ IT
XSwiftxClawX Basic flash tutorial.
This is a tutorial about the basics of animating in flash.
Here you'll learn how to make smooth stances, walking and fighting.
First set the Fps ( Frames per second ) to 24!
Now you've done that. we start of with walking.
First import the 4 walking frames
Edit>Import>Import to library.
Now take the first walking frame. and add it into a new keyframe.
Then right click and press: Convert to symbol > Graphic.
Then double click on the first walking frame.
Then you'll appear in a new scene.
then make the 1st frame 4 frames long.
Then add another keyframe and add the second walking frame.
Align the head. and then put it 1 pixel down. And make it 6 frames long
Then then do the same and add the 3rd. align it with the head. and put it one pixel up (from the 2nd frame) make it 4 frames long
Then the 4th frame. align it to the head. and do it 1 pixel down ( from the 3rd frame) make it 6 frames long.
Then double click somewhere else into the scene.
and press Ctrl + R. look if the walking is good.
It should look like this:
Now your going to tween it.
Make ur character from 1 frame to another. i would say 90 frames.
Then put the 1st frame before the white opening.
And the 90th frame to the end
But for other lenghts of walking. make it longer till it looks good
Then motion tween
Like this:
Then right click in the frames and press motion tween.
Now it should look like this :
This is the walking part!
xSwiftxClawx Guide. READ IT
XSwiftxClawX Basic flash tutorial.
This is a tutorial about the basics of animating in flash.
Here you'll learn how to make smooth stances, walking and fighting.
First set the Fps ( Frames per second ) to 24!
Now you've done that. we start of with walking.
First import the 4 walking frames
Edit>Import>Import to library.
Now take the first walking frame. and add it into a new keyframe.
Then right click and press: Convert to symbol > Graphic.
Then double click on the first walking frame.
Then you'll appear in a new scene.
then make the 1st frame 4 frames long.
Then add another keyframe and add the second walking frame.
Align the head. and then put it 1 pixel down. And make it 6 frames long
Then then do the same and add the 3rd. align it with the head. and put it one pixel up (from the 2nd frame) make it 4 frames long
Then the 4th frame. align it to the head. and do it 1 pixel down ( from the 3rd frame) make it 6 frames long.
Then double click somewhere else into the scene.
and press Ctrl + R. look if the walking is good.
It should look like this:
Now your going to tween it.
Make ur character from 1 frame to another. i would say 90 frames.
Then put the 1st frame before the white opening.
And the 90th frame to the end
But for other lenghts of walking. make it longer till it looks good
Then motion tween
Like this:
Then right click in the frames and press motion tween.
Now it should look like this :
This is the walking part!
Last edited by J3FFpicture on Tue Mar 17, 2009 4:00 pm; edited 2 times in total
_________________
J3FFpicture- Member
-
Number of posts: 916
Age: 15
Location: Under Gregio's mustache
Registration date: 2008-10-09 
Re: Flash animating basics! [24 Fps]
by J3FFpicture on Tue Mar 17, 2009 3:54 pm
-Reserverd-
For standing. jumping swinging.
For standing. jumping swinging.
Last edited by J3FFpicture on Tue Mar 17, 2009 4:01 pm; edited 1 time in total
_________________
J3FFpicture- Member
- Number of posts: 916
Age: 15
Location: Under Gregio's mustache
Registration date: 2008-10-09 -
Re: Flash animating basics! [24 Fps]
by J3FFpicture on Tue Mar 17, 2009 3:54 pm
-Reserved-
For figthing
For figthing
Last edited by J3FFpicture on Tue Mar 17, 2009 4:01 pm; edited 1 time in total
_________________
J3FFpicture- Member
- Number of posts: 916
Age: 15
Location: Under Gregio's mustache
Registration date: 2008-10-09 -
Re: Flash animating basics! [24 Fps]
by J3FFpicture on Tue Mar 17, 2009 3:55 pm
-Reserved-
Flowing battle. using skills. distribute to frames
Flowing battle. using skills. distribute to frames
Last edited by J3FFpicture on Tue Mar 17, 2009 4:02 pm; edited 1 time in total
_________________
J3FFpicture- Member
- Number of posts: 916
Age: 15
Location: Under Gregio's mustache
Registration date: 2008-10-09 -
Re: Flash animating basics! [24 Fps]
by Mark on Tue Mar 17, 2009 4:01 pm
I can't wait for the rest! :D
_________________
Mark- Graphics Team
- Number of posts: 1412
Age: 12
Registration date: 2008-12-13 -
Re: Flash animating basics! [24 Fps]
by pknova on Tue Mar 17, 2009 4:09 pm
Might wanna add how to delete the black lines under the feet or at the side.
EDIT: I didnt know you could do distribute to frames :o TEACH ME
EDIT: I didnt know you could do distribute to frames :o TEACH ME
pknova- Graphics Team
- Number of posts: 1233
Age: 14
Location: Finaly home :3
Registration date: 2008-12-13 -
Re: Flash animating basics! [24 Fps]
by J3FFpicture on Tue Mar 17, 2009 4:10 pm
Wich black lines Pk?
_________________
J3FFpicture- Member
- Number of posts: 916
Age: 15
Location: Under Gregio's mustache
Registration date: 2008-10-09 -
Re: Flash animating basics! [24 Fps]
by pknova on Tue Mar 17, 2009 4:23 pm
Look at the walking frames and look under the feet.
They are gray sry XD
They are gray sry XD
pknova- Graphics Team
- Number of posts: 1233
Age: 14
Location: Finaly home :3
Registration date: 2008-12-13 -
Re: Flash animating basics! [24 Fps]
by J3FFpicture on Tue Mar 17, 2009 4:24 pm
i think in a photo editing program
_________________
J3FFpicture- Member
- Number of posts: 916
Age: 15
Location: Under Gregio's mustache
Registration date: 2008-10-09 -
Re: Flash animating basics! [24 Fps]
by Neo on Tue Mar 17, 2009 5:02 pm
lol i cant wait for the other tutorial =D
you rock jeff
you rock jeff
_________________
Credit to Sai for the Hair/Headphone
Neo- Jr. Map Maker
- Number of posts: 813
Age: 14
Location: Map World
Registration date: 2008-10-19 -
Re: Flash animating basics! [24 Fps]
by ThEPhOeNiX on Tue Mar 17, 2009 6:12 pm
I can't wait for teh res either. It's time to fully activate mah Animaturs skills
_________________
ThEPhOeNiX- Member
- Number of posts: 874
Age: 15
Location: At Home.....Alone.....Dead
Registration date: 2008-12-27 -
Re: Flash animating basics! [24 Fps]
by Peridot on Tue Mar 17, 2009 9:11 pm
The black lines are there because of the X and Y coordinates being a decimal. You have to change it to a whole number for the image to look like the original.
_________________
Peridot- Comics Team
- Number of posts: 862
Age: 12
Location: Photoshop Cs3
Registration date: 2008-10-16 -
Re: Flash animating basics! [24 Fps]
by pknova on Wed Mar 18, 2009 9:59 am
Peridot wrote:The black lines are there because of the X and Y coordinates being a decimal. You have to change it to a whole number for the image to look like the original.
If its like X: 15.9 Y: 68.6 there will be a black/grey line some where. But if you have X: 15 Y: 68 there wont be any black/grey lines :D
Happy flashin XD
pknova- Graphics Team
- Number of posts: 1233
Age: 14
Location: Finaly home :3
Registration date: 2008-12-13 -
Re: Flash animating basics! [24 Fps]
by GlobalGuides on Wed Mar 18, 2009 3:43 pm
Rly nice tutorial, definitely gonna check more of them, maybe I will actually learn something O.o (No school for me, gimme jeff's Tutorials :P)
GlobalGuides- Member
- Number of posts: 216
Age: 15
Location: In a box
Registration date: 2009-01-27 -
Re: Flash animating basics! [24 Fps]
by Miki on Thu Mar 19, 2009 10:36 pm
Can't wait for the other tutorials...
_________________
Happiness
llllllllll
Miki- Member
-
Number of posts: 2397
Age: 13
Location: Who knows...
Registration date: 2008-10-27 -
Pixel
by Kimiyura on Mon Mar 23, 2009 11:51 pm
What pixel thing are you talking about?
Oh Wait, nvm. I'm just wondering if you could tell us how many frames do each movements need to be wide apart for every movement of a character. Also, how did you find out?
How do you guys upload those animations on this web?
Oh Wait, nvm. I'm just wondering if you could tell us how many frames do each movements need to be wide apart for every movement of a character. Also, how did you find out?
How do you guys upload those animations on this web?
Kimiyura- Member
- Number of posts: 88
Age: 17
Location: Animation
Registration date: 2009-03-24 -
Re: Flash animating basics! [24 Fps]
by Miki on Tue Mar 24, 2009 12:07 am
it is not general. Everybody has their preferences. I, save my animation as a swf file, then upload it onto a websiteand then copy the url into the link button helpfully between the colour adjustment and the picture button.
_________________
Happiness
llllllllll
Miki- Member
- Number of posts: 2397
Age: 13
Location: Who knows...
Registration date: 2008-10-27 -
Re: Flash animating basics! [24 Fps]
by kane on Wed Mar 25, 2009 2:51 pm
cant wait for it its very helpfull ^^
kane- Member
- Number of posts: 17
Age: 14
Location: netherlands
Registration date: 2009-02-03 -
Re: Flash animating basics! [24 Fps]
by mrCYAN on Wed Mar 25, 2009 7:36 pm
ThEPhOeNiX wrote:I can't wait for teh res either. It's time to fully activate mah Animaturs skills
Then go animate.
Seriously.
If you know everything there is to do something, that doesn't mean you can do it.
Say you know everything about football. But can you actually go out on the field and throw the ball at your teammate 20 yards away?
(You don't learn how to do something unless you experience it.)
_________________
I'm pretty damn inactive now, aren't I?
Re-add my on my new MSN.
Re-add my on my new MSN.
mrCYAN- Member
- Number of posts: 1409
Age: 14
Location: In Pallet Town, catching Pikachu before Ash goes to the "dangerous" grass, so pedophile Professor Oak comes out to catch it.
Registration date: 2008-10-08 -
Re: Flash animating basics! [24 Fps]
by thewrongvine on Wed Mar 25, 2009 8:48 pm
But he wants to learn something first. It's like solving an advanced math problem without knowing how to add or subtract, XD.
Okay, not that bad but, :).
Nice tutorial, waiting for the rest! Can't do anything... :banghead:
Okay, not that bad but, :).
Nice tutorial, waiting for the rest! Can't do anything... :banghead:
thewrongvine- Member
- Number of posts: 280
Registration date: 2009-01-10 -
Re: Flash animating basics! [24 Fps]
by mrCYAN on Wed Mar 25, 2009 8:53 pm
Yeah, but it's on your part to learn how to put skills like jumping, walking, and whatnot to make a fighting animation and to make it smooth.
You guys are giving me the image of a beginning artist that knows how to use draw, but needs someone to tell them where to draw their first line.
You guys are giving me the image of a beginning artist that knows how to use draw, but needs someone to tell them where to draw their first line.
_________________
I'm pretty damn inactive now, aren't I?
Re-add my on my new MSN.
Re-add my on my new MSN.
mrCYAN- Member
- Number of posts: 1409
Age: 14
Location: In Pallet Town, catching Pikachu before Ash goes to the "dangerous" grass, so pedophile Professor Oak comes out to catch it.
Registration date: 2008-10-08 -
Re: Flash animating basics! [24 Fps]
by Finolex on Thu Mar 26, 2009 8:55 am
this guide is sooo noob friendly(like me)! your rock jeff! i can't wait for the others to come out!!!
_________________
Finolex- Member
- Number of posts: 129
Age: 13
Location: Singapore
Registration date: 2008-10-08 -
Re: Flash animating basics! [24 Fps]
by J3FFpicture on Thu Mar 26, 2009 11:24 am
Standing, jumping, swinging, in the weekend!
_________________
J3FFpicture- Member
- Number of posts: 916
Age: 15
Location: Under Gregio's mustache
Registration date: 2008-10-09 -
Re: Flash animating basics! [24 Fps]
by WCbril on Thu Mar 26, 2009 1:02 pm
Nice guide cant wait for the rest ! :)
WCbril- Member
- Number of posts: 446
Age: 15
Location: Under your bed.
Registration date: 2009-03-26 -
Page 1 of 4 • 1, 2, 3, 4
Permissions of this forum:
You cannot reply to topics in this forum