Sun 14th Mar 2010
My image of the day




CS3-PSD-125x125










Take your photos and turn them into basic line art with this Photoshop tutorial. -Melissa Clifton

Create Basic Line Art from Your Photos

Line Art Tutorial Recommended for Beginner to Intermediate Level Photoshop Users


This Adobe Photoshop tutorial will turn your photos into line art with just a few quick steps. You find that this tutorial works well for most objects !

Photo to Finished Line Art

However you will find that this technique does not work well with photos of humans. You will have to check out the tutorial Turn Photos of People into Line Art for that. Let's get started...

1) Preparing the Image

First you want to isolate the object and delete the rest of the photo i.e the background.

To cut out the gun I use the Pen Tool. Now to some-up how to use Photoshop's pen tool in a few sentences isn't easy...if you have never used the pen tool before, do the PEN TOOL TUTORIAL first.

Remember to make sure the pen tool is set to create a Work Path. See below.

Lineart tutorial pic2

Take the pen tool create a path around the gun.

Lineart tutorial pic 3

Now go to your Paths palette. (There are 3 tabs on the Layers window, so click on the Paths tab to reveal the Paths palette. See image below).

Lineart tutorial pic 4

Load path as a selection. (Click on the dotted circle button at the bottom of the Paths palette). See the image above.

Change your tool to the Move Tool (hit the V key)
Copy this selection. Ctrl + C
Paste Ctrl + V

Go back to your "Layers" palette and rename this new layer "gun".
Create a new layer ().
Fill it white.
Rename it "background" and place it below the "gun" layer. See image below.

Lineart tutorial pic 5

Finally make sure your image doesn't have any colour...

Image>>Adjust>>Desaturate...
(Although it's not 100% neccessary to desaturate the image, you'll find that you generally achieve better results if you include this step).


Lineart tutorial pic 6

2) Creating the Lines

Working on the "gun" layer apply the Smart Blur filter.
Filter >> Blur >> Smart Blur...

Set the Quality to High and the Mode to Edge Only. Adjust the sliders for the Radius and Threshold while watching YOUR preview. When you achieve the desired result click OK. My settings are shown below.

Lineart tutorial pic 7

Now invert the image
Image >> Adjust >> Invert

Lineart tutorial pic 8

Apply a black stroke to your "gun" layer.
Edit >> Stroke...
Adjust the Stroke Width to suit YOUR picture and click OK.

Lineart tutorial pic 9

Almost there...

Lineart tutorial pic 10

Now to make the existing lines jump out a bit and look more defined use the filter Poster Edges
Filter >> Artistic >> Poster Edges

Lineart tutorial pic 11

You could stop there because it's probably looking great now but let's make it fantastic!
Apply the Cutout filter with settings similar to what is shown below.
Filter >> Artistic >> Cutout...

Lineart tutorial pic 12

"Oh yes"

Lineart tutorial pic 13

Inevitably you will have a few unwanted squiggles here and there. Just clean them up using your paint tool if you want it perfect.

That's it!
I hope you found this Photoshop tutorial helpful. Feel free to contact me via my contact page if you have any questions.

Lineart tutorial pic 14


 

2D Gallery  |  3D Gallery  |  Illustration Gallery  |  Animation Portfolio  |  Photoshop Tutorials  |  Spotlight  |  Links  |  Contact  |

Website development by Sycha

© 2010 Melissa Clifton. All Rights Reserved.
www.melissaclifton.com

You found the tattoo...