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

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

Animation Tutorial 2.swf

This is the info page for
Flash #34738

(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 2

TUTORIAL NUMBER 2

Cartoons

Cartoons

Cartoons

Main

Main

Main

Games

Games

Games

E-mail

E-mail

E-mail

Jacksmack.com

Store

Store

Store

stop music

NEXT PAGE

NEXT PAGE

Character Design.

Character Design.

Well If you saw the first tutorial you know how to make a stick man...
Now I'm going to explain the finer points of making a more detailed character.
This can be pretty confusing and frustrating in Flash...
but this tutorial is hereto help you out.
Once again PLANNING IS THE KEY... No one likes to hear that but it's true... do the
hard work first and everything else will fall into place and animation can be...
FUN!

CHAPTERS

CHAPTERS

Well If you saw the first tutorial you know how to make a stick man...
Now I'm going to explain the finer points of making a more detailed character.
This can be pretty confusing and frustrating in Flash...
but this tutorial is hereto help you out.
Once again PLANNING IS THE KEY... No one likes to hear that but it's true... do the
hard work first and everything else will fall into place and animation can be...
FUN!

LAST PAGE

LAST PAGE

Meet Divit!

Meet Divit!

Divit is one of the characters in an animation I'm
working on called SHORT BUS.   I took the time to
design him so he could be animated easily... This
saves me having to redraw him every time he
moves around.
Hold your mouse over Divit and you will see how
he is split into 8 parts. EACH PART IS ON A DIFFERENT
LEVEL.  So they can be animated all at once...
ALSO: in an animation Divit is his own symbol so I do
NOT have the 8 layers on my main timeline.  This is
VERY hard to manage but with practice you can do it
too.   For now I'm going to explain how he is made
and why it is important to do this.
Moving on...

Divit is one of the characters in an animation I'm
working on called SHORT BUS.   I took the time to
design him so he could be animated easily... This
saves me having to redraw him every time he
moves around.
Hold your mouse over Divit and you will see how
he is split into 8 parts. EACH PART IS ON A DIFFERENT
LEVEL.  So they can be animated all at once...
ALSO: in an animation Divit is his own symbol so I do
NOT have the 8 layers on my main timeline.  This is
VERY hard to manage but with practice you can do it
too.   For now I'm going to explain how he is made
and why it is important to do this.
Moving on...

WHY SO MANY PARTS?

WHY SO MANY PARTS?

The reason I use so many parts is so that I have a FREE RANGE OF MOTION without having to put in more
drawings.  By breaking your characters up into small pieces you can rotate each piece independently...
Be Sure to put your character's parts on different levels so they can be motion tweened.  If all your parts
are on one level this technique will not work...  Don't say I didn't warn ya.
You will run into a few problems  using this system of course but they are EASILY corrected with an extra
keyframe or two... More on that later.
The good thing about doing this is you can make many different  animation LOOPS or CYCLES...  you can
make your character walk in place and move them around the screen... this comes in handy when you
are makeing multiples of a character and want  several of them on screen at one time.
To see what kind of motion can be obtained in about 4 min worth of work... hold your mouse
over Divit and he will show you...
Click the next page button to proceed...

The reason I use so many parts is so that I have a FREE RANGE OF MOTION without having to put in more
drawings.  By breaking your characters up into small pieces you can rotate each piece independently...
Be Sure to put your character's parts on different levels so they can be motion tweened.  If all your parts
are on one level this technique will not work...  Don't say I didn't warn ya.
You will run into a few problems  using this system of course but they are EASILY corrected with an extra
keyframe or two... More on that later.
The good thing about doing this is you can make many different  animation LOOPS or CYCLES...  you can
make your character walk in place and move them around the screen... this comes in handy when you
are makeing multiples of a character and want  several of them on screen at one time.
To see what kind of motion can be obtained in about 4 min worth of work... hold your mouse
over Divit and he will show you...
Click the next page button to proceed...

IMPORTANT STUFF!

IMPORTANT STUFF!

When you are designing your character be sure to edit your symbols AFTER
you make them into symbols... If you look to the right you will notice the
small crosses on the two parts of the arm...
THESE ARE THE ROTATION POINTS FOR THOSE PIECES!!!
This is VERY IMPORTANT TO GET RIGHT!!!
Now I'm not going to say it's important and not give you examples.
Hold your mouse over the different  ARMS and ARM pieces  on this
Page to see correct and incorrect rotation and what can happen
if things arn't set up correctly...
This is the place where I have made the most mistakes in my animations...
So pay attention here and get  it right the first time... you will be alot happier if you
take the time to do this right  rather than compensate for something you could
have had working correctly half way thorugh an animation.
You know the drill click next to go on to the other stuff...

When you are designing your character be sure to edit your symbols AFTER
you make them into symbols... If you look to the right you will notice the
small crosses on the two parts of the arm...
THESE ARE THE ROTATION POINTS FOR THOSE PIECES!!!
This is VERY IMPORTANT TO GET RIGHT!!!
Now I'm not going to say it's important and not give you examples.
Hold your mouse over the different  ARMS and ARM pieces  on this
Page to see correct and incorrect rotation and what can happen
if things arn't set up correctly...
This is the place where I have made the most mistakes in my animations...
So pay attention here and get  it right the first time... you will be alot happier if you
take the time to do this right  rather than compensate for something you could
have had working correctly half way thorugh an animation.
You know the drill click next to go on to the other stuff...

GOOD!

BAD!

BAD!

GOOD!

What About His Legs?

What About His Legs?

As you might have noticed I haven't shown Divit's  legs moving yet...
Not to worry... That is handled here.
Divits legs are animated differently from the rest of his body...  They
can be animated the same way if you break them apart but I like the
smooth curve of his leg and I want to keep it looking like this witout
a sharp break at the knee...
So I have animated his legs by hand. Below you will see the different frames
in a WALK CYCLE animation.  Hold your mouse over the legs in the top right to see the frames over time.

Slap It Together

Slap It Together

Now that we have all the pieces of a walk cycle the upper body and the legs animated lets see
what it looks like when it's put together...

HOPE YOU FEEL SMARTER!

HOPE YOU FEEL SMARTER!

CHAPTERS

and I hope you like this tutorial.
Please check out my website...
WWW.JACKSMACK.COM
Short Bus is coming soon!

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

and I hope you like this tutorial.
Please check out my website...
WWW.JACKSMACK.COM
Short Bus is coming soon!

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

CHAPTERS

START PAGE
MEET DIVIT!
WHY SO MANY PARTS?
IMPORTANT STUFF!
WHAT ABOUT HIS LEGS?
SLAPPING IT TOGETHER!

START PAGE
MEET DIVIT!
WHY SO MANY PARTS?
IMPORTANT STUFF!
WHAT ABOUT HIS LEGS?
SLAPPING IT TOGETHER!

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();
Symbol 31 Button
on (release) { tellTarget ("_root") { gotoAndPlay (2); }; }
Symbol 32 MovieClip Frame 1
_root.stop(); PercentLoaded = (_root.getBytesLoaded() / _root.getBytesTotal()) * 100; if (PercentLoaded != 100) { setProperty(bar, _xscale , PercentLoaded * 3.27); } else { gotoAndStop (3); }
Symbol 32 MovieClip Frame 2
gotoAndPlay (1);
Symbol 43 Button
on (release) { getURL ("http://www.jacksmack.com/cartoons.html", "_blank"); }
Symbol 47 Button
on (release) { getURL ("http://www.jacksmack.com/main.html", "_blank"); }
Symbol 51 Button
on (release) { getURL ("http://www.jacksmack.com/games.html", "_blank"); }
Symbol 55 Button
on (release) { getURL ("mailto:jack@jacksmack.com"); }
Symbol 60 Button
on (release) { getURL ("http://jacksmack.com/store.html"); }
Symbol 64 Button
on (release) { stopAllSounds(); }
Symbol 69 Button
on (release) { tellTarget ("_root") { nextFrame(); }; }
Symbol 76 Button
on (release) { tellTarget ("_root") { gotoAndStop ("chapters"); }; }
Symbol 82 Button
on (release) { stopAllSounds(); tellTarget ("_root") { prevFrame(); }; }
Symbol 93 MovieClip Frame 6
stop();
Symbol 99 Button
on (release) { tellTarget ("_root") { prevFrame(); }; }
Symbol 106 MovieClip Frame 60
stop();
Symbol 157 Button
on (release) { gotoAndPlay (3); }
Symbol 158 Button
on (release) { stopAllSounds(); gotoAndPlay (2); }
Symbol 165 Button
on (release) { gotoAndPlay (7); }
Symbol 166 Button
on (release) { gotoAndPlay (6); }
Symbol 167 Button
on (release) { gotoAndPlay (5); }
Symbol 168 Button
on (release) { gotoAndPlay (4); }

Library Items

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

Instance Names

"bar"Symbol 32 MovieClip Frame 1Symbol 8 MovieClip

Labels

"chapters"Frame 8
"loaded"Symbol 32 MovieClip Frame 3




http://swfchan.com/7/34738/info.shtml
Created: 16/5 -2019 16:17:49 Last modified: 16/5 -2019 16:17:49 Server time: 12/05 -2024 23:22:52