• ARTICLES
SEARCH

How-To Geek

How To Make Line Tone Art (Like on Money) With Photoshop and No Filters

image

Printers have been using line tones to create rich looking images long before there was any digital art. Today we’ll be using Photoshop tricks (with no filters) to turn an ordinary photograph into old-timey line tone style piece of art.

Creating a Line Tone Image from A Photo

sshot-808

There are a lot of filters and for-pay Photoshop plugins that will create a line tone effect out of your image, but we’re going to sidestep that today and use some built in functions in lieu of them.

sshot-809

The image looks grayscale but is in fact an RGB image. In order to convert our image to line tone art, we have to first navigate to Image > Mode > Grayscale.

sshot-812

If you started with a color image, you should now have a black and white one.

sshot-810

The next step is to return to Image > Mode and then find the Bitmap selection. This reduces your grayscale image (8-bit) into a 1-bit color. Select it and proceed to the options on the next dialog.

sshot-813

These next two dialog boxes can be tricky, so be prepared to undo and redo your selections here. This first option is the output resolution of your file once you convert it to 1 bit color. Since moving from 8 bit to 1 bit color loses quite a lot of image data, Photoshop can easily upscale the pixel resolution without making a mess of the file. We’ve used 600 ppi in our example. When working with 1 bit images, a good rule of thumb is to use a pixel resolution twice as high as you might normally use (300 ppi for a 8 bit grayscale image is quite common).

sshot-813

Most importantly, change the “Method” to “Halftone Screen.” This part is critical to convert your image to a line tone.

sshot-815

The number of lines per inch is sort of like pixel resolution for the print world. 35 lines per inch is pretty low resolution, but can look pretty neat. Depending on how big your file is (both in pixels and in inches) this lines per inch might affect the image differently. Don’t worry about all of that unless you’re an aspiring graphic artist. If you’re just tooling around with images, just try a lot of settings and undo them if you don’t like the result.

Make sure your angle is set to 180 or 0 degrees and the halftone shape is set to “Line.” It’s critical to use the line setting to get the line tone look here.

sshot-817

And once you click OK, that’s all there is to it. This is a fairly high line per inch version of this picture of Steve. Note the detail compared to the original and to the image below with fewer lines per inch. Higher lines per inch tend to look bad on monitors but print very well.

sshot-818

For the sake of demonstration, we’ve created a very low line per inch version of this image. Detail is lost, but it very accurately shows the technique. Experiment with your own settings and images to get the proper mix.

And For Those Interested In the Dollar Graphic Above…

image

It was simple to put Steve Jobs on this fake 1000 dollar bill. Download an image (just Google “1 Dollar Bill” or “100 Dollar Bill,” etc.), then create a masked out group (shown above) to place your line tone portrait inside. In order to move your line tone portrait, you may have to convert it back to grayscale or RGB color mode. You can then match the color of the portrait with a layer set to Blending Mode “Darken” and one set to “Lighten,” as shown above in the layers panel.


Thoughts or questions on our method? Have a better method, or some simpler techniques? Want to see more techniques like this? Tell us about them in the comments, or send us your thoughts at ericgoodnight@howtogeek.com, and we may include them in an upcoming graphics article.

Image Credit: 100 Dollar Bill public domain in United States, Photomanipulation by NoTech4U via Deviantart.

Eric Z Goodnight is an Illustrator and Graphics Geek who hopes to make Photoshop more accessible to How-To Geek readers. When he’s not headbanging to heavy metal or geeking out over manga, he’s often off screen printing T-Shirts.

  • Published 05/14/12

Comments (5)

  1. MJ

    I was astonished when Photoshop once warned me that printing bills was illegal when I loaded a €500 image in CS3. Nice tutorial anyways.

  2. Eric Z Goodnight

    That’s interesting. Had no idea that was built into the program.

  3. salvis

    Pretty neat, but the line art on real bills follow the contours of the face. These do not. Any ideas how to do that? One time I came up with a cross hatch filter in PS that was pretty neat, but never could come up with a good way to do line art for inserting people on bills. You would need some 3d info or a vector map or something in order to make the line art bend around contours.

  4. mma173

    @salvis
    You can make a layer bend using a ‘bump map’ and the Displacement Filter. A bump map is a grey scale image in which dark areas represent the deep areas. Moreover, you can use the 3D features in Photoshop; something that I don’t know how to do and think is a way more difficult.

  5. techy

    Well this is pretty neat when I first saw this one I did a double-take :) LOL

Get Free Articles in Your Inbox!

Join 134,000 newsletter readers

Email:

Go check your email!