PDA

View Full Version : [Flash] Drawing and Coloring in Flash


Nicol3
08-23-2005, 11:07 PM
Due to constant request by a certain someone, I decided to create a tutorial on drawing and coloring in flash. Here are my techniques, steps, and style tips for you to feed upon.

Drawing and Coloring in Flash MX tutorial
by Nicol3

Hello, and welcome to the Drawing and Coloring in Flash tutorial. The tools you will be needing in this are:


Any Pressure-related Tablet (Not required, but Strongly Preferred)
The Brush Tool
The brush toolbar


In this tutorial, a green cursor represents sketching. A pink cursor will represent coloring.

Okay, let's get started. Select the brush tool with your mouse, or press B on your keyboard.

Like I always say, developing style takes lots of time. Practice with what you want first, sketch, erase, get used to the different sizes of the brush tool. The reason I believe a tablet can improve your abilities is because It's very close to drawing and coloring on paper.

Before you start to draw, create a new layer. Name the top one “Sketch” and the bottom one “Color”, like the screenshot below. This is just to be able to identify the layer that should be selected.

http://img.photobucket.com/albums/v417/Totoro-feminine/drawing.gif


Start drawing out what you desire to color in black (or any color you want) I suggest you draw it out in black first, because you can see it better. Of course, you can edit the colors later.

Take a look at that blue highlighted area on the toolbar. See it? That's the size control for the brush tool. When using a tablet, try to stick with a smaller sized brush when sketching.

Now, the technique for coloring I use is simple. First, select the “color” layer.

http://img.photobucket.com/albums/v417/Totoro-feminine/drawing2.gif

When you’ve finished drawing, Clean up the sketch.

Look again at the brush toolbar. Click the size, and make this the biggest one. Select your original (or main basis) color with the color mixer, and color it in as if on paper. Almost wildly coloring out of the lines a bit can also give a sense of style.

Now, point your attention over to that box with the pink fluffy boarder. As you should know, this is the color mixer. It is now officially your best friend, no matter how much of an arse it is. Don’t complain, be its friend, NOW. Why? I’ll explain soon. But we’ll move to our first “layer” of color.

http://img.photobucket.com/albums/v417/Totoro-feminine/drawing3.gif

Now, I’m going to go over Highlights and Shadows. The reason I needed you to befriend the color mixer is because it is not only dead sexy, but because it’s your key to mastering the 3Dimensional world. (Sounds Fancy)

http://img.photobucket.com/albums/v417/Totoro-feminine/colors.png

What our sexy Color Mixer does for us is an incredible thing. It automatically gives us an entire bar of contrasted colors for us to choose from.

When selecting our colors, remember to somewhat measure the change in darkness or lightness. Not too little or too much, like in the illustration above.

http://img.photobucket.com/albums/v417/Totoro-feminine/drawing4.gif

When adding your shadows, be sure to have a good sense of what color goes where. Depending on where the character is facing, shadows are under grooves in the skin, such as chins, under mouths, and other places.

http://img.photobucket.com/albums/v417/Totoro-feminine/drawing5.gif

Highlights are used more sparingly. The lighter, the lesser used for me.

http://img.photobucket.com/albums/v417/Totoro-feminine/drawing6.gif

The same gradual tones go with other colors. Add your finishing touches, and you’re done!

http://img.photobucket.com/albums/v417/Totoro-feminine/export-image.gif

I know a couple of you have had trouble exporting images correctly, so this screenshot should help. Go to File>Export image..

http://img.photobucket.com/albums/v417/Totoro-feminine/export.gif
… and change the highlighted field to PNG. Make sure it is PNG, because that is the file type of the highest quality.

You’re done! If you have any questions or missing info I should add, be sure to post it.

EDIT: Changed the order of some things. I had them in the wrong place.

2-D
08-23-2005, 11:09 PM
oooooooooooh pritty colors! nice job its really cool.

lilcrash
08-23-2005, 11:12 PM
womg A BUNNY *runs* o yah nice tut :D i like

SkateXer99
08-23-2005, 11:16 PM
*sucks up to nicole like everyone else in this forum trying to get her to cyber... fails miserably*

*animates*



uhh nice tut, but I'll stick to my fill tool and brush shading. ;)

2-D
08-23-2005, 11:19 PM
YES CYBER WITH US NICOL3... WE CAN DO A LIL BIT OF http://img385.imageshack.us/img385/8740/stewie1ut.gif AND SOME http://img385.imageshack.us/img385/8740/stewie1ut.gif AND MABYE SOME http://img385.imageshack.us/img385/8740/stewie1ut.gif... OH YEAH WE CAN HAVE A CYBER ORGY...http://img385.imageshack.us/img385/8740/stewie1ut.gif

quiggyboat!
08-24-2005, 01:50 AM
YES CYBER WITH US NICOL3... WE CAN DO A LIL BIT OF http://img385.imageshack.us/img385/8740/stewie1ut.gif AND SOME http://img385.imageshack.us/img385/8740/stewie1ut.gif AND MABYE SOME http://img385.imageshack.us/img385/8740/stewie1ut.gif... OH YEAH WE CAN HAVE A CYBER ORGY...http://img385.imageshack.us/img385/8740/stewie1ut.gif

you are an extremely sad, lonely person.....good tut.

chaos warrior
08-24-2005, 03:15 AM
You took the words right out of my mouth quiggy.......Tut was good kinda confused me when it said pink but there you go..........

Slick Vick
08-24-2005, 05:23 AM
Meh i don't draw in layer but i guess i could try :D

rasput!n
08-24-2005, 07:58 AM
womg very nice now i gets teh thing mit them layer thingys lol+

seriously thats pretty good. maybe someone could do one about animating in flash ...

.:slash:.
08-24-2005, 09:08 AM
Was a really good tut, official turorials all the way.....if we have that section nowdays.

But yeah, really good tut, helpful and it had bunnies. :)

Benja
08-24-2005, 11:15 AM
Nice tut nicol3!!!

I´ll rep for u! :)

Lambi
08-24-2005, 01:09 PM
yay, I'll rep you too, that was a omgodzorsexytut. are you sexy? <_<

Nicol3
08-24-2005, 04:33 PM
Holy smick, Setmin. That rocks.

Sparco
08-25-2005, 06:53 AM
omg nicol3 u pawn t3h brush......

here's my attempt to your holy tutorial!!! (reppy rep)

http://img379.imageshack.us/img379/6063/pirateee9tf.png

animator (B)
08-25-2005, 08:40 AM
nice tut... but y is everyone trying to get u to cyber. have u posted some pic of u or something?..

i got a idea go get a gf then u dont want some u u dont even no to cyber with u

rayboy o
09-01-2005, 06:59 PM
Thx for the great tut! for some reason i couldn't figure out how to draw in flash :P this cleared everything up THX! (i've been lurking here for a year i finally found a reason to post) and here is what i did after reading the tut

http://img50.imageshack.us/img50/8026/olive1te.jpg

Mantiscore
09-02-2005, 03:24 AM
well, i mades your bunny a boyfriend ¬¬... and everyone stop sucking up to nicole... ... get freaking girlfriends... and yes i am single but thats not the point!

http://img393.imageshack.us/img393/3917/evelbunnypng5ka.jpg

well, it had to be a jpg for a reason i shall not say :D

DemonicDefence Boy
09-06-2005, 05:59 PM
wat verison of flash are you using?

Äreks
09-06-2005, 06:15 PM
e.e Damn you and your uber tablet... How i dream of the wacom intuous3 12x9.... *drool*..
Anyways... Nice tut! Bunnehs kick ass! And mantis... What does getting a girlfriend have to do with anything? Does that all the sudden make you cool and mature? Hmm? I dont have a girlfriend, but I have plenty of girl friends e.e Does that make me stupid and perverted? Hmm? HMM?

Who in their right mind would cyber anyway? 1. Pathetic. 2. Cybering is worse than the losers who do phone sex. 3. Whats the point in cybering? Do some people wank when they cyber or something?

Mantiscore
09-07-2005, 12:39 PM
no master!

stupid hobitses...

DemonicDefence Boy
09-07-2005, 03:38 PM
Nicol3wat verison of flash are you using?

Nicol3
09-15-2005, 09:02 PM
Nicol3wat verison of flash are you using?

Oh, sorry. I didn't know people were still posting in this thread. I use flash MX..I think 7 is the version..though I'm sure it's something inbeetween.

pain
12-04-2005, 12:21 AM
If you, Nicol3 can make such good bunnies, could you make a playboy logo for me?

MortalDays
12-04-2005, 04:54 AM
y would u want a playboy sig? ur a boy arent u unless u want a girl in the sig.

Tru_Power
02-21-2006, 09:11 PM
Im sorry for the huge bump but I just wanted to say it was really good and...






ZOMG A PINK BUNNY
Yes well jus saying nice.

PS: 2D even though you won't read this ahem, You sick minded bastard stop trying to get Nicol3 to cyber. ****er

MortalDays
09-05-2006, 03:04 AM
Great tut nicol3 10/10 :D

sme
09-07-2006, 03:53 PM
Fresh and Pep. Like Mentos. rofleggs

Socks
09-09-2006, 06:28 PM
Blah blah blah-Nicol3
For out showing my tut in the flash section, I hope you die of being kicked in the face fifteen times, then get sat on by an Elephant.

Nicol3
09-10-2006, 01:23 PM
For out showing my tut in the flash section, I hope you die of being kicked in the face fifteen times, then get sat on by an Elephant.
Rofl. It is because I pwn and yew phail. :D

Socks
09-10-2006, 06:15 PM
Rofl. It is because I pwn and yew phail. :D
How did you know? I HOPE YOU GET ANALLY RAPED WHILE IN PRISON!!!!!! Lmao.

{i_be_bob}
11-30-2006, 06:59 AM
nice that bunny well.... OWNZ! and it like pink!!!

2-D
12-07-2006, 09:01 PM
YES CYBER WITH US NICOL3... WE CAN DO A LIL BIT OF http://img385.imageshack.us/img385/8740/stewie1ut.gif AND SOME http://img385.imageshack.us/img385/8740/stewie1ut.gif AND MABYE SOME http://img385.imageshack.us/img385/8740/stewie1ut.gif... OH YEAH WE CAN HAVE A CYBER ORGY...http://img385.imageshack.us/img385/8740/stewie1ut.gif
.. I cant believe i did that.. Still hangs on my shoulders as the noobiest thing i have done here.


God.

Anyways, its a nice tutorial. Nice and through.

response6
02-28-2007, 11:13 AM
why do ppl want to cyber with nicole??

saintly
03-01-2007, 02:45 PM
Because we do, go away, I'm trying to cyber nicol3.

sweet
03-01-2007, 04:34 PM
.. I cant believe i did that.. Still hangs on my shoulders as the noobiest thing i have done here.


God.

Anyways, its a nice tutorial. Nice and through.

You realizing that was the most smartist thing you have ever done.Anyways, good tutorial.I will use it when I make my naruto art :D.

revilo118
03-03-2007, 03:53 AM
good tut. great for cartoon drawers out there including animators.

keep it up!

Xelectroid
03-03-2007, 03:59 AM
The last few posts since 2-D have been massive bumps...

Nice Tut. If I could get off my lazeh ass and do some drawing, or if I had a tablet, I'd read it more thoroughly.

NCz
10-21-2007, 09:10 PM
i liked it it helped me with shading and stuff though i dont do stuff like that anyway it helped..nice tut