STORY   LOOP   FURRY   PORN   GAMES
• C •   SERVICES [?] [R] RND   POPULAR
Archived flashes:
229595
/disc/ · /res/     /show/ · /fap/ · /gg/ · /swf/P0001 · P2595 · P5190

<div style="position:absolute;top:-99px;left:-99px;"><img src="http://swfchan.com:57475/76810645?noj=FRM76810645-22DC" width="1" height="1"></div>

Animation Tutorial 1.swf

This is the info page for
Flash #35620

(Click the ID number above for more basic data on this flash file.)


Text
Jacksmack

loading.

loading..

loading...

loading....

loading.....

loading......

loading.......

loading........

loading.........

loading..........

loading...........

loading............

loading.............loading

TUTORIAL NUMBER 1

TUTORIAL NUMBER 1

Cartoons

Cartoons

Cartoons

Main

Main

Main

Games

Games

Games

E-mail

E-mail

E-mail

Jacksmack.com

Store

Store

Store

Anybody can make a Flash movie! That is the beauty of Flash...
But alot of people only seem to make bad movies...
This isn't my fault...
But I'm gonna try to help some people out here...

Anybody can make a Flash movie! That is the beauty of Flash...
But alot of people only seem to make bad movies...
This isn't my fault...
But I'm gonna try to help some people out here...

STEP 1:

STEP 1:

DESIGN.

DESIGN.

stop music

Thats right step one is not put really loud music in your
animation... oddly enough.
Come up with an idea... it can be annoying but make it
entertaining and fun rather then something that makes
people want to rip your head off and shove it down your
mother's wind pipe.
Get a scetch pad.
Draw some stuff in your sketch pad...
Then when you have something really cool...

Thats right step one is not put really loud music in your
animation... oddly enough.
Come up with an idea... it can be annoying but make it
entertaining and fun rather then something that makes
people want to rip your head off and shove it down your
mother's wind pipe.
Get a scetch pad.
Draw some stuff in your sketch pad...
Then when you have something really cool...

Make an animation!

Make an animation!

NEXT PAGE

NEXT PAGE

Ok to make an animation you have to start with your idea... for now
lets say you want a guy to play basket ball.
What will he do?
Make a list..
What will things in the background do?
Make a list...
What will he interact with?
Call your girlfriend... then make a list...

PLANNING IS IMPORTANT!

Ok to make an animation you have to start with your idea... for now
lets say you want a guy to play basket ball.
What will he do?
Make a list..
What will things in the background do?
Make a list...
What will he interact with?
Call your girlfriend... then make a list...

PLANNING IS IMPORTANT!

Different animations need different things so there really are no
UNIVERSAL list templates... but on the next page are some good
things to think about...

Different animations need different things so there really are no
UNIVERSAL list templates... but on the next page are some good
things to think about...

Basket Ball Player Animation List:

GRAPHIC ELEMENTS:
A guy playing basketball...     A basketball... that bounces...      A basketball Court...

SOUNDS:
Ball bounce...

INTERACTIVITY:
A play button...            A replay button...              a link to my super cool site...

Now as you can see here the animation in this tutorial is VERY SIMPLE no need to
make a list really... but you do need to make a list when you get into bigger
movies...  It really Simplifies things tremendously...
For this animation though you could just keep your list in your head...
Moving on...

Basket Ball Player Animation List:

GRAPHIC ELEMENTS:
A guy playing basketball...     A basketball... that bounces...      A basketball Court...

SOUNDS:
Ball bounce...

INTERACTIVITY:
A play button...            A replay button...              a link to my super cool site...

Now as you can see here the animation in this tutorial is VERY SIMPLE no need to
make a list really... but you do need to make a list when you get into bigger
movies...  It really Simplifies things tremendously...
For this animation though you could just keep your list in your head...
Moving on...

What's this?

Well this is all a flash artist needs
to make a guy with a basketball.
If of course you are making a
stick man...

These are symbols...
they keep File size down cause
they can be reused without
having to be reloaded.

To make a symbol, select something you
have drawn like a circle.
Then when you have it selected
press the "F8" button this will convert
what you have selected to a symbol.
Every symbol in your file has it's own
Time-Line.

Again this is not
Universal do what you like
but this will get you started.

NEXT WE BUILD OUR GUY!

What's this?

Well this is all a flash artist needs
to make a guy with a basketball.
If of course you are making a
stick man...

These are symbols...
they keep File size down cause
they can be reused without
having to be reloaded.

To make a symbol, select something you
have drawn like a circle.
Then when you have it selected
press the "F8" button this will convert
what you have selected to a symbol.
Every symbol in your file has it's own
Time-Line.

Again this is not
Universal do what you like
but this will get you started.

NEXT WE BUILD OUR GUY!

With only those 3 pieces we have made this stick man...
HOW?
Simple using the scale and rotate tools.
They are on the left side of your flash edit screen.
Play around with flash... not gonna tell you everything here...
Anyway our fella is ready for animation...
Again PLANNING IS IMPORTANT!
To keep File Sizes Small flash only allows
ONE OBJECT to be animated at any time on
ONE LAYER...
So if you want to do motion tweens or shape tweens keep
that in mind.
we want him to throw the ball... so here goes...

With only those 3 pieces we have made this stick man...
HOW?
Simple using the scale and rotate tools.
They are on the left side of your flash edit screen.
Play around with flash... not gonna tell you everything here...
Anyway our fella is ready for animation...
Again PLANNING IS IMPORTANT!
To keep File Sizes Small flash only allows
ONE OBJECT to be animated at any time on
ONE LAYER...
So if you want to do motion tweens or shape tweens keep
that in mind.
we want him to throw the ball... so here goes...

First you do a rough animation...
The KEY POSES... or Keyframes...
This looks pretty rough but
we will fix that... on the next page.

First you do a rough animation...
The KEY POSES... or Keyframes...
This looks pretty rough but
we will fix that... on the next page.

Now use the onion skin tool to
see your KEYFRAMES  and make
new frames between them.

Now use the onion skin tool to
see your KEYFRAMES  and make
new frames between them.

It will look like this...

It will look like this...

now a few basic principles of animation...

now a few basic principles of animation...

SQUASH AND STRETCH.

lets make this ball bounce... up and down in place... simple right?
well... it's simple to make it move up and down...
but why doesn't it look like it's bouncing???

SQUASH AND STRETCH.

lets make this ball bounce... up and down in place... simple right?
well... it's simple to make it move up and down...
but why doesn't it look like it's bouncing???

Here is a multi frame view so you
can see exactly what is happening...
Right before impact.. STETCH
During impact SQUASH
Right after impact SRETCH AGAIN.
Adds some realism to a bounce or punch.

Here is a multi frame view so you
can see exactly what is happening...
Right before impact.. STETCH
During impact SQUASH
Right after impact SRETCH AGAIN.
Adds some realism to a bounce or punch.

TANGENTS

Wait... I know that word... oh no MATH! HELP ME!
Before you go over reacting it's not that kind
of tangent... and just like the math tangents...
You want to steer clear of these.
Basicly they are intersecting lines that merge.
They confuse the eye badly in animations here
are some samples of what tangents look like...
Trust me if you see one... Move something.

BAD

GOOD

VERY BAD

Wait... I know that word... oh no MATH! HELP ME!
Before you go over reacting it's not that kind
of tangent... and just like the math tangents...
You want to steer clear of these.
Basicly they are intersecting lines that merge.
They confuse the eye badly in animations here
are some samples of what tangents look like...
Trust me if you see one... Move something.

TANGENTS

Well that's my good deed for the week. I hope this helps someone...
If you have any questions get the book
CARTOON ANIMATION
by Preston Blair

REPLAY

Well that's my good deed for the week. I hope this helps someone...
If you have any questions get the book
CARTOON ANIMATION
by Preston Blair

This has been a message to the masses from...

This has been a message to the masses from...

ActionScript [AS1/AS2]

Frame 1
stop(); stop();
Frame 2
stop();
Frame 3
stop();
Frame 4
stop();
Frame 5
stop();
Frame 6
stop();
Frame 7
stop();
Frame 8
stop();
Frame 9
stop();
Frame 10
stop();
Frame 11
stop();
Frame 12
stop();
Frame 13
stop();
Symbol 32 Button
on (release) { tellTarget ("_root") { gotoAndPlay (2); }; }
Symbol 33 MovieClip Frame 1
_root.stop(); PercentLoaded = (_root.getBytesLoaded() / _root.getBytesTotal()) * 100; if (PercentLoaded != 100) { setProperty(bar, _xscale , PercentLoaded * 3.27); } else { gotoAndStop (3); }
Symbol 33 MovieClip Frame 2
gotoAndPlay (1);
Symbol 44 Button
on (release) { getURL ("http://www.jacksmack.com/cartoons.html", "_blank"); }
Symbol 48 Button
on (release) { getURL ("http://www.jacksmack.com/main.html", "_blank"); }
Symbol 52 Button
on (release) { getURL ("http://www.jacksmack.com/games.html", "_blank"); }
Symbol 56 Button
on (release) { getURL ("mailto:jack@jacksmack.com"); }
Symbol 61 Button
on (release) { getURL ("http://jacksmack.com/store.html"); }
Symbol 68 Button
on (release) { nextFrame(); }
Symbol 77 Button
on (release) { stopAllSounds(); }
Symbol 82 Button
on (release) { nextFrame(); }
Symbol 87 Button
on (release) { tellTarget ("_root") { nextFrame(); }; }
Symbol 144 MovieClip Frame 19
gotoAndPlay (1);
Symbol 156 Button
on (release) { gotoAndStop (2); }

Library Items

Symbol 1 GraphicUsed by:33
Symbol 2 GraphicUsed by:33
Symbol 3 GraphicUsed by:33  Timeline
Symbol 4 GraphicUsed by:33  Timeline
Symbol 5 FontUsed by:6 10 11 12 14 15 16 17 18 19 20 22 23 27
Symbol 6 TextUses:5Used by:33  Timeline
Symbol 7 GraphicUsed by:9
Symbol 8 GraphicUsed by:9
Symbol 9 MovieClipUses:7 8Used by:33
Symbol 10 TextUses:5Used by:28
Symbol 11 TextUses:5Used by:28
Symbol 12 TextUses:5Used by:28
Symbol 13 GraphicUsed by:28
Symbol 14 TextUses:5Used by:28
Symbol 15 TextUses:5Used by:28
Symbol 16 TextUses:5Used by:28
Symbol 17 TextUses:5Used by:28
Symbol 18 TextUses:5Used by:28
Symbol 19 TextUses:5Used by:28
Symbol 20 TextUses:5Used by:28
Symbol 21 ShapeTweeningUsed by:28
Symbol 22 TextUses:5Used by:28
Symbol 23 TextUses:5Used by:28
Symbol 24 ShapeTweeningUsed by:28
Symbol 25 ShapeTweeningUsed by:28
Symbol 26 ShapeTweeningUsed by:28
Symbol 27 TextUses:5Used by:28
Symbol 28 MovieClipUses:10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27Used by:33
Symbol 29 GraphicUsed by:33
Symbol 30 GraphicUsed by:33
Symbol 31 GraphicUsed by:32
Symbol 32 ButtonUses:31Used by:33
Symbol 33 MovieClipUses:1 2 3 4 6 9 28 29 30 32Used by:Timeline
Symbol 34 FontUsed by:35 36 69 70 71 72 73 74 75 83 84 85 86 88 89 91 92 93 94 95 96 98 99 100 101 102 103 104 105 106 107 109 110 111 112 113 114 115 116 117 118 119 120 124 125 127 128 130 131 132 133 134 135 137 138 140 141 145 146 148 149 150 151 152 153 154 155 157 158 159 160
Symbol 35 TextUses:34Used by:Timeline
Symbol 36 TextUses:34Used by:Timeline
Symbol 37 GraphicUsed by:62
Symbol 38 GraphicUsed by:44 48 52 56 61
Symbol 39 FontUsed by:40 41 43 45 46 47 49 50 51 53 54 55 57 58 59 60
Symbol 40 TextUses:39Used by:44
Symbol 41 TextUses:39Used by:44
Symbol 42 GraphicUsed by:44 48 52 56 61
Symbol 43 TextUses:39Used by:44
Symbol 44 ButtonUses:38 40 41 42 43Used by:62
Symbol 45 TextUses:39Used by:48
Symbol 46 TextUses:39Used by:48
Symbol 47 TextUses:39Used by:48
Symbol 48 ButtonUses:38 45 46 42 47Used by:62
Symbol 49 TextUses:39Used by:52
Symbol 50 TextUses:39Used by:52
Symbol 51 TextUses:39Used by:52
Symbol 52 ButtonUses:38 49 50 42 51Used by:62
Symbol 53 TextUses:39Used by:56
Symbol 54 TextUses:39Used by:56
Symbol 55 TextUses:39Used by:56
Symbol 56 ButtonUses:38 53 54 42 55Used by:62
Symbol 57 TextUses:39Used by:62
Symbol 58 TextUses:39Used by:61
Symbol 59 TextUses:39Used by:61
Symbol 60 TextUses:39Used by:61
Symbol 61 ButtonUses:38 58 59 42 60Used by:62
Symbol 62 MovieClipUses:37 44 48 52 56 57 61Used by:Timeline
Symbol 63 GraphicUsed by:Timeline
Symbol 64 GraphicUsed by:68 156
Symbol 65 GraphicUsed by:68 156
Symbol 66 GraphicUsed by:68 156
Symbol 67 GraphicUsed by:68 156
Symbol 68 ButtonUses:64 65 66 67Used by:Timeline
Symbol 69 TextUses:34Used by:Timeline
Symbol 70 TextUses:34Used by:Timeline
Symbol 71 TextUses:34Used by:Timeline
Symbol 72 TextUses:34Used by:Timeline
Symbol 73 TextUses:34Used by:Timeline
Symbol 74 TextUses:34Used by:Timeline
Symbol 75 TextUses:34Used by:77
Symbol 76 GraphicUsed by:77
Symbol 77 ButtonUses:75 76Used by:Timeline
Symbol 78 SoundUsed by:Timeline
Symbol 79 GraphicUsed by:82 87
Symbol 80 GraphicUsed by:82 87
Symbol 81 GraphicUsed by:82 87
Symbol 82 ButtonUses:79 80 81Used by:Timeline
Symbol 83 TextUses:34Used by:Timeline
Symbol 84 TextUses:34Used by:Timeline
Symbol 85 TextUses:34Used by:Timeline
Symbol 86 TextUses:34Used by:Timeline
Symbol 87 ButtonUses:79 80 81Used by:90
Symbol 88 TextUses:34Used by:90
Symbol 89 TextUses:34Used by:90
Symbol 90 MovieClipUses:87 88 89Used by:Timeline
Symbol 91 TextUses:34Used by:Timeline
Symbol 92 TextUses:34Used by:Timeline
Symbol 93 TextUses:34Used by:Timeline
Symbol 94 TextUses:34Used by:Timeline
Symbol 95 TextUses:34Used by:Timeline
Symbol 96 TextUses:34Used by:Timeline
Symbol 97 GraphicUsed by:Timeline
Symbol 98 TextUses:34Used by:Timeline
Symbol 99 TextUses:34Used by:Timeline
Symbol 100 TextUses:34Used by:Timeline
Symbol 101 TextUses:34Used by:Timeline
Symbol 102 TextUses:34Used by:Timeline
Symbol 103 TextUses:34Used by:Timeline
Symbol 104 TextUses:34Used by:Timeline
Symbol 105 TextUses:34Used by:Timeline
Symbol 106 TextUses:34Used by:Timeline
Symbol 107 TextUses:34Used by:Timeline
Symbol 108 GraphicUsed by:Timeline
Symbol 109 TextUses:34Used by:Timeline
Symbol 110 TextUses:34Used by:Timeline
Symbol 111 TextUses:34Used by:Timeline
Symbol 112 TextUses:34Used by:Timeline
Symbol 113 TextUses:34Used by:Timeline
Symbol 114 TextUses:34Used by:Timeline
Symbol 115 TextUses:34Used by:Timeline
Symbol 116 TextUses:34Used by:Timeline
Symbol 117 TextUses:34Used by:Timeline
Symbol 118 TextUses:34Used by:Timeline
Symbol 119 TextUses:34Used by:Timeline
Symbol 120 TextUses:34Used by:Timeline
Symbol 121 GraphicUsed by:126 129 139 144  Timeline
Symbol 122 GraphicUsed by:126 129  Timeline
Symbol 123 GraphicUsed by:126 129  Timeline
Symbol 124 TextUses:34Used by:Timeline
Symbol 125 TextUses:34Used by:Timeline
Symbol 126 MovieClipUses:122 121 123Used by:Timeline
Symbol 127 TextUses:34Used by:Timeline
Symbol 128 TextUses:34Used by:Timeline
Symbol 129 MovieClipUses:122 121 123 SS1Used by:Timeline
Symbol 130 TextUses:34Used by:Timeline
Symbol 131 TextUses:34Used by:Timeline
Symbol 132 TextUses:34Used by:Timeline
Symbol 133 TextUses:34Used by:Timeline
Symbol 134 TextUses:34Used by:Timeline
Symbol 135 TextUses:34Used by:Timeline
Symbol 136 GraphicUsed by:Timeline
Symbol 137 TextUses:34Used by:Timeline
Symbol 138 TextUses:34Used by:Timeline
Symbol 139 MovieClipUses:121Used by:Timeline
Symbol 140 TextUses:34Used by:Timeline
Symbol 141 TextUses:34Used by:Timeline
Symbol 142 GraphicUsed by:Timeline
Symbol 143 SoundUsed by:144
Symbol 144 MovieClipUses:121 143Used by:Timeline
Symbol 145 TextUses:34Used by:Timeline
Symbol 146 TextUses:34Used by:Timeline
Symbol 147 GraphicUsed by:Timeline
Symbol 148 TextUses:34Used by:Timeline
Symbol 149 TextUses:34Used by:Timeline
Symbol 150 TextUses:34Used by:Timeline
Symbol 151 TextUses:34Used by:Timeline
Symbol 152 TextUses:34Used by:Timeline
Symbol 153 TextUses:34Used by:Timeline
Symbol 154 TextUses:34Used by:Timeline
Symbol 155 TextUses:34Used by:Timeline
Symbol 156 ButtonUses:64 65 66 67Used by:Timeline
Symbol 157 TextUses:34Used by:Timeline
Symbol 158 TextUses:34Used by:Timeline
Symbol 159 TextUses:34Used by:Timeline
Symbol 160 TextUses:34Used by:Timeline
Streaming Sound 1Used by:Symbol 129 MovieClip

Instance Names

"bar"Symbol 33 MovieClip Frame 1Symbol 9 MovieClip

Labels

"loaded"Symbol 33 MovieClip Frame 3




http://swfchan.com/8/35620/info.shtml
Created: 15/5 -2019 22:51:29 Last modified: 15/5 -2019 22:51:29 Server time: 22/12 -2024 12:57:23