HOME | DD

JohnYume — Line Art Tutorial

Published: 2009-11-09 23:49:56 +0000 UTC; Views: 21094; Favourites: 443; Downloads: 462
Redirect to original
Description For Photoshop, but you should be able to utilize some of the methods in other art programs (like Gimp).


Line art Tutorial, preparing the art before coloring.

Briefly covers: Scanning, rotating, layers, cleaning
Covers: Levels, Dodge and Burn, drawing in photoshop

I didn't make this fool-proof so if you have questions please ask.


This is just the method I use to prepare my lineart. There's no wrong or right way, this is just the style I've developed. I've been using this method for awhile... it may seem complicated but it makes my work go VERY fast. That's why I use it XD


(yeah I had to do this first ~_~ the color tutorial is coming up next)

MORE TUTORIALS: [link]
Related content
Comments: 40

xDjurax [2013-12-21 13:35:24 +0000 UTC]

That trick with the dodge and burn tool is incredibly useful (and the rest of the tutorial too ofcourse ), I'll certainly use that in the future! Thanks so much for sharing!

👍: 0 ⏩: 0

TamarRei [2012-07-20 01:27:26 +0000 UTC]

My sketches never turn out nice. I think I have too many problems for now.
Can't find any options on my scanner, need better paper, need to sketch nicer... etc. xD but I'll keep this for later.

👍: 0 ⏩: 0

BlueRoseLeaf [2012-05-22 21:32:51 +0000 UTC]

I greatly need to follow this. Thank you for sharing!

👍: 0 ⏩: 0

ketchupgirlX [2011-12-01 21:36:51 +0000 UTC]

Very useful, thanks.

👍: 0 ⏩: 1

JohnYume In reply to ketchupgirlX [2011-12-22 20:24:24 +0000 UTC]

You're welcome

👍: 0 ⏩: 0

snoop-fox [2011-07-13 13:19:05 +0000 UTC]

I LOVE YOU.

Sorry. I never really have time to redo line art so I've been doing mine in sharpie so it would show up (hence ugly lines on this [link] ).

I've always loved the way pen/pencil looks on paper. Thank you for posting this.

👍: 0 ⏩: 0

Frozen-Empire [2011-07-13 12:44:24 +0000 UTC]

Nice work

👍: 0 ⏩: 0

5UNNYR4Y3 [2011-07-11 14:04:25 +0000 UTC]

"OMG!!! SPOT!" that made my day XD

👍: 0 ⏩: 0

Mirk217 [2011-07-09 12:15:08 +0000 UTC]

+++

👍: 0 ⏩: 0

A-Redheads-Ramblings [2011-07-07 08:20:15 +0000 UTC]

Thanks for sharing

👍: 0 ⏩: 0

KaijiroCustomWorks [2011-07-07 01:11:58 +0000 UTC]

Awesome Illustration, Awesome tutorial!!!

A lot of Kudos for share your experience with all of us XD

Added to my collection. Keep it up

👍: 0 ⏩: 0

AceOfKeys72 [2011-07-06 23:28:31 +0000 UTC]

very convenient. nice work

👍: 0 ⏩: 0

Hiyami-hime [2011-07-06 22:58:30 +0000 UTC]

Very cool! There are definitely tips here that I could have made use of. Thanks so much for sharing!

👍: 0 ⏩: 0

GoldenQueen [2011-07-06 17:02:20 +0000 UTC]

This looks helpful! My scanner loves messing up my lines so this will help me a lot!

👍: 0 ⏩: 1

JohnYume In reply to GoldenQueen [2011-07-06 18:28:12 +0000 UTC]

Yeah most scanners tend to wash-out drawings. Levels is on of those helpful things I learned through college courses haha.

👍: 0 ⏩: 0

Kouri-n [2011-07-05 21:36:46 +0000 UTC]

awesome tutorial! I have Photoshop elements as well and I really hate it when there are steps in tutorials that my program doesn't have. Although I'm not a huge fan of the dodge and burn tools. I tend to use an overlay layer for stuff like this. That way I can adjust exactly how much darker it gets by changing the opacity of the overlay layer. This tutorial was really helpful and I'm happy that it wasn't overly complicated like most tutorials out there. THANK YOU!

👍: 0 ⏩: 1

JohnYume In reply to Kouri-n [2011-07-06 15:58:27 +0000 UTC]

I have a more advance photoshop now, but I still like to keep tutorials as accessible as possible. I know not everyone has the same programs!

Yeah I'm not a huge fan of the dodge and burn tools either. I rarely use them and when I do use them, I only use them tiny bit for minor adjustments.

Interesting method with the overlay o3o So you copy the lineart into a new layer and use the overlay blending option? I haven't tried that before.

And you're welcome! I'm glad this tutorial was useful for you

👍: 0 ⏩: 1

Kouri-n In reply to JohnYume [2011-07-06 18:21:37 +0000 UTC]

Yeah I create a new overlay layer and use either white or black and then adjust the opacity of it to fine tune it. I just have to make sure it's within a selection first if I want to merge them or else the layers underneath will show the extra black or white.

👍: 0 ⏩: 0

Neverstatic [2011-07-05 05:21:13 +0000 UTC]

Thank you for posting this!

👍: 0 ⏩: 1

JohnYume In reply to Neverstatic [2011-07-05 12:34:08 +0000 UTC]

You're welcome

👍: 0 ⏩: 0

MissLunaRose [2011-07-04 16:43:11 +0000 UTC]

Thank you for writing this! I always avoided scanning works (usually I'd photograph them) because my scanner messed them up so much. This should be really helpful! I need to put it up whenever I scan something. Thank you!

Traditional linearts... are now... POSSIBLE.

👍: 0 ⏩: 1

JohnYume In reply to MissLunaRose [2011-07-05 17:04:18 +0000 UTC]

You're so welcome I'm glad this is opening some new options for you! I never liked inking XD So this was always my way around it haha Plus I like the look and feel of pencil art

👍: 0 ⏩: 0

Slayer-1412 [2010-09-27 21:15:10 +0000 UTC]

Very nice

👍: 0 ⏩: 0

cannonproductions [2010-07-24 09:21:05 +0000 UTC]

LOVELYLOVELYLOVELY.

I hope everyone has shown you as much appreciation as I feel for this tutorial. From someone new to line art, new to deviations, new-ish to photoshop, this very basic kind of broken down tutorial is WONDERFUL.

I'm linking people back to your tutorial at some point because it was my savior =]

👍: 0 ⏩: 0

SerenaTuskino [2009-11-11 01:27:40 +0000 UTC]

how do you use this for gimp?

👍: 0 ⏩: 1

JohnYume In reply to SerenaTuskino [2009-11-11 01:54:30 +0000 UTC]

I'm not super familiar with gimp, but I know the most recent gimp at least has layers and levels. It's not 100% the same but you can use the same concept to work in gimp.

The gray bar on the top has most everything you need, "colors", "layer", "windows". The levels are found in "colors" on the menu bar. You can view your layers by clicking "windows" and then clicking "layers". And you can add new layers by clicking "layer" on the menu bar, then "new layer".

👍: 0 ⏩: 0

ChibiLuka [2009-11-10 06:00:13 +0000 UTC]

Vary interesting~! O.O I'll have to use that whenever I get photoshop (( Or whenever I feel like using my old crappy PC >>" ))

👍: 0 ⏩: 1

JohnYume In reply to ChibiLuka [2009-11-10 06:15:10 +0000 UTC]

Photoshop Elements is pretty cheap if you can get a copy. It often comes free with wacom tablets

👍: 0 ⏩: 1

ChibiLuka In reply to JohnYume [2009-11-10 07:58:59 +0000 UTC]

Tablets!?!!!! O.O!! REALLY!?! I need to get that then! >.< I have been wanting one for a REALLY long time but 1) I didn't know where to get them and 2) I thought they were really expensive D:

How much do they go for and where can I get it? o.o

👍: 0 ⏩: 1

JohnYume In reply to ChibiLuka [2009-11-10 08:05:43 +0000 UTC]

Amazon I find is really good place for tablets lol

[link]

A friend of mine just got this one and likes it. It comes with Photoshop elements 5, a wacom tablet, and is about $55 with shipping. If you're straped for cash this is a really good buy.

If you can afford more, wacom tablets run for $100+ Many people like the "Bamboo" series. I personally have a Graphire 4 and like that.

👍: 0 ⏩: 1

ChibiLuka In reply to JohnYume [2009-11-10 08:30:28 +0000 UTC]

Thankx so much~! :hugtodeath: Ya have been so much help T^T And yes I am tight for cash >.>" Ya would have no idea D: I might even open up commisions... <.<"

But now I have two things to save up for~! >;3

👍: 0 ⏩: 0

Tharshinaa [2009-11-10 05:57:57 +0000 UTC]

THIS IS *SO* USEFUL! And it's about time you made a tutorial. The explanation's very clear, but there's a lot of distractions along the way. Like... if you didn't have this crazy talent of creating extremely hot guys in your artwork, I would have taken only 5 minutes just reading through.

I took 15 instead. xD

Thank you so much for doing a tutorial, bunny-dear!! *hugs*

Oh... *coughs* Is the bishie up for adoption? OwO

👍: 0 ⏩: 1

JohnYume In reply to Tharshinaa [2009-11-10 09:45:22 +0000 UTC]

LoL I guess you never saw my eye tutorial XD I have done one before but that's waaaaay old!

and he I thought I'd get critique. I'm afraid there's nothing I can do about the bishie XD

But oi, I'm glad the explanation is clear >w<


LOL I wish he was ;w; I'd want him for my own

👍: 0 ⏩: 1

Tharshinaa In reply to JohnYume [2009-11-10 11:32:32 +0000 UTC]

You made a wha-? I'm checking it out! Nevermind if it's OLD.

Sigh... guess that leaves a lot of heartbroken girls in his wake.

👍: 0 ⏩: 0

MushiAsakura [2009-11-10 02:03:44 +0000 UTC]

Awesome.
x];;

👍: 0 ⏩: 1

JohnYume In reply to MushiAsakura [2009-11-10 09:41:48 +0000 UTC]

haha thanks XD I hope it might make people's line art easier to deal with o3o

👍: 0 ⏩: 1

MushiAsakura In reply to JohnYume [2009-11-10 10:44:34 +0000 UTC]

I'm sure it will!
8D

👍: 0 ⏩: 0

hikaru-riku [2009-11-10 00:36:45 +0000 UTC]

great tutorial

👍: 0 ⏩: 1

JohnYume In reply to hikaru-riku [2009-11-10 09:40:58 +0000 UTC]

Thank you I hope it's helpful

👍: 0 ⏩: 1

hikaru-riku In reply to JohnYume [2009-11-13 01:17:28 +0000 UTC]

your welcome

it helps a lot thanks

👍: 0 ⏩: 0