HOME | DD

nasakiiFlash Tutorial: Line Art

Published: 2011-04-05 08:08:33 +0000 UTC; Views: 48576; Favourites: 1854; Downloads: 955
Redirect to original
Description [edit] The "Cut" shortcut on step 15 should be Ctrl+X.[/edit]

This is something I've been meaning to do for the past almost 3 years. So here it is, a line art tutorial. 

I should throw up the coloring/shading tutorial later this week. 

If you want, you can watch the actual image being drawn in video form via YouTube: [link]
Y'know... If your into that stuff. 
-------

Deviation used in tutorial: [link]

Pieced together in Photoshop 7
Drawn in Flash CS5

Sorry for the huge 1.7 mb file. There was so much I was wanting to squeeze into this one tutorial. 

Related content
Comments: 100

mellahugbear [2015-02-10 05:53:27 +0000 UTC]

yes! thannnkss!

👍: 0 ⏩: 0

buzbuster [2015-01-03 19:57:36 +0000 UTC]

how did you download it flash I mean

👍: 0 ⏩: 0

Usagi-CRI [2014-12-24 17:35:26 +0000 UTC]

Thank you! This really helps.

👍: 0 ⏩: 0

BlessThoseCats [2014-07-09 14:16:26 +0000 UTC]

Very helpful! Thanks very much  

👍: 0 ⏩: 0

Acruxic [2014-03-24 23:38:47 +0000 UTC]

Wait, how did you lower the opacity in flash? o-o

👍: 0 ⏩: 0

HarisXXX [2014-03-17 11:25:40 +0000 UTC]

How come every time I do this, some lines of the lineart dissapear after converting to fills?

👍: 0 ⏩: 1

nasakii In reply to HarisXXX [2014-03-21 02:16:16 +0000 UTC]

if you have too many intersecting or complex lines selected, converting to fill might get a little screwy. Selecting fewer lines at a time to convert is the only way around that I know of.

👍: 0 ⏩: 1

HarisXXX In reply to nasakii [2014-03-21 05:32:21 +0000 UTC]

Oh, i'l try that

👍: 0 ⏩: 0

MysteriousFeathers [2014-01-10 09:11:27 +0000 UTC]

cool

👍: 0 ⏩: 0

asti-friend [2013-11-17 22:21:58 +0000 UTC]

Thank you very much for this tutorial.

👍: 0 ⏩: 0

neonjays [2013-10-18 15:01:25 +0000 UTC]

oh so THATS how people do lineart...I get so angry when I cant make lines straight. Sketchbook has no line straightener

👍: 0 ⏩: 0

Eveon99 [2013-06-09 10:29:55 +0000 UTC]

May I have a question please?
Can I draw in Adobe Flash CS3 Professional?

👍: 0 ⏩: 0

brad42104 [2013-05-21 16:50:14 +0000 UTC]

Thanks doode!!

👍: 0 ⏩: 0

kiwihead136 [2013-05-20 17:03:02 +0000 UTC]

I've been trying to learn about flash, but I have no idea where to start! This tutorial was super helpful, I didn't realize how useful the line tool could be.

👍: 0 ⏩: 0

Jinaum [2013-04-24 10:30:58 +0000 UTC]

This really helps me understand flash a bit better. Will help out a lot in my school course

👍: 0 ⏩: 0

Cleverkid [2013-04-01 19:21:26 +0000 UTC]

Cool tutorial. Showed off some stuff I'd never thought of doing. I do wonder, what does "milter" do as opposed to bevel and round?

👍: 0 ⏩: 1

nasakii In reply to Cleverkid [2013-04-02 02:50:26 +0000 UTC]

milter will give a sharp corner, round gives a rounded corner, and bevel gives a flat corner.

👍: 0 ⏩: 0

Peenalope [2013-01-23 04:34:01 +0000 UTC]

Such a helpful tutorial. I've been struggling with this program a few weeks now trying to do my assignments.

👍: 0 ⏩: 0

omegamasterstar [2012-11-18 00:29:04 +0000 UTC]

thank you for this

this help me out A LOT!

👍: 0 ⏩: 0

oscarit07 [2012-09-26 01:09:57 +0000 UTC]

wow. just, wow!

👍: 0 ⏩: 0

VintFux [2012-09-04 15:21:13 +0000 UTC]

Great tutorial! I've always wanted to know how to make sharp caps on flash while linearting
My linearts are all flat xD
Thank you for making this!

👍: 0 ⏩: 0

HerpaDerpinator [2012-08-29 17:18:58 +0000 UTC]

Omfg THANK YOU

👍: 0 ⏩: 0

Blueya [2012-08-01 12:15:52 +0000 UTC]

YAAY this is just where i was looking for! thanks alot! great help!

👍: 0 ⏩: 1

nasakii In reply to Blueya [2012-08-14 03:57:40 +0000 UTC]

Glad to help!

👍: 0 ⏩: 0

GarnetLynne [2012-07-24 21:53:43 +0000 UTC]

this has been very helpful, I wish I'd know this in flash class. I would scan and import my work in and then it would do strange things. this is so much better to work with. learns a new trick! I use Anime studio and I'm going to try the same thing with it. great help,

👍: 0 ⏩: 0

GarnetLynne [2012-07-17 19:09:31 +0000 UTC]

cool stuff

👍: 0 ⏩: 0

little-wizard [2012-07-17 18:38:03 +0000 UTC]

you dont sing in this one ;_;

👍: 0 ⏩: 2

nasakii In reply to little-wizard [2012-08-14 04:00:17 +0000 UTC]

I'm sorry

👍: 0 ⏩: 0

Hatty-hime In reply to little-wizard [2012-07-17 21:18:21 +0000 UTC]

I know right? D:

👍: 0 ⏩: 0

NCH85 [2012-06-21 06:15:08 +0000 UTC]

converting line to fill also helps alot in animation if you are doing scaling.

if you do a motion tween scale down of a symbol drawn blown up in thick line tool, the lineart will not scale down in size and will make the drawing in the symbol looks like it has thick outlines

converting them to fills will allow them to scale properly

👍: 0 ⏩: 0

Fificat [2012-06-12 14:35:50 +0000 UTC]

fantastic!

👍: 0 ⏩: 0

s3ro-tan [2012-04-17 17:01:52 +0000 UTC]

This helps me a lot, Thanks!!!

👍: 0 ⏩: 0

megadrivesonic [2012-04-09 16:54:37 +0000 UTC]

most helpful tutorial ever!!

👍: 0 ⏩: 0

LMead [2012-03-23 09:10:18 +0000 UTC]

ok so ive been in a slump the past few months now. ive been attempting to ink scaned in work in photoshop with a tablet. i just cant get over the learning curve of it i guess, ive also used illustrator but to me it takes a ton of time trying to ink lines (i may not be doing things right...) but then i ran across some stellar art done in flash i was baffled at first i didnt know such art could be done i thought it was all animation. so after that i looked up tuts. and found yours and might i say what a help they have been!! i attempted ink in flash for the first time and i was pleasantly surprised how fast i got a hang of it then flash crashed.... i plan on finishing it tomorrow thank you so much for these tuts. your amazing by the way you totally jumped to my top 5 fav artist. keep it up!

👍: 0 ⏩: 1

nasakii In reply to LMead [2012-03-25 06:09:13 +0000 UTC]

I'm glad you found your way to flash! And sorry that it crashed on you :S Gotta remember to save often. Never know what'll happen

Oh, if you're scanning inked work, try the "Modify>Bitmap>Trace Bitmap..." function in Flash. You might get a cool, smoothed, inked effect. Though results may vary. And I know that tutorial I wrote really talks up the line tool, but give that brush tool a chance too.

👍: 0 ⏩: 1

LMead In reply to nasakii [2012-04-05 23:35:10 +0000 UTC]

Is there certain thresh hold and min pixel you'd recommend when doing trace bitmap? also thanks for all the help.

👍: 0 ⏩: 0

DanTheCatfox [2012-01-08 20:59:43 +0000 UTC]

That will be of help, great to have such things handy then if one plans to begin with such.

👍: 0 ⏩: 0

HCRonin [2011-10-03 10:53:45 +0000 UTC]

Ah Nice tutorial you've got here! Wish I had seen this an year ago, before I started using Flash. I just use hairlines for my outlines. Much cleaner :3

👍: 0 ⏩: 1

nasakii In reply to HCRonin [2011-10-04 03:44:59 +0000 UTC]

I prefer really thick lines, myself. Though I've always been meaning to try out hairline-width lineart.

👍: 0 ⏩: 1

Marlock94 In reply to nasakii [2012-01-02 09:43:03 +0000 UTC]

The next step is no lines at all after that. There have been some pretty amazing looking art that only comprises of colors... It's like coloring the image and getting rid of the lineart. lol

👍: 0 ⏩: 0

xXowlflightXx [2011-09-09 00:26:49 +0000 UTC]

i'm having a problem with transparency, i have flash pro 8 not sc5 do you know how to change transparency in that?

👍: 0 ⏩: 1

nasakii In reply to xXowlflightXx [2011-09-09 00:35:19 +0000 UTC]

It's in the properties panel in the "color" drop down menu. The symbol needs to be selected before the option will appear. When it's selected you'll see a blue box around the symbol.

Choose alpha, then slide that slider. I work in both Flash 6 (MX)and Flash CS5. The option for alpha is the same in these two versions, so it should be the same in 8.

Lemme know if you need any more help. I don't mind.

GOOD LUCK! BAAWWWWWW

👍: 0 ⏩: 1

xXowlflightXx In reply to nasakii [2011-09-09 00:41:40 +0000 UTC]

that worked thanks ^^

👍: 0 ⏩: 0

Feyrah [2011-09-08 00:44:54 +0000 UTC]

I love this tutorial! Its the first one i found that actually shows how to taper the lines. Which is my problem - I can't manage to select only a portion of the line and delete that. (even after the convertion to fills) It always just selects the whole thing. What am I doing wrong? D:

👍: 0 ⏩: 1

nasakii In reply to Feyrah [2011-09-08 02:16:41 +0000 UTC]

I made a video that might help you out. - [link]

👍: 0 ⏩: 1

Feyrah In reply to nasakii [2011-09-08 14:57:51 +0000 UTC]

Okay, you're epic. Thanks for your help!

👍: 0 ⏩: 1

nasakii In reply to Feyrah [2011-09-08 15:54:01 +0000 UTC]

baawwwww. Glad I could help!

👍: 0 ⏩: 0

AntiImage [2011-08-03 23:12:52 +0000 UTC]

i <3 three this

👍: 0 ⏩: 0

spligity [2011-07-31 19:08:53 +0000 UTC]

wow this is really useful

👍: 0 ⏩: 1

nasakii In reply to spligity [2011-08-02 01:44:46 +0000 UTC]

Glad to hear! Put it to good use

👍: 0 ⏩: 0


| Next =>