STORY   LOOP   FURRY   PORN   GAMES
• C •   SERVICES [?] [R] RND   POPULAR		Archived flashes:
228135
/disc/ · /res/   —   /show/ · /fap/ · /gg/ · /swf/P0001 · P2561 · P5122
<div style="position:absolute;top:-99px;left:-99px;"><img src="http://swfchan.com:57475/92181988?noj=FRM92181988-17DC" width="1" height="1"></div>

Better Drawing in Flash.swf

This is the info page for
Flash #71867

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


Text
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 1

	ifFrameLoaded (15) {
		gotoAndPlay (3);
	}
Frame 2

	gotoAndPlay (1);
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();
Frame 14

	stop();
Frame 15

	stop();
Symbol 11 Button

on (release) {
	nextFrame();
}
Symbol 23 Button

on (release) {
	prevFrame();
}
Symbol 60 Button

on (release) {
	stopAllSounds();
	gotoAndPlay (1);
}

Library Items

Symbol 1 GraphicUsed by:Timeline
Symbol 2 FontUsed by:3 13 16 24 26 29 34 41 46 48 49 50 52 53 56
Symbol 3 TextUses:2Used by:Timeline
Symbol 4 GraphicUsed by:Timeline
Symbol 5 FontUsed by:6 8 9 10 20 21 22 57 58 59
Symbol 6 TextUses:5Used by:Timeline
Symbol 7 GraphicUsed by:11 23 60
Symbol 8 TextUses:5Used by:11
Symbol 9 TextUses:5Used by:11
Symbol 10 TextUses:5Used by:11
Symbol 11 ButtonUses:7 8 9 10Used by:Timeline
Symbol 12 SoundUsed by:Timeline
Symbol 13 TextUses:2Used by:Timeline
Symbol 14 FontUsed by:16
Symbol 15 FontUsed by:16 48
Symbol 16 TextUses:2 14 15Used by:Timeline
Symbol 17 GraphicUsed by:19
Symbol 18 GraphicUsed by:19 40
Symbol 19 MovieClipUses:17 18Used by:Timeline
Symbol 20 TextUses:5Used by:23
Symbol 21 TextUses:5Used by:23
Symbol 22 TextUses:5Used by:23
Symbol 23 ButtonUses:7 20 21 22Used by:Timeline
Symbol 24 TextUses:2Used by:Timeline
Symbol 25 GraphicUsed by:Timeline
Symbol 26 TextUses:2Used by:Timeline
Symbol 27 BitmapUsed by:28 30 31 43
Symbol 28 GraphicUses:27Used by:Timeline
Symbol 29 TextUses:2Used by:Timeline
Symbol 30 GraphicUses:27Used by:33
Symbol 31 GraphicUses:27Used by:33
Symbol 32 GraphicUsed by:33
Symbol 33 MovieClipUses:30 31 32Used by:Timeline
Symbol 34 TextUses:2Used by:Timeline
Symbol 35 GraphicUsed by:40
Symbol 36 GraphicUsed by:40
Symbol 37 ShapeTweeningUsed by:40
Symbol 38 GraphicUsed by:40
Symbol 39 GraphicUsed by:40
Symbol 40 MovieClipUses:35 36 37 38 18 39Used by:Timeline
Symbol 41 TextUses:2Used by:Timeline
Symbol 42 GraphicUsed by:45
Symbol 43 GraphicUses:27Used by:45
Symbol 44 GraphicUsed by:45
Symbol 45 MovieClipUses:42 43 44Used by:Timeline
Symbol 46 TextUses:2Used by:Timeline
Symbol 47 GraphicUsed by:Timeline
Symbol 48 TextUses:2 15Used by:Timeline
Symbol 49 TextUses:2Used by:Timeline
Symbol 50 TextUses:2Used by:Timeline
Symbol 51 GraphicUsed by:Timeline
Symbol 52 TextUses:2Used by:Timeline
Symbol 53 TextUses:2Used by:Timeline
Symbol 54 BitmapUsed by:55
Symbol 55 GraphicUses:54Used by:Timeline
Symbol 56 TextUses:2Used by:Timeline
Symbol 57 TextUses:5Used by:60
Symbol 58 TextUses:5Used by:60
Symbol 59 TextUses:5Used by:60
Symbol 60 ButtonUses:7 57 58 59Used by:Timeline


http://swfchan.com/15/71867/info.shtml
Created: 9/4 -2019 02:12:38 Last modified: 9/4 -2019 02:12:38 Server time: 17/05 -2024 07:12:24