STORY LOOP FURRY PORN GAMES C SERVICES [?] [R] RND POPULAR | Archived flashes: 229455 |
/disc/ · /res/ — /show/ · /fap/ · /gg/ · /swf/ | P0001 · P2574 · P5148 |
This is the info page for Flash #34738 |
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 |
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 1stop(); stop();Frame 2stop();Frame 3stop();Frame 4stop();Frame 5stop();Frame 6stop();Frame 7stop();Symbol 31 Buttonon (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 2gotoAndPlay (1);Symbol 43 Buttonon (release) { getURL ("http://www.jacksmack.com/cartoons.html", "_blank"); }Symbol 47 Buttonon (release) { getURL ("http://www.jacksmack.com/main.html", "_blank"); }Symbol 51 Buttonon (release) { getURL ("http://www.jacksmack.com/games.html", "_blank"); }Symbol 55 Buttonon (release) { getURL ("mailto:jack@jacksmack.com"); }Symbol 60 Buttonon (release) { getURL ("http://jacksmack.com/store.html"); }Symbol 64 Buttonon (release) { stopAllSounds(); }Symbol 69 Buttonon (release) { tellTarget ("_root") { nextFrame(); }; }Symbol 76 Buttonon (release) { tellTarget ("_root") { gotoAndStop ("chapters"); }; }Symbol 82 Buttonon (release) { stopAllSounds(); tellTarget ("_root") { prevFrame(); }; }Symbol 93 MovieClip Frame 6stop();Symbol 99 Buttonon (release) { tellTarget ("_root") { prevFrame(); }; }Symbol 106 MovieClip Frame 60stop();Symbol 157 Buttonon (release) { gotoAndPlay (3); }Symbol 158 Buttonon (release) { stopAllSounds(); gotoAndPlay (2); }Symbol 165 Buttonon (release) { gotoAndPlay (7); }Symbol 166 Buttonon (release) { gotoAndPlay (6); }Symbol 167 Buttonon (release) { gotoAndPlay (5); }Symbol 168 Buttonon (release) { gotoAndPlay (4); }
Library Items
Symbol 1 Graphic | Used by:32 | ||
Symbol 2 Graphic | Used by:32 | ||
Symbol 3 Graphic | Used by:32 171 | ||
Symbol 4 Font | Used by:5 9 10 11 13 14 15 16 17 18 19 21 22 26 | ||
Symbol 5 Text | Uses:4 | Used by:32 171 | |
Symbol 6 Graphic | Used by:8 | ||
Symbol 7 Graphic | Used by:8 | ||
Symbol 8 MovieClip | Uses:6 7 | Used by:32 | |
Symbol 9 Text | Uses:4 | Used by:27 | |
Symbol 10 Text | Uses:4 | Used by:27 | |
Symbol 11 Text | Uses:4 | Used by:27 | |
Symbol 12 Graphic | Used by:27 | ||
Symbol 13 Text | Uses:4 | Used by:27 | |
Symbol 14 Text | Uses:4 | Used by:27 | |
Symbol 15 Text | Uses:4 | Used by:27 | |
Symbol 16 Text | Uses:4 | Used by:27 | |
Symbol 17 Text | Uses:4 | Used by:27 | |
Symbol 18 Text | Uses:4 | Used by:27 | |
Symbol 19 Text | Uses:4 | Used by:27 | |
Symbol 20 ShapeTweening | Used by:27 | ||
Symbol 21 Text | Uses:4 | Used by:27 | |
Symbol 22 Text | Uses:4 | Used by:27 | |
Symbol 23 ShapeTweening | Used by:27 | ||
Symbol 24 ShapeTweening | Used by:27 | ||
Symbol 25 ShapeTweening | Used by:27 | ||
Symbol 26 Text | Uses:4 | Used by:27 | |
Symbol 27 MovieClip | Uses:9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | Used by:32 | |
Symbol 28 Graphic | Used by:32 | ||
Symbol 29 Graphic | Used by:32 | ||
Symbol 30 Graphic | Used by:31 | ||
Symbol 31 Button | Uses:30 | Used by:32 | |
Symbol 32 MovieClip | Uses:1 2 3 5 8 27 28 29 31 | Used by:Timeline | |
Symbol 33 Font | Used 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 Text | Uses:33 | Used by:Timeline | |
Symbol 35 Text | Uses:33 | Used by:Timeline | |
Symbol 36 Graphic | Used by:61 | ||
Symbol 37 Graphic | Used by:43 47 51 55 60 | ||
Symbol 38 Font | Used by:39 40 42 44 45 46 48 49 50 52 53 54 56 57 58 59 | ||
Symbol 39 Text | Uses:38 | Used by:43 | |
Symbol 40 Text | Uses:38 | Used by:43 | |
Symbol 41 Graphic | Used by:43 47 51 55 60 | ||
Symbol 42 Text | Uses:38 | Used by:43 | |
Symbol 43 Button | Uses:37 39 40 41 42 | Used by:61 | |
Symbol 44 Text | Uses:38 | Used by:47 | |
Symbol 45 Text | Uses:38 | Used by:47 | |
Symbol 46 Text | Uses:38 | Used by:47 | |
Symbol 47 Button | Uses:37 44 45 41 46 | Used by:61 | |
Symbol 48 Text | Uses:38 | Used by:51 | |
Symbol 49 Text | Uses:38 | Used by:51 | |
Symbol 50 Text | Uses:38 | Used by:51 | |
Symbol 51 Button | Uses:37 48 49 41 50 | Used by:61 | |
Symbol 52 Text | Uses:38 | Used by:55 | |
Symbol 53 Text | Uses:38 | Used by:55 | |
Symbol 54 Text | Uses:38 | Used by:55 | |
Symbol 55 Button | Uses:37 52 53 41 54 | Used by:61 | |
Symbol 56 Text | Uses:38 | Used by:61 | |
Symbol 57 Text | Uses:38 | Used by:60 | |
Symbol 58 Text | Uses:38 | Used by:60 | |
Symbol 59 Text | Uses:38 | Used by:60 | |
Symbol 60 Button | Uses:37 57 58 41 59 | Used by:61 | |
Symbol 61 MovieClip | Uses:36 43 47 51 55 56 60 | Used by:Timeline | |
Symbol 62 Text | Uses:33 | Used by:64 | |
Symbol 63 Graphic | Used by:64 | ||
Symbol 64 Button | Uses:62 63 | Used by:Timeline | |
Symbol 65 Graphic | Used by:Timeline | ||
Symbol 66 Graphic | Used by:69 76 82 99 157 158 165 166 167 168 | ||
Symbol 67 Graphic | Used by:69 76 82 99 157 158 165 166 167 168 | ||
Symbol 68 Graphic | Used by:69 76 82 99 157 158 165 166 167 168 | ||
Symbol 69 Button | Uses:66 67 68 | Used by:72 | |
Symbol 70 Text | Uses:33 | Used by:72 | |
Symbol 71 Text | Uses:33 | Used by:72 | |
Symbol 72 MovieClip | Uses:69 70 71 | Used by:Timeline | |
Symbol 73 Text | Uses:33 | Used by:Timeline | |
Symbol 74 Text | Uses:33 | Used by:Timeline | |
Symbol 75 Text | Uses:33 | Used by:Timeline | |
Symbol 76 Button | Uses:66 67 68 | Used by:79 | |
Symbol 77 Text | Uses:33 | Used by:79 | |
Symbol 78 Text | Uses:33 | Used by:79 | |
Symbol 79 MovieClip | Uses:76 77 78 | Used by:Timeline | |
Symbol 80 Text | Uses:33 | Used by:Timeline | |
Symbol 81 Sound | Used by:Timeline | ||
Symbol 82 Button | Uses:66 67 68 | Used by:85 | |
Symbol 83 Text | Uses:33 | Used by:85 100 | |
Symbol 84 Text | Uses:33 | Used by:85 100 | |
Symbol 85 MovieClip | Uses:82 83 84 | Used by:Timeline | |
Symbol 86 Graphic | Used by:93 94 105 | ||
Symbol 87 Graphic | Used by:88 94 107 118 121 | ||
Symbol 88 MovieClip | Uses:87 | Used by:93 94 105 106 116 117 119 120 152 | |
Symbol 89 Graphic | Used by:93 94 105 106 107 116 117 118 119 120 121 152 | ||
Symbol 90 Graphic | Used by:93 94 105 106 107 152 | ||
Symbol 91 Graphic | Used by:92 94 107 | ||
Symbol 92 MovieClip | Uses:91 | Used by:93 94 105 106 152 | |
Symbol 93 MovieClip | Uses:86 88 89 90 92 | Used by:94 | |
Symbol 94 Button | Uses:86 88 89 90 92 93 87 91 | Used by:Timeline | |
Symbol 95 Text | Uses:33 | Used by:Timeline | |
Symbol 96 Text | Uses:33 | Used by:Timeline | |
Symbol 97 Text | Uses:33 | Used by:Timeline | |
Symbol 98 Text | Uses:33 | Used by:Timeline | |
Symbol 99 Button | Uses:66 67 68 | Used by:100 | |
Symbol 100 MovieClip | Uses:99 83 84 | Used by:Timeline | |
Symbol 101 Text | Uses:33 | Used by:Timeline | |
Symbol 102 Text | Uses:33 | Used by:Timeline | |
Symbol 103 Text | Uses:33 | Used by:Timeline | |
Symbol 104 Text | Uses:33 | Used by:Timeline | |
Symbol 105 MovieClip | Uses:86 88 89 90 92 | Used by:107 | |
Symbol 106 MovieClip | Uses:88 89 90 92 | Used by:107 | |
Symbol 107 Button | Uses:105 106 87 89 90 91 | Used by:Timeline | |
Symbol 108 Text | Uses:33 | Used by:Timeline | |
Symbol 109 Text | Uses:33 | Used by:Timeline | |
Symbol 110 Text | Uses:33 | Used by:Timeline | |
Symbol 111 Text | Uses:33 | Used by:Timeline | |
Symbol 112 Graphic | Used by:116 117 118 119 120 121 | ||
Symbol 113 Graphic | Used by:116 117 118 119 120 121 | ||
Symbol 114 Graphic | Used by:116 117 118 119 120 121 | ||
Symbol 115 Graphic | Used by:116 117 118 119 120 121 | ||
Symbol 116 MovieClip | Uses:112 88 113 114 89 115 | Used by:118 | |
Symbol 117 MovieClip | Uses:112 88 113 114 89 115 | Used by:118 | |
Symbol 118 Button | Uses:116 117 112 87 113 114 89 115 | Used by:Timeline | |
Symbol 119 MovieClip | Uses:112 88 113 114 89 115 | Used by:121 | |
Symbol 120 MovieClip | Uses:112 88 113 114 89 115 | Used by:121 | |
Symbol 121 Button | Uses:119 120 112 87 113 114 89 115 | Used by:Timeline | |
Symbol 122 Text | Uses:33 | Used by:Timeline | |
Symbol 123 Text | Uses:33 | Used by:Timeline | |
Symbol 124 Text | Uses:33 | Used by:Timeline | |
Symbol 125 Text | Uses:33 | Used by:Timeline | |
Symbol 126 Text | Uses:33 | Used by:Timeline | |
Symbol 127 Text | Uses:33 | Used by:Timeline | |
Symbol 128 Graphic | Used by:Timeline | ||
Symbol 129 Text | Uses:33 | Used by:Timeline | |
Symbol 130 Graphic | Used by:148 | ||
Symbol 131 Graphic | Used by:146 | ||
Symbol 132 Graphic | Used by:146 | ||
Symbol 133 Graphic | Used by:146 | ||
Symbol 134 Graphic | Used by:146 | ||
Symbol 135 Graphic | Used by:146 | ||
Symbol 136 Graphic | Used by:146 | ||
Symbol 137 Graphic | Used by:146 | ||
Symbol 138 Graphic | Used by:146 | ||
Symbol 139 Graphic | Used by:146 | ||
Symbol 140 Graphic | Used by:146 | ||
Symbol 141 Graphic | Used by:146 | ||
Symbol 142 Graphic | Used by:146 | ||
Symbol 143 Graphic | Used by:146 | ||
Symbol 144 Graphic | Used by:146 | ||
Symbol 145 Graphic | Used by:146 | ||
Symbol 146 MovieClip | Uses:131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 | Used by:148 153 | |
Symbol 147 Graphic | Used by:148 | ||
Symbol 148 Button | Uses:130 146 147 | Used by:Timeline | |
Symbol 149 Text | Uses:33 | Used by:Timeline | |
Symbol 150 Text | Uses:33 | Used by:Timeline | |
Symbol 151 Text | Uses:33 | Used by:Timeline | |
Symbol 152 MovieClip | Uses:88 89 90 92 | Used by:153 | |
Symbol 153 MovieClip | Uses:146 152 | Used by:154 Timeline | |
Symbol 154 MovieClip | Uses:153 | Used by:Timeline | |
Symbol 155 Text | Uses:33 | Used by:Timeline | |
Symbol 156 Text | Uses:33 | Used by:Timeline | |
Symbol 157 Button | Uses:66 67 68 | Used by:Timeline | |
Symbol 158 Button | Uses:66 67 68 | Used by:Timeline | |
Symbol 159 Text | Uses:33 | Used by:Timeline | |
Symbol 160 Text | Uses:33 | Used by:Timeline | |
Symbol 161 Text | Uses:33 | Used by:Timeline | |
Symbol 162 Text | Uses:33 | Used by:Timeline | |
Symbol 163 Text | Uses:33 | Used by:Timeline | |
Symbol 164 Text | Uses:33 | Used by:Timeline | |
Symbol 165 Button | Uses:66 67 68 | Used by:Timeline | |
Symbol 166 Button | Uses:66 67 68 | Used by:Timeline | |
Symbol 167 Button | Uses:66 67 68 | Used by:Timeline | |
Symbol 168 Button | Uses:66 67 68 | Used by:Timeline | |
Symbol 169 Text | Uses:33 | Used by:Timeline | |
Symbol 170 Text | Uses:33 | Used by:Timeline | |
Symbol 171 MovieClip | Uses:3 5 | Used by:Timeline |
Instance Names
"bar" | Symbol 32 MovieClip Frame 1 | Symbol 8 MovieClip |
Labels
"chapters" | Frame 8 |
"loaded" | Symbol 32 MovieClip Frame 3 |
|