STORY LOOP FURRY PORN GAMES C SERVICES [?] [R] RND POPULAR | Archived flashes: 229595 |
/disc/ · /res/ — /show/ · /fap/ · /gg/ · /swf/ | P0001 · P2595 · P5190 |
This is the info page for Flash #71867 |
Now loading... |
by: Capn G |
next--- |
next--- |
next--- |
Many of the movies submitted to Newgrounds are of extremely poor quality. When the creators of these movies are questioned, they usually respond: "It's too hard to draw in Flash!" At first I thought this was due to sheer laziness but then it occured to me that perhaps they were simply uneducated as to the correct use of some of Flash's tools. The following tutorial aims to provide that education. |
To draw in Flash, you first have understand how Flash itself draws. Flash uses bezier lines to draw (named after a french mathematican). A bezier is not so much a line as it is a connection between two points. Think about a connect-the-dots game. Beziers work just like that, except the lines are already there and the dots are invisible. These invisible dots are sometimes reffered to as "anchor points" or just "anchors". |
---previous |
---previous |
---previous |
Now the line itself is, as I said, merely a connection between the two anchors. As such it can be easily manipulated. If you place the mouse over a line in Flash a curve will appear below it. If you hold down the button, you will stretch the line into a curve. It can be turned in any direction and will not move because the anchors remain in place. Similarily, if you place the mouse over an anchor, a right angle appears below it. By holding the button down, you can now move the anchor around. |
Those who are really serious about drawing with Flash, will want to acquire a scanner at the least. If you've got deep pockets, you should pick up a WACOM tablet while you're at it. However, since most of us aren't filthy rich, I'll tackle this from a different angle. Throughout this, I'm assuming you have some form of artistic talent. If you don't, I gotta wonder... Why are you reading this? Anyway... Draw what you want to put in your movie on paper. When you're done with it, get a different coloured pencil and go over it, trying to find the basic shapes (squares and circles) that make up the drawing. On the following page is a drawing I nabbed off the net. On the right is the shape break-down. |
Now transfer those basic shapes into flash as best you can using Flash's built-in shapes. Once you're satisfied, add simple connector lines to fill in the rest. Keep your drawing handy at all times for reference! |
Now, here's the part where the bezier thing comes in. You see, whenever a line crosses another line, Flash makes new anchor points. what that means is you can selectively remove lines and keep others (below left). Also, if you don't like where two lines meet, you can delete the point of intersection (below right) and re- arrange the lines by moving the newly created anchor points. The "Snap" function (Ctrl+Alt+G) becomes your best friend now, as it allows you to accurately connect lines to other lines. |
Armed with this technique, you can now remove all the unwanted lines from your blocked-in drawing. After you've done this, you can begin to grab and move the lines around until you've got something closer to the original drawing on paper. Where detail is needed just add new lines. |
Here is the drawing in a fairly finished state. I could continue to add detail by zooming in and using different line thickness (more on that in a minute) but I feel this is all I need and, ultimately, that's what's important. What YOU need for YOUR movie. I feel it's worth mentioning that this process is SLOW. If you think you're spending too much time on it, then you've probably just got it right. |
And now a word on that most elusive quality of drawing: line weight. In order for a drawing to look good it must have some variation in line weight (ie: thickness). In Flash, this is relatively easy. Basically, once your drawing is complete, give it a once over. Any line which forms the outside of something (the edge of an arm, for instance) should be thicker than the interior details. Compare the following two versions of the finished drawing. The difference is more pronounced than you might think! |
Consistant line thickness |
Adjusted line thickness |
If you want to make your work look more like it was inked with a brush, select all the lines and then use the "lines to fills" function. Then press the smooth option. This WILL destroy some of your work however. To combat this, make your lines thicker than you want in the finished product. Well, that's it. I hope you learned something. If time permits (and there is enough interest) I will make an animation tutorial some time later on. So long for now! |
Psylocke is copyright MARVEL comics and used without permission. No violation of copyright is implied or intended. |
smooth function |
replay? |
replay? |
replay? |
ActionScript [AS1/AS2]
Frame 1ifFrameLoaded (15) { gotoAndPlay (3); }Frame 2gotoAndPlay (1);Frame 3stop();Frame 4stop();Frame 5stop();Frame 6stop();Frame 7stop();Frame 8stop();Frame 9stop();Frame 10stop();Frame 11stop();Frame 12stop();Frame 13stop();Frame 14stop();Frame 15stop();Symbol 11 Buttonon (release) { nextFrame(); }Symbol 23 Buttonon (release) { prevFrame(); }Symbol 60 Buttonon (release) { stopAllSounds(); gotoAndPlay (1); }
Library Items
Symbol 1 Graphic | Used by:Timeline | ||
Symbol 2 Font | Used by:3 13 16 24 26 29 34 41 46 48 49 50 52 53 56 | ||
Symbol 3 Text | Uses:2 | Used by:Timeline | |
Symbol 4 Graphic | Used by:Timeline | ||
Symbol 5 Font | Used by:6 8 9 10 20 21 22 57 58 59 | ||
Symbol 6 Text | Uses:5 | Used by:Timeline | |
Symbol 7 Graphic | Used by:11 23 60 | ||
Symbol 8 Text | Uses:5 | Used by:11 | |
Symbol 9 Text | Uses:5 | Used by:11 | |
Symbol 10 Text | Uses:5 | Used by:11 | |
Symbol 11 Button | Uses:7 8 9 10 | Used by:Timeline | |
Symbol 12 Sound | Used by:Timeline | ||
Symbol 13 Text | Uses:2 | Used by:Timeline | |
Symbol 14 Font | Used by:16 | ||
Symbol 15 Font | Used by:16 48 | ||
Symbol 16 Text | Uses:2 14 15 | Used by:Timeline | |
Symbol 17 Graphic | Used by:19 | ||
Symbol 18 Graphic | Used by:19 40 | ||
Symbol 19 MovieClip | Uses:17 18 | Used by:Timeline | |
Symbol 20 Text | Uses:5 | Used by:23 | |
Symbol 21 Text | Uses:5 | Used by:23 | |
Symbol 22 Text | Uses:5 | Used by:23 | |
Symbol 23 Button | Uses:7 20 21 22 | Used by:Timeline | |
Symbol 24 Text | Uses:2 | Used by:Timeline | |
Symbol 25 Graphic | Used by:Timeline | ||
Symbol 26 Text | Uses:2 | Used by:Timeline | |
Symbol 27 Bitmap | Used by:28 30 31 43 | ||
Symbol 28 Graphic | Uses:27 | Used by:Timeline | |
Symbol 29 Text | Uses:2 | Used by:Timeline | |
Symbol 30 Graphic | Uses:27 | Used by:33 | |
Symbol 31 Graphic | Uses:27 | Used by:33 | |
Symbol 32 Graphic | Used by:33 | ||
Symbol 33 MovieClip | Uses:30 31 32 | Used by:Timeline | |
Symbol 34 Text | Uses:2 | Used by:Timeline | |
Symbol 35 Graphic | Used by:40 | ||
Symbol 36 Graphic | Used by:40 | ||
Symbol 37 ShapeTweening | Used by:40 | ||
Symbol 38 Graphic | Used by:40 | ||
Symbol 39 Graphic | Used by:40 | ||
Symbol 40 MovieClip | Uses:35 36 37 38 18 39 | Used by:Timeline | |
Symbol 41 Text | Uses:2 | Used by:Timeline | |
Symbol 42 Graphic | Used by:45 | ||
Symbol 43 Graphic | Uses:27 | Used by:45 | |
Symbol 44 Graphic | Used by:45 | ||
Symbol 45 MovieClip | Uses:42 43 44 | Used by:Timeline | |
Symbol 46 Text | Uses:2 | Used by:Timeline | |
Symbol 47 Graphic | Used by:Timeline | ||
Symbol 48 Text | Uses:2 15 | Used by:Timeline | |
Symbol 49 Text | Uses:2 | Used by:Timeline | |
Symbol 50 Text | Uses:2 | Used by:Timeline | |
Symbol 51 Graphic | Used by:Timeline | ||
Symbol 52 Text | Uses:2 | Used by:Timeline | |
Symbol 53 Text | Uses:2 | Used by:Timeline | |
Symbol 54 Bitmap | Used by:55 | ||
Symbol 55 Graphic | Uses:54 | Used by:Timeline | |
Symbol 56 Text | Uses:2 | Used by:Timeline | |
Symbol 57 Text | Uses:5 | Used by:60 | |
Symbol 58 Text | Uses:5 | Used by:60 | |
Symbol 59 Text | Uses:5 | Used by:60 | |
Symbol 60 Button | Uses:7 57 58 59 | Used by:Timeline |
|