is now part of CreativePro.com!

Scanning Line Art for Use in InDesign

14

Sandy wrote:

David, I am attending a conference and one of the speakers mentioned he once attended a conference at which you spoke and you covered 3 or 4 steps to scanning and digitizing line art that would be suitable for reproduction for in a newspaper. I would very much appreciate a review about how to effectively and efficiently do that.

Scanning line art (artwork made of only one color, usually black on white paper) is nowhere near as straightforward as many people think, especially for high-resolution printing. Fortunately, it’s not difficult if you follow these steps. (Much of this is also covered in both Real World Photoshop and Real World Scanning & Halftones.)

1. Scan in Grayscale or Color

It’s essential that you scan in Grayscale mode. If you scan in Bitmap mode (line art or 1-bit), you can’t do much of anything to improve your image. So avoid the temptation to scan line art as line art, and scan it as grayscale instead. Sure, your files are eight times as large, but it’s only temporary.

lineart1

Scanning as bitmap lineart:

lineart4

Scanning grayscale and converting with this method holds much more detail (looks “dirty” but it prints so much cleaner):

lineart5

By the way, if you’re scanning newsprint or anything else that has something on the opposite side of the paper, try placing a black piece of paper behind the page you’re scanning. That makes a big difference.

Note that you can use a digital camera as a scanner, of course. In this case, just shoot the image in color.

2. Resolution

When you’re printing to a platesetter, you need very high image resolution to match the quality of photographically reproduced line art. That means 800 ppi minimum image resolution. You can see the difference between 800- and 1,200-ppi line art, so you may want to opt for the higher resolution if your printing method can hold it. That said, if you’re printing on newsprint, it’s unlikely that you need more than 800 ppi. If your final output is to laser or inkjet printer, then it’s unlikely that you’d need more than 600 ppi.

If you have a painfully old scanner that scan 800+ resolution, then go ahead and scan at 600 ppi or whatever, then upsample the grayscale image in Photoshop (using Image > Image Size). This is one of the few times that I feel comfortable upsampling (adding pixels) in Photoshop.

3. Clean Up

If your scan looks pretty clean, then skip this step. But sometimes it’s helpful to crop, straighten, and adjust the tone of the image. For instance, if you’re scanning a client’s ad which they only have printed on a scrap of old newsprint, you’ll likely need to use Levels or Curves to knock the background out to white.

lineart2

4. Sharpening

Nothing will do more for the quality of your line art images than sharpening the grayscale scan. I recommend running Photoshop’s Unsharp Mask filter (Filters > Sharpening > Unsharp Mask) once with the settings 500/1/5. Then run it a second time by pressing Command/Ctrl-F (which repeats the last filter). If the second time makes the image explode with noise, then Undo that and go with just one.

lineart3

5. Threshold

In grayscale mode, lines made of pixels with different gray values. But although you scanned in grayscale, you ultimately want a straight black-and-white image. The way you get there is via the Threshold command (from the Adjust submenu under the Image menu, or with a Threshold adjustment layer). Threshold turns gray pixels above a certain value to black, and pushes all other pixels to white. What Threshold level to use depends on the image; move the slider back and forth until you achieve the detail you desire.

6. Convert to Bitmap

After you threshold the image, there’s no reason for it to be in Grayscale mode anymore, so you’re better off choosing Image > Mode > Bitmap. Photoshop will ask you how to do the conversion (halftone, pattern, and so on), but because there are no gray levels in your file anymore, all the choices have exactly the same result. Just click OK.

7. Save and Import

Finally, you can save your bitmapped line art image as a TIFF or PSD and import it into InDesign. If you need to colorize your line art image, you can do that by first clicking on it with the Direct Selection tool.

This technique works whether the image is a logo, a cartoon, a low-resolution halftone printed in a newspaper (“copy dot”), or clip art, as I used here.

There are other articles that are similar to or based on this technique (which was, if I recall, originally invented by Steve Roth in the early 90’s). For example, I see some interesting links here and here.

Another Option: Vectorize It

I’m sure Mordy or Sandee will jump in here any minute now and say, “Hey, skip all that and just vectorize it with Illustrator’s Live Trace.” I’m okay with that, too, in some circumstances. Live Trace (which a long time ago was sort of the Streamline application) is amazing, but the results are vector, and they don’t always look as “natural” as I might hope for.

If you’re converting a logo that you have only in print form, then Live Trace would be a great way to go. But for comics and a lot of clip art, I still prefer the old scan-and-convert method.

David Blatner is the co-founder of the Creative Publishing Network, InDesign Magazine, CreativePro Magazine, and the author or co-author of 15 books, including Real World InDesign. His InDesign videos at LinkedIn Learning (Lynda.com) are among the most watched InDesign training in the world.
You can find more about David at 63p.com

Follow on LinkedIn here
  • Eugene Tyson says:

    Hey cool, I’ve been doing it right all along, who would have thought. When I was at Scanning School it was suggested that these scans can be improved on if you double the f.s. and scan at 1200 and then reduce the size in Photoshop. I was never too keen on this method and it’s not mentioned here, so I was wondering if there is any truth to this, is it a myth or is it true?

    And of course, if I was to bring something like that into Illustrator I would draw it with the pen tool, much more accurate than the the Live Trace… :-)

  • oohhh… I just finished a book this week where I had to do exactly that… Too bad I didn’t know all this before… :-(

    Well, next time…

  • Anne-Marie says:

    Often when I scan line art, the grayscale artwork needs to be “beefed up.” (maybe I’m scanning wrong …) But a trick that’s served me well is to dupe the layer two or three times and change each dupe to Multiply mode. I play around with each layer’s opacity to get the final effect I want; then I flatten it down. Just wanted to throw that in there.

  • Eugene says:

    Does anyone use that trick for sharpening, dupe the layer, blend mode overlay, then give it a high pass. It’s great for sharpening, but I’ve never tried it on line-art.

  • Klaus Nordby says:

    Eugene, I have made various Actions for that kind of layered Overlay highpass sharpening — but wait, there’s more! For I split the highlight sharps and shadow sharps into two layers, which enables me to easily paint out some sharpening which I don’t want, like ungainly light halos in too prominent places, like the ridges of mountains, telephone lines, etc.

    I’ve put the Action here, if you’d like to play with it:
    http://www.klausnordby.com/repository/Sharpen.atn
    Note that this version needs to work on a flattened file with a “Background” layer, or you’ll get errors.

  • Eugene says:

    Thank you Klaus, I have something similar that I have made myself before.

  • Dan Curry says:

    DB, I’ve been a huge fan of this method ever since I first read it in your excelllent book “Real World Photoshop 6”.

  • Chris M. says:

    This is quite similar to a method I use in the office whenever I need to scan manga book pages, except I don’t sharpen much and instead of Threshold I use Levels with a lot of fine tuning. From there on I convert it to bitmap using 50% Threshold (rarely diffusion as it has its own quirks). A lot of the scanning largely depends on the artwork (some can get quite complicated with several uses of screentones). I’ll definitely consider using sharpening and Threshold. It’d probably cut out a lot of the stranger results from some people using diffusion dither when converting to bitmap.

  • Brian says:

    Confused. I thought you want bitmap images at 1200dpi for high end printing but the article says 800? Seems it would get rough. We print to 1500 ctp device.

  • Brian, I said 800 was reasonable for newsprint, not high end printing. I wouldn’t use less than 1200 for books. If your device is 1500, I would definitely aim for a 1500 ppi bitmapped image. (Also, on some devices, having the bitmapped image be the same resolution as the printer means it will print far faster, as it doesn’t have to resample.)

  • ScannerWoes says:

    I have several thousand Bible pages (with black AND red text) that need to be scanned.

    The final files need to be black and red only (not CMYK), so that only 2 plates are used at the printer.

    Is there anyway to do this without having to manipulate all those scans by hand?

  • Eric says:

    ScannerWoes, I’m sure that if you scan in RGB, there would be a way to do it as an automated process with all of the scans at one through Actions in Photoshop as a batch process. I don’t remember the specifics offhand, but I’m sure that there’s a function to limit the palette in the image to just three colors (white, black, and red), or possibly more with some purely white-black or white-red gradations of gray and pink, (depending on just how exactly the printing process is going to be set up).

  • […] Scanning and Optimizing for Line Art 12 lines per inch GA_googleAddAttr("AdOpt", "1"); GA_googleAddAttr("Origin", "other"); GA_googleAddAttr("theme_bg", "f9f7f5"); GA_googleAddAttr("theme_border", "dfdad5"); GA_googleAddAttr("theme_text", "444444"); GA_googleAddAttr("theme_link", "4265a7"); GA_googleAddAttr("theme_url", "beaa99"); GA_googleAddAttr("LangId", "1"); GA_googleFillSlot("wpcom_sharethrough"); Share this:TwitterFacebookLike this:LikeBe the first to like this post. […]

  • >