Creating CS Mnotones and Duotones with Photoshop Kalamazoo MI

An image consisting of one color is called a monotone. White isn’t a color, but rather the absence of color—just like paper showing through a printed image indicates the absence of ink. Thus, in a grayscale or black and white photo, black is the only color, and that makes it a monotone. Adding a second color—either by replacing white or in addition to the first color—creates a duotone; third and fourth colors create tritone or quadtone images respectively.

Nuwave Technology Partners
(269) 342-4400
2906 Business One Drive
Kalamazoo, MI
Services
Computer Software, Computer Network Hardware, Computer Networks, Phone Equipment and Systems Dealers, Phone Equipment and Systems Service and Repair
Hours
24X7X365

Data Provided by:
OfficeMax
(269) 373-1680
5294 West Main Street
Kalamazoo, MI
Hours
M-F 8-9, Sa 9-9, Su 10-6*

OfficeMax
(269) 964-0640
30 E Columbia Ave Suite C
Battle Creek, MI
Hours
M-F 8-9, Sa 9-9, Su 10-6*

Vendor Managed Technologies
(616) 454-9275
2130 Wealthy Street Southeast
Grand Rapids, MI
Services
Internet Products and Services, Internet Services, Computer Hardware and Supplies, Computer Software, Vending Machines

Data Provided by:
Paul Siekierski
(248) 853-1602
925 Chase Way Boulevard
Auburn Hills, MI
Services
Computer Software, Computer Network Hardware, Computer Networks

Data Provided by:
Penguin Logic Sales (Software)
(616) 353-4018
4601 L. Ridgeway Lane
Kalamazoo, MI
Services
Computer Hardware and Supplies, Computer Software, Computer and Software Stores, Software and CD ROM Sales and Services

Data Provided by:
OfficeMax
(269) 324-4100
6212 South Westnedge
Portage, MI
Hours
M-F 8-9, Sa 9-9, Su 10-6*

Harbor Software
(231) 347-8866
231 State Street # 5
Petoskey, MI
Services
Computer Software, Computer Software Wholesale and Manufacturers, Computer Systems Consultants and Designers

Data Provided by:
Syber Computer Solutions
(616) 446-0424
Spring Lake, MI
Services
Computers and Equipment Repair and Maintenance, Computer Consultants, Computer Software, Computer Networks, Computer Systems Consultants and Designers
Hours
Mon-Sat: 09:00am-08:00pm

Data Provided by:
Secure Check Cashing Systems
(586) 758-7221
21535 Hoover Road
Warren, MI
Services
Computer Peripherals, Help Desk Services, Computer Software, Computer and Software Stores

Data Provided by:
Data Provided by:

Creating CS Mnotones and Duotones with Photoshop

by Pariah S. Burke , Macworld.com

Few would deny the classic beauty of a grayscale (black and white) photo. Many ordinary pictures can be rendered more elegant simply by removing their colors, but none more so than portraits. Amidst the kaleidoscope of colors on social media sites, forums, and blogs, a grayscale avatar can stand out as unique and memorable. Even more distinctive is an image in which a single color is used in place of black, or perhaps even a second color is used to replace white.

  • Recent Creative Notes Posts
  • Cartoon you: Photoshop gradients for monotone or duotone effects
  • Design basics: The alignment analysis
  • Cartoon you: Quick avatars with Photoshop filters and effects
Creative Notes home View all Macworld blogs

An image consisting of one color is called a monotone. White isn’t a color, but rather the absence of color—just like paper showing through a printed image indicates the absence of ink. Thus, in a grayscale or black and white photo, black is the only color, and that makes it a monotone. Adding a second color—either by replacing white or in addition to the first color—creates a duotone; third and fourth colors create tritone or quadtone images respectively.

Here’s how to use Photoshop CS4 to create monotones and duotones for your avatar portrait. The following instructions are completely non-destructive and preserve your original image. This technique is intended for users who are comfortable working with layers and creating or editing gradients.

1. With your color avatar image open in Photoshop CS4, check the Layers and Adjustments panels in the Windows menu to display the tools you need.

2. On the Adjustments panel click the Vibrance icon (the one with the inverted triangle) to add a Vibrance adjustment layer to the image.

3. As soon as you click the icon, the Adjustments panel will change to display two sliders, Vibrance and Saturation. Drag the Saturation slider all the way to the left to convert your image into grayscale. You now have a grayscale avatar; if this is all you want, stop here and use the Save for Web & Devices command from the File menu to create a JPEG, PNG, or GIF. Continue to the next step only if you’d like to use a color other than black.

4. At the bottom of the Adjustments panel click the arrow button at the left to back out of the Vibrance settings and return to the main Adjustments panel view. Once there, click the Gradient Map icon (bottom row, second from the right) to insert a Gradient Map adjustment layer above the Vibrance adjustment layer.


Photoshop's Gradient Editor gives you access to the program's built-in presets and lets you customize them.

5. Once in the Gradient Map dialog, click the arrow beside the displayed gradient and select a two-color gradient from the pop-up gradient palette. Use something other than a black-to-something gradient to see how the black and gray tones of the image are replaced by the color on the left of the gradient. For instance, if you choose a blue-to-white gradient, your image will become blue ink on a white background. If you don’t find a suitable gradient on the default gradient palette, click on the gradient itself to open the Gradient Editor. There, you can define your own gradient colors.

6. If you have only Photoshop’s default gradients downloaded, you’ll need to install more from the program’s built-in set. Click the Presets arrow to view another eight sets of gradients. The best one I found for faces is a two-color combo set called “Simple.” Choose it and click Append to load it. Note that if you check the Reverse checkbox, you can reverse the color concentration.


Several monotone and duotone effects were achieved with this technique. As long as you save a copy of the image as a Photoshop document, you can alter the monotone or duotone effect later simply by clicking on the Gradient Map 1 adjustment layer in the Layers panel, and then editing the gradient map on the Adjustments panel. The effect is live and nondestructive.

7. For a simple monotone effect, use a gradient that transitions from a color on the left to white on the right. To replace white in your image with another color—to create a blue on orange duotone image, for example—change the color stop on the right from white to that other color.

[ Pariah S. Burke is the author of Mastering InDesign CS3 for Print Design and Production (Sybex, 2007), and other books; a freelance graphic designer; and the publisher of the Web sites GurusUnleashed.com , WorkflowFreelance.com , and CreativesAre.com . Pariah lives in Portland, Ore.]

[This is the sixth of a series of articles on how to find, build, and create avatars for use on social networking Web sites and chat clients.]

Click here to read article at MacWorld