Turn Photos of People into Line Art -Photoshop Tutorial

Line Art Tutorial Recommended for Intermediate Level Photoshop Users

Photoshop Line Art Tutorial Header

First up Id like to ease your mind and let you know that you dont need to know how to draw to complete this tutorial. Its basically tracing, except that tracing is alot easier in Adobe Photoshop. Creating line art with this technique will take several hours to do a good jobif you want a tutorial that just applies a couple of filters, then this tutorial is not for you!

You will need to know how to use the PEN TOOL for this tutorial. (If you dont know how to use the pen tool complete the fast tutorial found HERE first).

I suggest you read through the entire tutorial first, before you begin.

1. Preparing the Layers

Open your photo in Photoshop. Rename the layer original.
If your picture is quite dark you will need to lighten it a little. The reason for this is that we will be tracing over the photo in black so we need to be able to see the lines we are creating clearly.

Adjust Brightness and Contrast in Photoshop

Adjust the Brighness of the photo
Image >> Adjustments >> Brightness/Contrast

Scarlett Johansson

Duplicate the original layer. Rename this new layer top.

Create two more new layers. Place them under the top layer.
Fill the layer closest to the original layer white and rename it background.
Leave the other layer transparent and rename it line art

Turn the visibility OFF for the background and top layers.Visibility ON for the line art and original layers and the line art layer is active. See image below.
(All this organisation will be explained soon).

Creating Line Art of People with Photoshop 08

We are now set to create the line art.

2. Brush Tool Settings

When creating line art you want to vary to thickness of the line (line weight). Varying the line weight emphasizes the perspective of the drawing. As lines become closer the viewers the lines get thicker. Lines taper towards the furtherest part of the object. The image below shows an exaggerated example of this. Also areas that fall into shade can have a heavier line, while areas in light can be represented with a thinner line. A good way to get better idea of this is by studying the line art of comic books.

Another technique is to use just two line weights. A heavier line is used for the outer edges of the object and all internal lines are a smaller size. Im not a fan of this style but each to their own, as long as your picture doesnt look flat.

Line Art Line Weights

To taper the lines in Photoshop we need to adjust our Paint Brush Settings.
Click on your Paint Brush tool. We need to adjust the brush presets.
In older versions of Photoshop (CS2 and earlier) click on the brush palette tab at right top of your photoshop screen. See image below.

Adjusting Brush Settings

In CS3 onwards your brush palette is available by clicking on the pallete icon on the top or see image below..

Photoshop CS3 Brush

The settings you use are going to vary with each line you create, especially the diameter. Below shows one Brush Tip Shape I used.

Photoshop Brush Controls

Next click on the Shape Dynamics.

  • 1. Set the Control to Fade. (This will allow our line to taper).
  • 2. Adjust the fade setting. (Im using 250 here but try experimenting with various combinations of 2 & 3).
  • 3. Adjust the Minimum Diameter. (Im using 27% here but the key to great line art is variety so experiment).

Black as Foreground Colour

Make sure your foreground colour is black. See image above.

3. Creating the Paths

The best place to start is the center of focus, which is normally the face. Since Im using an image of Scarlett Johansson Ill start on her lips.
Remember the point where you start the path is going to be the thickest.

Make sure the pen tool is set to Create New Work Path. See below.

Create a Path in Photoshop

Create a path paying attention to the angle of the curves.
Note: Keep the distance of each line rather short. Dont try to create one line to go right around the lips.

Creating Line Art of People with Photoshop 09

Once you are happy with the path, right click and select Stroke Path See below.

Photoshop Stroke Path

Turn ON the visibility of the white background layer. Delete the path (right click and select Delete Path).
Now you can clearly see the line you have created.

If you are happy turn OFF the white background layer and create the next line.
If not use your History Palette. See image below. By clicking here you can adjust the curve or paint brush settings.

Creating Line Art of People with Photoshop 12

If the line is only slightly off you can use the Eraser Tool. Rather than using the eraser tool in a up/down motion, move it on a diagonal to the line art. That way the line will have a tapered effect at the end. See image below.

Creating Line Art of People with Photoshop 11

To create a line that is tapered at both ends like the one shown below. In the brush Shape Dynamics Window change the Control from Fade to Pen Pressure, and the Minimum Diameter to 1%. See second image below.

Creating Line Art of People with Photoshop 13b

Creating Line Art of People with Photoshop 13b

When you select Stroke Path this time check the Simulate Pressure box. See image below.

Creating Line Art of People with Photoshop 14

Once you have finished creating an item, like the lips, its important to check them against the original. Turn the visibility ON for the white background layer. Turn ON and OFF the visibility of the top layer. If it looks like the lips are jumping then you will need to adjust the line art.

To create very thick line areas, such as the eyebrows shown below, we create a closed path and choose Fill Path instead of Stroke Path. (A closed path means that there should be no ends to the path, like a circle.)

Creating Line Art of People with Photoshop 15

The image below shows the upper eyelash path I created. I also used Fill Path here.

Creating Line Art of People with Photoshop 15b

To create shapes that are round, square, oval, etc remember to use the Shape Tools. (Found next to the pen tool). The image below shows how I created the iris outline using the Ellipse Tool to save time.

Creating Line Art in Photoshop Tutorial

I guarantee that you will get faster and faster at this technique of creating line art in Photoshop, so stick with it.

Scarlett Johansson Line Art Created with Photoshop

On the following page is a larger image of the Scarlett Johansson line art I created with some helpful notes >>


Turn Photos Of People Into Line Art Photoshop Tutorial ...
Get Manual Guide info about Turn Photos Of People Into Line Art Photoshop Tutorial and read our other article related to Turn Photos Of People Into Line Art Photoshop

Turn Photos Of People Into Line Art Photoshop Tutorial ...
News update post about Turn Photos Of People Into Line Art Photoshop Tutorial and read our other article related to Turn Photos Of People Into Line Art Photoshop

Turn Photos of People into Line Art - Photoshop tutorial
Want to turn a photo of someone into line art. This Photoshop tutorial will show you how to create comic-book-perfect line art.

How To Turn Photos Into Fake Pixel Art Using MS Paint ...
How To Turn Photos Into Fake Pixel Art Using MS For the purposes of this tutorial, and select the pencil tool or the line tool.

Corels Painter Essentials 3 - Turn your photos into comic ...
When you complete this tutorial, Use Woodcut effect to turn photos into comic book outlines; The next step is to turn your photo into a work of art.

Turn Photo into Painting Online Free - Techscio - Info On ...
you can turn photo into painting online with couple of online tools on web. Let us see how to convert your photos to painting. Let us see the tutorial for

Turn a Book into An Art Journal (A Tutorial) | Ashley ...
art journal, DIY, gesso, journal, old books, photos, tutorial, writing. it..And people adore these things..You to turn a book into an art journal.

*Turn your photos into a daily outfit chooser with Photojojo.
Make a Daily Outfit Chooser with Photos, Art, dandy ruler and line it up with the pen parts this could be photos of groups of people,

Create a 3D Sculpture from YOUR photos
http://BumpyPhoto.com Take a photo and turn it into a 3D color relief sculpture. A New Photographic Medium : 3D Color Sculptures Innovative technology

Hazelruthes's: Turn Old Jeans Into A Skirt Tutorial
so I thought I'd put together a little tutorial on line. Repeat for both front and back. Turn into a skirt I'd love to see your photos.

Previous
Next Post »