Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

In Photoshop, how do I take an image in shades of gray, and transform it into shades of whatever color I want? I don't know the term for it, if there's one, neither the property of the image I would be changing with this effect, but I think it's easy to understand.

share|improve this question
    
It depends on the image and the coloring you want on it. If it's a black and white photo that you want to make into a colored photo, chances are that you need to use something like brush tool rather than just laying color over it semi randomly. –  Joonas Dec 1 '12 at 21:06
    
@Joonas, thanks for your reply. I needed this to ajust grayscale icons to match my application theme. I needed to transform them to a #336699 scale. nine9ths solution worked like a breeze. –  André Pena Dec 1 '12 at 21:30
    
As a semi-related note, from offset printing experience: if you are intending to print grayscale images using a spot color you need not do anything to the image. You can place a grayscale image in a layout program like InDesign or QuarkXPress and assign it one of the spot colors you are using at the press. It will be rendered in the chosen spot color on screen, but the image itself remains "grayscale". (Or "single channel".) –  JYelton Dec 2 '12 at 2:16
add comment

2 Answers

up vote 7 down vote accepted

Make sure you're working with a Grayscale image and then go Image > Mode > Duotone, you'll bring up this dialog:

Duotone Options

From there choose the colors you want to use by clicking on the color block. Adjust the mapping of gray to color by clicking on the curves (the block with the diagonal in it).

You can achieve different effects by adding multiple colors. For example, this image:

grayscale image

With this tritone:

tritone options

Produces this image:

tritone image

share|improve this answer
    
This is absolutely amazing! worked perfecly. I needed this to ajust grayscale icons I downloaded from iconfinder to my application. I needed them to follow the application theme. Thank you so much! –  André Pena Dec 1 '12 at 21:22
    
Photoshop will even remember the last Ink color I created to make my job even easier. Awesome. –  André Pena Dec 1 '12 at 21:47
    
You could also save a preset if you anticipate needing to do this on multiple occasions. –  nine9ths Dec 1 '12 at 21:55
add comment

Gradient Map Adjustment Layers are awesome, precise and exactly what you're after.

Gradient Maps map the underlying image's brightness to a point on the gradient. This means you can choose exact colours for highlights, midtones and shadows.

There's a bit more info here: http://graphicdesign.stackexchange.com/a/10789/3901

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.