great website design

By Kendall

frontimgEver wondered how to make realistic line drawings in Photoshop? Unless you have one of those nifty tablets, it’s a time consuming process–but not anymore! I’ll walk you through the steps of turning a photo into a line drawing so you have consistent results every time. It’s quick and easy, and it works for any subject matter–from people to architecture.

The conversion process is really simple, but you want to make sure you have a good photo to work with–overexposure and clipping will make a difference on this one, so high-contrast photos are not ideal. I’m just using a stock photo for this example, so find a fav image and follow along!

With your original photo, double click on the background layer and hit enter–this allows you to edit the image.

line-drawing

You’ll want to make 2 copies of the layer by either holding down Alt and dragging the layer above or below the original, or by right clicking on the layer and choosing Duplicate Layer.

line-drawing-new-layers

Set the top layer’s blend mode to “Color Dodge” in the layer’s palette. The rest of the effects will be applied to the top layer as well.

line-drawing-color-dodge

Then invert the layer by hitting Ctrl/Command + I and go to Filter > Gaussian Blur. A dialog box will open up. The desired radius will depend on the image resolution, so play around a bit to see the difference (make sure the preview option is checked).

line-drawing-invert

Once you apply the gaussian blur you just have to set the image mode to black and white (Image > Adjustments > Black and White in CS3 is a quick way to do it). To further enhance the effect, make sure the top layer is selected and choose Fill in the layers palette and adjust accordingly. Voila–you’ve got a line drawing!

line-drawing-final

You can integrate the drawings into collages, header images… the possibilities are endless. Here’s another line drawing sample from a photo I took (I liked the colored pencil effect so I kept the color):

linedrawing

Related Media

  1. Free Photoshop Texture: Graffiti No. 2
  2. The Roundup of Roundups
  3. Cool Fonts: Calligraphy Fonts & Wedding Fonts
  4. Weekly Blog Stats Review: 07.11.09-07.17.09
  5. Organize your Photoshop Brushes

Comments

  1. Jason
    10.16.09

    … I also find myself torn between the coffee shop and my dual monitor setup :)

  2. Cyndi Hall
    11.04.09

    May I suggest ABR Viewer as an alternative to loading and trying each brush in Photoshop? It’s free, and I use it regularly. You may find this a great time-saving alternative!

    http://abrviewer.sourceforge.net/

    Hope it helps!

  3. Kendall
    11.04.09

    Thanks for the referral, Cyndi! I’ll have to spend some time tonight trying it out.

  4. 4elves
    02.11.10

    I love you to pieces man!!

  5. Lia
    10.14.10

    I wished and wished for a Mac, then was given one at work.

    So I moved all my files over.

    I HATE it. I’m a designer. I have about 50 folders for 50 different projects. I name the banner psd “banner.psd” for all of them. Try and search for them all, yeah the Mac finds them but then you have to do “get info” for each one (or change some such setting and still click on each to see where the dang thing is located. On windows. I glanced at the path to the folder and voila. Yeah changing permissions on Vista is a headache but it’s far better than the constant problems I have on the Mac. Photoshop is twitchy at best, the thing crashes, although my Roku, PS3, Wii, personal laptop all do fine with my wirless, the mac drops it all the time. I use multiple monitors. Oh my god what idiot thought of leaving the application menu on one screen when the application is on another? You can only choose one little sprout because Steve Jobs knows better than you how you should work.
    can’t wait to ditch it.

    sorry tirade over.

    ps tons of free windows applications out there.

  6. Obcali
    11.26.10

    Um… how about not naming all of your files the same name? Sounds more like an organizational issue than an operating system issue, either way.

    I might recommend using an identifier and THEN _banner.psd? I assume it’d be difficult to find photos as well if every picture on a drive had its own folder and was named “photo.jpg”.

    Examples:
    Projectname_size_banner.psd
    Clientname_size_banner.psd
    etc…

  7. Russell
    04.17.11

    Ok, so… I’m a total newbie to photoshop. I have CS5 and a brickton of brushes. I have tried renaming them, but they do NOT show up in the list like I want them to. I’ve played around with it for like a half hour. Can anyone please help?

Leave a Comment