Day 26 – Adjustment Layers in Photoshop – Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

Hey Guys – It’s time for the next tutorial from 30 Days to Learn Photoshop Series. Last time we discussed on Adjustment layers of Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure. This is the next and the last part of the series where I’ll be discussing Adjustment layers of Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert. There are few more but you are never going to use them.

Part 1 – Everything about Adjustment Layer in Photoshop
Part 2- Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure in Photoshop

Before we begin, I want to explain two things again (in case you missed any of the last two parts).

WHAT’S ADJUSTMENT LAYER IN PHOTOSHOP?

The Adjustment Layers in Photoshop are a group of some useful, non-destructive image editing tools that add color and tonal adjustments to your image. Did you read the word “non-destructive”? Yeah, all of the changes will be done without harming the original image. Means that you can go back to any point in time without any loss. It’s like a Time Machine in macOS and Win7 backup in Windows.

WHERE ARE ADJUSTMENT LAYERS LOCATED IN PHOTOSHOP?

Adjustment layers are located at the bottom of layer panel (press F7 to open).

1-1 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

All the things that you’d use daily are present here. Be it Brightness, Color Balance, Photo Filter, Gradient, or even Invert are present here.

Now that you what and where of the Adjustment layer, let’s explore it. I am going to explain each layer in a two separate tutorial. In the tutorial, I’ll cover Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure. The rest of the things will be covered in the next tutorial.

What is Vibrance and Saturation in Photoshop?

No photo looks worse than a washed out photo. To give life to a washed out photo, these two adjustment layers come into action.

1 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

You may feel that both of them works in the same way if you’re new to Photoshop. If you’re not new, you may feel that they work differently but you don’t know how. So, let me quickly differentiate between these two.

Vibrance – This slider only deals with the colors that are saturated. So if you drag this slider to the right, only less saturated colors will pop up. If you drag it to the left, only saturated colors will fade away.

Saturation – This slider does not work smartly. It doesn’t differentiate between less saturated color and more saturated color. If you drag this slider to the right, the entire image will become saturated.

What is Hue/Saturation in Photoshop?

This adjustment layer lets you change the hue of the image. The Hue is basically the wavelength of the image and each color has a different wavelength.

2-1 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

Saturation slider does the same job here.

Lightness increases the white of the color. If you drag the slider to the right, the photo will become lighter.

You can also click on the “Colorize” box to add a tint to your image.

3-1 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

What is Color Balance in Photoshop?

Color balance is the most advanced adjustment layer to remove the tint from an image. Here you can increase or decrease the intensity of Red, Green, or Blue in an image.

For example, I have corrected the slightly yellow tint in the demo image.

4-1 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert
Below is the original image.

5 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

Color Balance layer has three tones. One is Highlights, one is Midtones, and the last is Shadows.

Highlights – If this tone is set, whatever modification you do in the image will be changed only in the highlights part. Highlights part of an image is the part which is overexposed as per the histogram. Sun and sky are the highlight parts of the image.
Midtones – If this tone is set, whatever modification you do in the image will be changed only in the midtones part. Midtones parts are neither bright nor dark. Sea is the midtone here.
Shadows – If this tone is set, whatever modification you do in the image will be changed only in the dark part. Leaves and branches are the shadow parts here.

What is Black and White Adjustment Layer in Photoshop?

This adjustment layer converts an image to Black and White. Although this method is not the one which I prefer to convert my images (I prefer Gradient Map because that gives crispier black and white) but this layer gives a good amount of flexibility.

6 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

You can also select the amount of luminosity of each primary color.

What is Photo Filter in Photoshop?

Photo Filter adds tint to the image.

You can choose the Filter (basically color) and start tinting your image. If your color is not listed, you can also choose some custom color by clicking on the “color” and then choose the color.

You can also smartly use this layer to remove the tint. For example – the original image has a yellow tint. Now we all know that the opposite of yellow is blue. So, if we choose the filter as Blue and increase the intensity then we can remove the yellow tint.

One thing I always recommend is to keep “Preserve Luminosity” turned on. This tool keeps the whites of the image white so that your highlights don’t get tinted.

7 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

What is Color Lookup in Photoshop?

I have never used this layer much but this gives some cool filters to your image. Below is an example. There’s not much to share about this layer.

8 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

What is Invert in Photoshop?

Invert adjustment layer inverts the image. The Invert command inverts all the pixel colors and brightness values in the current layer as if the image were converted into a negative. Dark areas become bright and bright areas become dark. Hues are replaced by their complementary colors.

9 - Day 26 - Adjustment Layers in Photoshop - Vibrance, Hue, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert

This is all for today guys. Check out the rest of the tutorials from 30 Days to Learn Photoshop series.

Day 25 – Adjustment Layers in Photoshop – Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

Hey guys, welcome to another tutorial on 30 Days to Learn Photoshop series. Last time I showed you how to use adjustment layers in Photoshop but I didn’t show you all of them. We’re covering those in today’s tutorial.

Before we begin, I’d like to recall the adjustment layers that we discussed last time. They were Solid Color, Gradient, Pattern, Brightness, Level, Curves, and Exposure. Today, we’ll be learning Vibrance, Hue and Saturation, Color Balance, Black and White, Photo Filter, Color Lookup, and Invert. We’re leaving other things because you’re never going to use them.

So let’s begin and start revising few things.

WHAT’S ADJUSTMENT LAYER IN PHOTOSHOP?

The Adjustment Layers in Photoshop are a group of some useful, non-destructive image editing tools that add color and tonal adjustments to your image. Did you read the word “non-destructive”? Yeah, all of the changes will be done without harming the original image. Means that you can go back to any point in time without any loss. It’s like a Time Machine in macOS and Win7 backup in Windows.

 

WHERE ARE ADJUSTMENT LAYERS LOCATED IN PHOTOSHOP?

Adjustment layers are located at the bottom of layer panel (press F7 to open).

1-1 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

All the things that you’d use daily are present here. Be it Brightness, Color Balance, Photo Filter, Gradient, or even Invert are present here.

Now that you know what and where of the Adjustment layer, let’s explore it. I am going to explain each layer in a two separate tutorial this is the second tutorial (here’s the first one). In the tutorial, I’ll cover Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure. The rest of the things will be covered in the next tutorial.

What is Vibrance in Photoshop?

Vibrance slider lets your picture more or less vivid. So, if you think that your image looks pale and you want to increase the color, you can use this slider. Below is the image where I added the color.

1-2 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and ExposureIn the adjustment panel, you’ll also see another slider which is named as Saturation. If you play with that slider, you’ll see that both of them increases or decreases color.

If so, then why did Adobe provide two sliders when they work similarly?

Actually, they don’t. They both do the same job and do it differently. If you pull both sliders one by one all the way to the right, you’ll see that saturation adds more color. Vibrance only manipulates the pixel which is pale. It doesn’t touch pixels which are already saturated. This results in a balance of color. On the other hand, Saturation doesn’t discriminate. It increases the saturation of all the pixels by the same amount.

What is Hue and Saturation in Photoshop?

Hue – you’ve heard this term first on day 23 when we were discussing Camera Raw in Photoshop.

Hue changes the color of the entire image. It basically changes the hue of the image. In the below image, I have changed the hue to +42 and the hue of my photo is changed.

2-2 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and ExposureSaturation does exactly what we discussed in the previous section. It increases or decreases the saturation level.

Lightness does what it’s named after. It increases or decreases the lightness. Almost all the time it messes up the photo so I never use the Lightness slider.

One cool trick – if you want all the picture to be of the same color, you can use the “Colorize” checkbox. You may want to increase the saturation otherwise your photo will be of grayscale.

3-2 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and ExposureWhat is Color Balance in Photoshop?

You see tints on almost all the photos that are taken by your phone. Most of those are yellow tint and some have a blue tint. You want to remove those tints but you don’t know how. This is where Color Balance comes into the picture.

Color Balance layer corrects the color of your photos.

4-2 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and ExposureIn the above image, I removed yellow tint and photo is looking better. This is how it was looking before.

5-2 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and ExposureCan you see the difference? The first photo is looking much better than the second photo.

In Color Balance adjustment layer, there are three tones – Shadows, Midtones, and Highlights. Whatever is dark in your photo is considered as shadow and whatever is light in the photo is considered as a highlight. Everything in between is considered as midtones.

In the above image, the sun and sunrays are highlights, the tree leaves and tree shadows are shadows, and the rest of things are midtones.

While correcting your color, you need to make sure that you select the proper tone. If the sun is having blue tint than you need to select highlights tone and make the changes.

What is Black and White Adjustment Layer in Photoshop?

As the name suggests, this tool lets you convert your image to black and white.

6-2 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and ExposureYou’ll see 6 sliders. These sliders let you modify your photo appearance.

For example, if you drag the red slider to the right, the pixels which are having red color will become brighter. The opposite will happen if you drag it to the left.

A rule of thumb: To save some time, I click on the “Auto” button and then tweak the sliders. This saves me a few minutes.

What is Photo Filter in Photoshop?

I understand that Color Balance is hard to use and a bit time-consuming. You are wondering if there’s any another alternative to remove the tint in photos. Well, there is, and Adobe calls it Photo Filter.

There was a huge yellow tint in the image. After using a blue filter, most of the yellow tint is now gone. I understand the photo is slightly moved towards blue but my main aim is to show you that it can be done.

7-2 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and ExposureApart from fixing tints, you can also use Photo Filter to give nice effects to your images. To choose the filter, click on the drop-down menu to choose presets or you can choose your own color by clicking on the colored square. It’s always appreciated if you turn on “Preserve Luminosity” every time. This keeps the highlights of the image bright.

What is Color Lookup in Photoshop?

Now the next thing we’re getting into is Color Lookup. You can consider as filters that you get on Instagram. It’s pretty straight-forward. Just open the Color Lookup and choose which lookup you like.

8-1 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and ExposureYou can also create your own filter but let’s not get into that for now.

What is Invert in Photoshop?

Now the next thing that we have is Invert. It’s pretty much straightforward and you already know what it means. It simply inverts the color. If you are born in the 1990s or before, you can consider it a negative copy of the image.

The keyboard shortcut of invert is Cmd/Ctrl + I.

9-1 - Day 25 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

And that’s it!

We have not completed the adjustment layers in Photoshop. Check out what’s happening with Photoshop in TrickyPhotoshop.

Day 24 – Adjustment Layers in Photoshop – Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

Hey, folks! How was your weekend? Pretty exciting, huh? Mine was also. I hope that you also followed my last tutorial on Camera RAW. Why not? It was an amazing tutorial. I explained everything about Camera RAW. Today, we’re going to learn Adjustments Layers in Photoshop.

To apply tweaks like brightness, exposure, contrast, saturation, or etc. you don’t need to open Camera RAW every time. Photoshop gives you a nice and clean way to change it on the go. All of this can be done with the help of adjustment layers.

So, let’s begin with the most basic question.

What’s Adjustment Layer in Photoshop?

The Adjustment Layers in Photoshop are a group of some useful, non-destructive image editing tools that add color and tonal adjustments to your image. Did you read the word “non-destructive”? Yeah, all of the changes will be done without harming the original image. Means that you can go back to any point of time without any loss. It’s like a Time Machine in macOS and Win7 backup in Windows.

Where are Adjustment Layers Located in Photoshop?

Adjustment layers are located at the bottom of layer panel (press F7 to open).

1-1 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

All the things that you’d use daily are present here. Be it Brightness, Color Balance, Photo Filter, Gradient, or even Invert are present here.

Now that you what and where of the Adjustment layer, let’s explore it. I am going to explain each layer in a two separate tutorial. In the tutorial, I’ll cover Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure. The rest of the things will be covered in the next tutorial.

What is Solid Color in Photoshop?

Solid color fills the image with one color and you get to decide the color.

Go to Solid Color and choose the color you like and press OK. I chose a shade of Blue.

2-2 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

You see that the entire image is filled with the color that you chose.

You think that what the hell. Why would I fill my entire image with a color? Hold on! You can do some artistic effects. If simply change the Blend Mode to color, I get Blue tint. Isn’t it looking nice? I know it doesn’t but don’t be rude and say yes… haha…

3-1 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

What is Gradient in Photoshop?

This adjustment layer works exactly similar to the Gradient Tool that we learned a while ago. So, I am not going to much details on this. Click on it and you’ll figure out how to use it.

4-1 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

What is Pattern in Photoshop?

This option lets you fill your image with the patterns of your choice. The pattern will fill the entire image.

5-1 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

Like Solid Color, you can play with Blend Modes this time also. I chose Color Burn this time.

6-1 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

What is Brightness and Contrast in Photoshop?

I am damn sure that I don’t need to explain these two. You did tweak these two when you edited your first digital photo around 10 years.

Ummm… Still, I’ll explain you.

  • Brightness brightens or dims the image
  • Contrast increase the difference between the whites and blacks of the image

7-1 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

What is Levels in Photoshop?

This is a bit tough to explain. There is one slider with three control points named as A, B, and C in the below image.

A: Drag it to the right to increase the black
B: Drag it to the right to increase contrast and drag it to the left to decrease contrast
C: Drag it to the left to increase white

8 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

To make things simpler, Photoshop provides presets also which are highlighted with a blue rectangle. You may want to use it.

What is Curves in Photoshop?

If you see the graph, the y-axis is divided into 4 parts. Each part represents a region. Upper parts demonstrate the light and lower parts demonstrate the shadow.

9 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

  1. Highlight: It affects only the upper regions
  2. Light: It mainly affects the upper two regions but slightly affects lower two regions as well
  3. Darks: It mainly affects lower two regions but slightly affects upper two regions as well
  4. Shadows: It only affects lower two regions

What is Exposure in Photoshop?

The Exposure slider is probably the least mystically named of the control sliders and unsurprisingly it allows you to adjust the exposure of your photo. Dragging to the right will lighten an image while dragging to the left darkens it.

10 - Day 24 - Adjustment Layers in Photoshop - Solid Color, Gradient, Pattern, Brightness, Levels, Curves, and Exposure

The Offset slider isn’t obviously named, but this control has the greatest influence over the dark tones of photos. Sliding it to the right will lighten shadow areas, but you should take care as you’ll quickly see that images can start to look washed out as this is adjusted in this direction. Sliding to the left will darken your shadow areas and if you overdo this, you will start to see some unnatural color shifts occurring.

The Gamma slider has the greatest effect over the mid-tone range of your images, though the direction that you adjust the slider is counter-intuitive. To darken the image, you need to slide it to the right and vice-versa to lighten it.

This is all for today. I hope that you enjoyed the tutorial.
Check out the other tutorials from 30 Days to Learn Photoshop series.