g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Autism Spectrum Disorders
Mental Health
Blogs / Social Networking
Kidney Disease
Today in History

All times in EST

Low Carb: 8:00 PM

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


Adding A Monochromatic Effect To A Photograph Using Photoshop CS

Project Information: Skill level: Basic AdobeR PhotoshopR CS General tips

One of the BellaOnline editors emailed me a few days ago and asked how to apply a monochromatic effect to a photograph using Photoshop CS. She had seen this effect used on a website and liked it so much she wanted to use the technique on images for her own website. It is a simple technique that has many uses from website images to digital scrapbooking.

Once you have your photograph scanned into Photoshop CS, you will need to crop and resize your image depending on how you plan to use the image in your project. Once you have done that you are ready to apply the monochromatic effect to your photograph.

Step 1. Convert to Grayscale Mode. We need to remove the color from the image and convert it to grayscale (shades of gray). On the Menu bar, click Image > Mode > Grayscale and choose OK when prompted.

Figure 1. Original Photo

Figure 2. Grayscale

Step 2. Covert back to RGB Mode. At this point your image can only contain shades of gray. We want the finished image to be monochromatic (shades of a color) so we first need to convert the image back to RGB mode. On the Menu bar, click Image > Mode > RGB.

Step 3. Add the color. Now we are ready to add color to the image. When we do, the shades of gray will become shades of the color you choose. This will give your image the monochromatic effect we are striving for. Photoshop CS has a handy tool for this process. On the Menu bar, click Image > Adjustments > Variations to open the Variations dialog box. For this step, the setting in this dialog box should be Midtones and the slider bar should be midway between Fine/Coarse. The final color in your image is a result of the combination of color choices you make in this step. For my image I decided to use the following combination. (Note: At any time you can return to your original image by clicking on Original in the upper left corner of the dialog box.) When you are happy with the color, click OK to close the Variations dialog box.

Figure 3. Blue Monochromatic
1 More Cyan
1 More Blue

Step 4. Brightness/Contrast adjustments. Depending on the image you started with, you may want to adjust the brightness or contrast. You can darken or lighten your image from within the Variations dialog box. However, these adjustments were too harsh for my image. So I decided to use Photoshop's Brightness/Contrast feature.

On the Menu bar, click Image > Adjustments > Brightness/Contrast to open this dialog box. I used the slider bar to increase the contrast by 5. Depending on your image you may need to use a different setting.

Figure 4. Increased Contrast

Step 5. Save your work. When you are satisfied with the new photo, save your image in a format that you will need for your project.

AdobeR product screen shot(s) reprinted with permission from Adobe Systems Incorporated. AdobeR, PhotoshopR and PhotoshopR AlbumTM are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.

Add Adding+A+Monochromatic+Effect+To+A+Photograph+Using+Photoshop+CS to Twitter Add Adding+A+Monochromatic+Effect+To+A+Photograph+Using+Photoshop+CS to Facebook Add Adding+A+Monochromatic+Effect+To+A+Photograph+Using+Photoshop+CS to MySpace Add Adding+A+Monochromatic+Effect+To+A+Photograph+Using+Photoshop+CS to Del.icio.us Digg Adding+A+Monochromatic+Effect+To+A+Photograph+Using+Photoshop+CS Add Adding+A+Monochromatic+Effect+To+A+Photograph+Using+Photoshop+CS to Yahoo My Web Add Adding+A+Monochromatic+Effect+To+A+Photograph+Using+Photoshop+CS to Google Bookmarks Add Adding+A+Monochromatic+Effect+To+A+Photograph+Using+Photoshop+CS to Stumbleupon Add Adding+A+Monochromatic+Effect+To+A+Photograph+Using+Photoshop+CS to Reddit


RSS | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Pocket Wedding Invitation SVG Cut File

Planning a Wedding Suite Design

Draw a Spiral Christmas Tree in Illustrator

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor