August 15 2006 • 4:12 PM

Convert Color Images to Grayscale

Rorohiko (”Lightning Brain”) recently released a free beta of an InDesign plug-in that converts color bitmapped images (such as TIFF, JPEG, and PSD) to grayscale. Actually, more accurately, you have to install three plug-ins to make it work, but it’s easy to do (just download a file from their Web site and then drag the plug-ins into the Plug-ins folder inside your Adobe InDesign folder).

Many people have asked me about a feature like this in InDesign because QuarkXPress has an option to convert color images to grayscale at import time. How does this plug-in work? I know it’s based on an underlying hidden JavaScript, but I can’t tell what strings it’s pulling for the conversion. It appears to be magic.

But it’s not perfect magic: For example, transparency in an image apparently is not supported in this version, so pictures become opaque. Also, as the folks at Rorohiko are quick to point out, this plug-in offers no controls for how an image is converted (there are lots of ways to convert color images to grayscale; see Real World Photoshop).

I haven’t tested this plug-in extensively, but it does appear to work quickly and all results end up on the black plate of color separations. No word on whether this plug-in will remain free or will cost money when it’s finished.
Rorohiko also makes a bunch of other free (and commercial) plug-ins, including one that exports all your document text into a single file, one that makes an InDesign library out of a folder full of images, and (one of my favorites) something called ChatterGoofy, which is a replacement for QuarkXPress’s Jabberwocky XTension.

27 Responses discussing this post. Add yours below.

  1. August 15th, 2006 • 10:35 pm • Link

    Hi Dave,

    Thanks for the nice comments!

    A few clarifications: the ‘magic’ is not done in JavaScript - it’s done by a ‘real’ plug-in (for the C++ geeks: it goes by the name of ‘custom draw event handler’ - it’s one of the three plug-ins you need to install).

    It intercepts InDesign’s redraw operation of the image, and instead redraws the image in grayscale, even if the original is in color.

    On the other hand, the user-interface part is pure JavaScript wrapped into a scripted plug-in.

    As for cost - this plug-in will remain free. We might do a commercial ‘extended version’ with more bells and whistles if we see there is a demand for it - but the basic plug-in is, and will remain, free…

    Keep up the good work - I just LOVE this web site and the podcasts.

  2. David Blatner
    August 15th, 2006 • 10:48 pm • Link

    Thank you for the details and for the great plug-ins, Kris!

  3. August 16th, 2006 • 10:32 am • Link

    For InDesign users on Mac OS X (Windows too maybe?), an alternative (maybe wrong but it may help a lot) is to turn the display mode from Colors to Grayscale in System Preferences > Universal Access.

  4. August 16th, 2006 • 10:33 am • Link

    And then create a PostScript file in grayscale mode and we obtain a grayscale PDF… (don’t talk about ICC profiles here ;-)

  5. August 16th, 2006 • 2:57 pm • Link

    I see your point, Branislav, but that means you cannot use the File>Export feature for PDF. This plug-in makes it grayscale in both PDF and print (and on screen).

    Ultimately, the best way to do this is with Photoshop, of course.

  6. August 16th, 2006 • 6:54 pm • Link

    Or simply create a layer containing the flattened grayscale version within the RGB file. Then if you want a pic to be in grayscale, just go to Object > Object Layers Options…

    This is where I think that an Object Style could order all layers of imported Adobe files to be disabled and only the layer named “Grayscale” to be visible. Et voilà !

  7. August 18th, 2006 • 12:17 am • Link

    Hi Branislav,

    Thanks for the comments - good points!

    However, another reason why some people asked us to create this plug-in is when they are creating a color publication, but want a few of the images to be printed in pure B&W - and leave the rest alone. And want to do it quick.

    An example I am ‘inventing’ on the spot here - maybe a magazine page with ads - some ads should be B&W, some color (and the customers pay different prices for each). If the customer delivers color images for a B&W ad, this plug-in is a quick and dirty way to print the B&W ad in pure B&W.

    And it’s easily scriptable - so workflow systems can use this as a much easier approach when automatically placing pictures into ads - “if ad = B&W set label to gray” - much quicker than scripting Photoshop to do the conversion.

    It’s not a panacea, and has severe limitations, but I do think there are for whom this is useful…

    Cheers,

    Kris

  8. August 18th, 2006 • 3:34 pm • Link

    Kris, I agree that it has severe limitations. For example, the fact that you can’t use transparency effects is pretty bad. I just noticed you also can’t colorize the grayscale image (normally, you can select the grayscale image with the Direct Selection tool and click on a color in the Swatches palete). Oh well.

    A suggestion, if I may: Given that both InDesign and Photoshop are scriptable with ExtendScript (javascript), perhaps you could add a second option to open the color image in Photoshop, convert to gray, then (as an option) save with a different name, and update in InDesign. I would love to see more automation between the Suite applications.

  9. August 23rd, 2006 • 8:38 am • Link

    Hi Dave,

    Just to let you know I’ve just uploaded a new and improved beta version (1.0.5) of Color2Gray. This one should remove the ‘transparency’ limitations, and resolve a few more bugs.

    So now you can colorize!

    Cheers,

    Kris

  10. August 24th, 2006 • 1:18 pm • Link

    For some reason, although the image displays as gray in my InDesign CS2 (Mac), it does not print in grayscale, that is to say, when I turn on separations in the print dialog. Interestingly, when I export as a PDF using a preset, such as the High Res preset, it saves it as a color image.

  11. August 24th, 2006 • 7:49 pm • Link

    Hi José,

    We’ve had another report of this - would it be possible to send us a (preferrably small) sample image to help us diagnose the problem?

    Send it to pluginsupport@rorohiko.com

    Thanks!

  12. August 28th, 2006 • 6:48 am • Link

    Hi José!

    Thanks for the bug report! Version 1.0.6 is available from our web site and should fix this issue…

    http://www.rorohiko.com/color2gray.html

    Cheers,

    Kris

  13. MikeyKing
    December 15th, 2006 • 6:03 pm • Link

    WOW!!! this plugin is great.. thank you for creating it!

  14. gilbert victoria
    January 24th, 2007 • 11:28 am • Link

    Hi
    i only got to test your plug in just now as i was exploring your site.

    This plug in does wonders to our work flow.

    our company does a lot of typesetting of financial documents and annual reports and these contains pictures of directors of the company and among other things. We usually covert these images from photoshop and then place it to indesign which takes a lot of time since our jobs are always on arush basis. this cuts off a lot of time in coverting these images.

    Our boss is happy with the result.

    Thanks and more power

  15. AndySibs
    February 20th, 2007 • 11:01 pm • Link

    …again, absolute gold!! thanks guys.

  16. June 14th, 2007 • 8:09 pm • Link

    Hey David, thanks for the nice review and thanks Kris for the plugin. I’m designing a photo album for a photographer, and I wanted to use the plugin to easily convert some of the images to b&w, only so I can see how it looks, and than do it photoshop, but I’m using InDesign CS3 and the plugin doesn’t work. I got it to appear in the menu, but when I press it nothing happens, not on the screen and not in print. Any ideas?

  17. David Blatner
    June 14th, 2007 • 10:03 pm • Link

    I don’t think Color2Gray has been updated to CS3 yet. With all of Rorohiko’s plug-ins, make sure you have the most recent Active Page Item Runtime plug-in. Check with rorohiko.com for more info.

  18. June 17th, 2007 • 5:32 am • Link

    Hi all,

    We’ve _just_ updated Color2Gray to InDesign CS3 - you can download it from our web site. Enjoy!

    Cheers,

    Kris

  19. June 19th, 2007 • 12:02 pm • Link

    That’s great news, Kris! Thanks …

  20. July 1st, 2007 • 6:23 am • Link

    Thanks Kris, it works like a charm! :)

  21. November 8th, 2007 • 11:38 pm • Link

    Another option is to draw a white rectangle over the image, in ‘transparency’ set it from ‘normal’ to either ’saturation’, ‘hue’ or ‘color’ and set ‘opacity’ to 100%.

  22. November 10th, 2007 • 10:11 pm • Link

    Hi Christoph,

    Cool trick; the effect is similar, but I wanted to point out there is one important difference: with this trick the ‘gray’ image will render on all plates, instead of just on the black plate, making it more like a ‘dark brown-and-white’ than ‘black-and-white’.

    You can see the difference between what Color2Gray does and what your trick does by doing a separations preview.

    Cheers,

    Kris

  23. Glen
    November 24th, 2007 • 4:13 am • Link

    This plugin is absolutely superb! just saved me a lot of time.thanks for creating plugins like this!

  24. koz
    January 22nd, 2008 • 7:13 pm • Link

    Thanks so much for the plug-in. Huge, huge timesaver. You have no idea!!

    Thanks and keep it up!

  25. Angela
    February 5th, 2008 • 7:43 pm • Link

    Thanks for the quick fix for grayscale! I tried to read through the InDesign help to find out how to do this and was getting so lost.

    Thanks also for the original post and describing the transformation as “magic” - isn’t everything as important as this achieved by magic? LOL. :-)

  26. Jeanna
    March 24th, 2008 • 4:13 pm • Link

    The plug-in doesn’t work for me. I select my object using the Direct Selection tool. I select “API > Force Render as Gray” from the context menu. But nothing happens; the image stays in color.

    Little help?

  27. David Blatner
    March 24th, 2008 • 4:16 pm • Link

    Jeanna, make sure you have the most recent version, and make sure you’re attempting this on a bitmapped image, such as a TIFF or JPEG. It won’t work on AI or EPS or PDF files.

Subscribe to the Discussion

Get the ongoing discussion surrounding "Convert Color Images to Grayscale" delivered to you. Click here to subscribe via RSS.

Leave a Reply

You can use limited HTML tags, such as <em></em> for emphasis/italics and <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

InDesignSecrets reserves the right to edit and/or remove posts and comments.