• About
  • Forum
  • Write For Us
  • Contact
  • Top 50 Photography Blogs
  • Resources
  • Archives

IndustryDev

Web Design & Photography Blog

  • Design
    • Lightroom
    • Photoshop
    • Bridge
    • Camera Raw
  • Development
    • HTML
    • CSS
    • JavaScript
    • PHP
    • Dev Tools
    • WordPress
  • Photography
  • Blogging
    • SEO
  • Technology
    • Hosting
  • Inspiration
    • Interviews
    • Learning
You are here: Home / Design / Quickly Creating Better Photo Color & Richness in Adobe Photoshop
Have a question? Ask it and help others in our new discussion forums.

Quickly Creating Better Photo Color & Richness in Adobe Photoshop

June 14, 2017

Making a photo pop isn’t all that difficult to achieve. Oftentimes, all it takes is a bit of tweaking in your favorite photo editor. While I’m very partial to the Adobe Camera Raw engine, which is used in Camera Raw as well as Lightroom, I’m also fond of Photoshop’s capabilities. With the introduction of adjustment layers in Photoshop, editing photos so they tell a story is so much easier than it’s ever been.

In today’s post, I’m going to show you how to make multiple enhancements to a photograph inside of Photoshop using adjustment layers. While I’m sure you already know all about this technique from reading my previous posts on the topic, I may just throw in a new tip or two here. Also, if you’re not well versed in adjustment layer usage, please take a look at these posts to get caught up.

Changing Colors with Some Adjustment Layer Sliders in Adobe Photoshop

How to Use the Gradient Tool with Adjustment Layers in Adobe Photoshop

Brightening Eyes with the Levels Adjustment in Adobe Photoshop


Demo Photo

From what I can gather, tattoos are becoming quite popular. I’m guessing that their popularity doesn’t only stem from their abilities to express, but because some of them look really cool. As far as I’ve seen, the better tattoos have depth to them. That, and vivid color that stands out and creates conversation. With this in mind, I though the following image would be perfect to use for this post.

Tattoo Man With Tattoos on Hands

Right off the bat, I think the picture looks pretty good. Of course, I think I can make it look a bit better. So, for the rest of this post, I’ll be doing just that – making it look better with adjustment layers.

Adding Vibrance & Saturation

Before I begin working on this photo, I want to tell you that any change I make is subject to further tweaking later on as more changes are made. Vibrance and Saturation values are notorious for further edits down the line, as contrast and lighting is altered. Just letting you know that.

Okay, the photo has already been launched into Photoshop and sized on my screen so it fills the entire work area (keyboard shortcut Ctrl+0). To kick things off, I’ll click the Vibrance adjustment layer icon in the Adjustments panel.


Vibrance Adjustment Layer in Adjustments Panel

My goal here is to add some life to the colors in the skin and the tattoos. If there’s any over saturation in the reds of the shirt, I’ll deal with that later on. In the screenshot below, you’ll see the changes I made to the Vibrance and Saturation sliders. I set the Saturation value to +25 and the Vibrance value to +60.

Vibrance and Saturation Slider Adjustments in the Vibrance Adjustment Layer Properties Panel in Photoshop

Are you interested in what the difference between Vibrance and Saturation is when it comes to Adobe Photoshop? Well, if you are, you can check out this post I wrote on the topic:

What’s the Difference Between Vibrance & Saturation in Adobe Photoshop?


Adding Conrast Via Curves

The next goal I have for this photo is to add some depth to it. I would like to contrast the arms and hands from the rest of the photo. I want to bring them to the forefront.

One method for doing this is to add contrast to the image. While I could easily use the Contrast slider in the Brightness/Contrast adjustment layer, I’m opting to use the Curves adjustment because there’s a simple to use preset in there.

Curves Icon in Adjustments Panel

If I click the Preset drop-down box and then select the Increase Contrast option, I’ll get the depth I’m looking for.

Increase Contrast Preset Option in Curves Adjustment Properties Panel


After doing this, I’ll also notice that the line on the Curves graph has been automatically altered. I could continue to modify the points on this line by clicking and dragging them if I wanted to, but I’m happy with the way they are, so I won’t touch them.

Contrast Curve

Reducing Oversaturation

In a previous section, I mentioned that the reds in the shirt may be slightly oversaturated. In all honesty, they really aren’t too bad, but for the sake of showing you how to deal with this type of thing, I’m going to say they are.

To make the reds in the shirt slightly less red, I’ll first click on the Hue/Saturation icon in the Adjustments panel.

Hue Saturation Icon in the Adjustments Panel


Then, I’ll click on the Targeted Adjustment Tool inside of the Hue/Saturation Properties panel.

Targeted Adjustment Tool in Hue Saturation Properties Panel

Once that tool is activated, I can go to any red section of the shirt, click and drag to the left to reduce the saturation level for that particular color.

Desaturating Reds with Targeted Adjustment Tool

If you take a look at the Properties panel in the screenshot above, you’ll see that, after I clicked on the oversaturated reds, Photoshop has automatically chosen Reds from the drop-down that sits to the right of the tool I just used, as well as selected the reds in the color slider down at the bottom of this panel. No matter what color I chose, Photoshop would have done the same thing for that specific color.


Also, if I drag left when using this tool, I reduce saturation. If I drag right, it increases it. This is a fast and effective tool to use.

Adding a Soft Light Blend Mode

Don’t worry, this is the second to last adjustment layer I’ll be adding and it’s one of the coolest. For this section, I’ll be using a new Hue/Saturation adjustment layer that will be colorized. To start, I’ll click on the Hue/Saturation icon once again in the Adjustments panel. Then, once the new Properties panel opens up, I’ll check the Colorize check box and I’ll move the Hue slider over to the area of the blues.

Colorize Check Box and Blue Slider Value

Now, just a word of warning. When I do this, the colors of the image will drastically change. You might like this look and want to keep it, but since I’m going for a more somber and down to earth appearance, I’m going to continue on with modifying this adjustment layer.

Blue Colorized Photo


To make things look more normal again, I’ll change the blend mode for this adjustment layer from Normal to Soft Light.

Soft Light Blend Mode

If you remember back to one of my earlier posts, you’ll remember that the Soft Light blend mode is defined as this:

Darkens or lightens the colors, depending on the blend color. The effect is similar to shining a diffused spotlight on the image. If the blend color (light source) is lighter than 50% gray, the image is lightened as if it were dodged. If the blend color is darker than 50% gray, the image is darkened as if it were burned in. Painting with pure black or white produces a distinctly darker or lighter area, but does not result in pure black or white.

Once I choose this mode, the image will look somewhat normal again.

Contrasted Image

Again, you may like this look and want to keep it. I’d like to make this latest effect just a tad less noticeable, so I’ll lower the opacity of this adjustment layer to 50%. I’ll use the Opacity slider in the Layers panel to accomplish this.

Opacity Slider in Layers Panel in Adobe Photoshop

Adding Some Brightness

Sometimes, after making a bunch of changes like I did in this post, the photo becomes somewhat dark. Also, images can become more dynamic in some areas and less dynamic in others. I’ve found that adding just a tinge of brightness to a photo can help out with this sort of issue, so that’s what I’ll do in this final section.

To add brightness to this image, I’ll click the Brightness/Contrast icon in the Adjustments panel.

Brightness Contrast Icon in Adjustments Panel


RECEIVE MY POSTS BY EMAIL!

Interested in receiving my posts by email? This is your chance! Simply place your email address in the field below and I'll deliver each and every post I write directly to your inbox.


Then, once the Properties panel opens up for this adjustment, I’ll slightly nudge the Brightness slider to the right, so the photo is just a bit brighter.

Brightness Slider in Brightness Contrast Properties Panel

I want to warn you about this slider. It’s nowhere near as good as the Shadows and Blacks sliders in Camera Raw or Lightroom, so don’t get your hopes up. When it says Brightness, it means just that. It’s a blunt instrument, so if you have more detailed changes to make, be sure you make them in one of those other applications.

Want a really neat solution to this little issue?

Using Camera Raw as a Filter Inside Adobe Photoshop

When I’m finished here, things should be a little more bright.

The Final Photo

As it turns out, I get exactly the look I was going for.

Final Edited Image in Photoshop

There’s some really nice contrast and depth in this photo and none of the colors are overwhelming. I’d say it looks great. The photo now has some punch.

——

As you may have guessed, you can make some seriously drastic changes to photographs by taking advantage of adjustment layers. While mine were mild, I’m sure you’ve seen some that were much more bold. Think about music magazines and some of the more edgy areas of our cultures. Personally, I like bold photos, but I keep most of them mild for this site.

Anyway, I hope I clearly explained how you can add contrast, color and depth to a photo using a variety of different adjustment layers in Adobe Photoshop. If you have any questions or concerns regarding this post, please leave them in the comment section below. Thanks for reading!

Check Out These Related Posts

  • Changing Colors with Some Adjustment Layer Sliders in Adobe PhotoshopChanging Colors with Some Adjustment Layer Sliders in Adobe Photoshop
  • Using the Reduce Noise Filter in Adobe PhotoshopUsing the Reduce Noise Filter in Adobe Photoshop
  • What’s the Difference Between Vibrance & Saturation in Adobe Photoshop?What’s the Difference Between Vibrance & Saturation in Adobe Photoshop?
  • How to Create Actions with Camera Raw Inside Adobe PhotoshopHow to Create Actions with Camera Raw Inside Adobe Photoshop
  • How to Enhance Color Using Curves in Adobe PhotoshopHow to Enhance Color Using Curves in Adobe Photoshop
  • How to Create a Custom Vignette in Adobe Camera RawHow to Create a Custom Vignette in Adobe Camera Raw
  • Jumping Between Adobe Lightroom, Photoshop & Camera RawJumping Between Adobe Lightroom, Photoshop & Camera Raw
  • Painting With the Mixer Brush in Adobe PhotoshopPainting With the Mixer Brush in Adobe Photoshop
  • How To Sharpen a Photograph Using Adobe LightroomHow To Sharpen a Photograph Using Adobe Lightroom
  • Selecting & Adding Saturation to an Object in Adobe PhotoshopSelecting & Adding Saturation to an Object in Adobe Photoshop
  • How to Load Additional Gradients into Adobe PhotoshopHow to Load Additional Gradients into Adobe Photoshop
  • 3 Awesome Canvas Size Tricks For Adobe Photoshop3 Awesome Canvas Size Tricks For Adobe Photoshop

Filed Under: Design Tagged With: Photoshop

What’s Next? Email Updates!

If you enjoyed reading this post, why not consider signing up to receive others like it by email? It's so easy and you can unsubscribe at any time.

About Jay Gaulard

Hi. My name is Jay Gaulard and I've been designing websites and taking photographs since 2002. My passions lie with learning the latest coding techniques and development tools as well as staying on top of the digital imaging world. When I'm not studying or writing, I'm practicing Brazilian Jiu-Jitsu in Maine, USA.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Connect With Me

  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • RSS
  • Twitter

RECEIVE MY POSTS BY EMAIL!

Interested in receiving my posts by email? This is your chance! Simply place your email address in the box below and I'll deliver each and every post I write directly to your inbox.

Follow Us on Facebook!

IndustryDev

Check Us Out on Instagram!

Load More…Follow on Instagram

Recent Posts

  • Using the Tone Curve in Adobe Camera Raw to Reduce Clipping February 20, 2019
  • How to Set Your Canon Rebel Camera For Continuous Shooting February 18, 2019
  • How to Use the Noise Reduction Feature in Adobe Lightroom February 16, 2019
  • Using the Dust & Scratches Filter to Clean Up a Photograph February 15, 2019
  • Use a Focus Rail For Better Macro Photography February 11, 2019

Most Popular Posts

  • How to Export Video From Adobe Photoshop How to Export Video From Adobe Photoshop
  • How to Set the Photo Quality in your Canon Rebel DSLR Camera How to Set the Photo Quality in your Canon Rebel DSLR Camera
  • How to Speed Up & Slow Down Video in Adobe Photoshop How to Speed Up & Slow Down Video in Adobe Photoshop
  • How to Adjust the Mouse Click & Scroll Settings in Windows 10 How to Adjust the Mouse Click & Scroll Settings in Windows 10
  • How to Resize & Save Files From Adobe Bridge Using Image Processor How to Resize & Save Files From Adobe Bridge Using Image Processor

About IndustryDev

IndustryDev is an online publication that focuses primarily on lovers of the digital world. We write articles that cast a wide net, including those that discuss website development, design and WordPress. We also post, daily, about the image related aspects of the web, including photography and illustration, along with other topics like blogging and SEO.

Read More

RSS IndustryDev Discussion Forum

  • What's the Easiest Way to Fix Over-Exposure & Under-Exposure Clipping? February 21, 2019
  • Tips & True Costs For Selling Greeting Cards on Etsy February 21, 2019
  • How Can I Set My Canon Rebel T3i to Continuous Shooting Mode? February 19, 2019
  • American Goldfinch Bird Photography Nature Greeting Card with Envelope February 19, 2019
  • Can I Get Rid of Grain in My Photos With Adobe Lightroom? February 18, 2019

Tags

Bridge Camera Lenses Camera Raw Camera Settings Channels CSS Dev Tools Graphic Design Hosting HTML Interviews JavaScript Learning Lightroom Macro Photography Masking Night Photography Photoshop Photo Tips PHP Post Processing Selections SEO Shapes Smart Objects Video WordPress

Recent Comments

  • Jay Gaulard on How to Add Hair to Missing Spots in Adobe Photoshop: “Hi Jessica, I would really need to see the photo to see what I'm up against. Perhaps this…” Feb 22, 09:36
  • Jessica on How to Add Hair to Missing Spots in Adobe Photoshop: “Hey, have you used this technique for covering areas in a fringe before? I’m wanting to cover up the areas…” Feb 22, 03:54
  • Jay Gaulard on 7 Search Engine Optimization Tips For Small Business: “You are very correct, Mike. I wrote this post a while ago, but it's interesting to follow the trajectory of…” Feb 18, 17:24
  • Mike Khorev on 7 Search Engine Optimization Tips For Small Business: “Onsite SEO is important, but only one piece of the puzzle... It's funny, 10 years ago you would've had…” Feb 18, 16:24
  • Jay Gaulard on How to Reset Edit Settings Back to Default in Adobe Camera Raw: “Hi Charleen, I'm assuming you are talking about the small circle identifier that appears in Adobe Bridge after…” Feb 11, 15:57

ARCHIVES

  • 2019: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2018: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2017: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2016: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2015: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

Copyright © 2019 · IndustryDev.com Web Design & Photography Blog · About · Write For Us · Contact · Privacy / Terms · Archives