Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters.  Home Photoshop Photo Editing Create a line art illustration from photo

Create a line art illustration from photo


What we need

Main Image:

John by: float

http://www.sxc.hu/photo/468792

image 1

Texture:

http://www.sxc.hu/browse.phtml?f=download&id=1110555

image 2

Brushes:

http://inobscuro.com/brushes/view/35/

image 3

Step 1 Creating Edges

a) Duplicate the layer.

b) Apply Smart Blur: Filter > Blur > Smart Blur. In the pop-up mode set to Edge Only. This will produce an inverted line art

image 4

c) Invert; Image > Adjustments > Invert

image 5

d) Hide this layer, we will use it later

e) Create a white layer above the original background (face)

Step 2 Create the crosshatch Patterns

Lets create 2 different patterns.

a)    Create a new document with a with background

b)   Draw a 45 line on a new layer

c)    Use: Alt-Shift-Command+the right cursor to create a copy of the line to 10 pixels to the right. Continue until you get a set of strips.

image 6

d)   Merge the layers

e)    Select a square area

image 7

f)     Create the pattern: Edit > Define Pattern

g)    Name the pattern stripes 1

Now lets create a second pattern

a)    Reflect the strips horizontally

image 8

b)   Repeat the process from letter e

c)    Name the pattern stripes 2

Step 3 Create the first layer of shadows line art

a)    Duplicate another layer of the background

b)   Apply Threshold: Image > Adjustments > Threshold

c)    Move the threshold level so you get the layer areas of shadows

image 9

d)   Open the Layer Style and apply Pattern Overlay

e)    Select the first pattern we created

image 10

f)     In the blend mode of the dialog box select Lighten

g)    Scale the pattern till you like it.

image 11

h)   Convert this layer to a Smart Object: in the layers dialog box select Convert to smart Object

i)     Set the blending mode to multiply (remember to create the white layer of the letter e from the step 1)

Step 4 Create the second layer of shadows line art

a)    Duplicate another layer of the original background

b)   Repeat step b

c)    Now move the threshold level so you get a smaller area of shadows, for instance the eyes or the lips

d)   Open the Layer Style and apply Pattern Overlay

e)    Select the SECOND pattern we created

f)     In the blend mode of the dialog box select Lighten

g)    Scale the pattern till you like it.

image 12

h)   Convert this layer to a Smart Object: in the layers dialog box select Convert to smart Object

i)     Set the blending mode to multiply

image 13

Step 5 Bring back the edges

a)    Move to the top of the layer stack the Edge layer we created in step 1

b)   Set the blending mode to multiply

image 14

Step 6 Darkest Shadows

a)    Create another copy of the original layer

b)   Apply threshold

c)    Set the level so we only got the darkest shadows, the inner part of the lips for example.

image 15

d)   Be sure that this layer is on top of the layer stack, set the blending mode to multiply

image 16

Step 7 Background Paper

a)    Open the texture file

b)   Drag and drop it to our main file

c)    Place the layer above the white and below the shadows line art

d)   Select the eraser tool, select a small brush with a 30 % opacity

e)    Erase some areas inside the face like the cheeks, it doesn't has to be perfect we are emulating ink coloring

image 17

f)     Now increase the opacity to 50% and erase the external part.

image 18

Step 8 Ink splatters

a)    Download and install the ink brushes

b)   Create a new layer

c)    Select a brown color that matches the original paper color

d)   Paint with different brushes from this set spots around the image, and in the corners.

e)    Set the blending mode to multiply at 80% transparency

image 19

We are ready, if you want you can add some text that matches the image mood.

Create a Line Art Illustration from photo



Author's URL: Designer Freelance
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters. More Photo Editing Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: