In this tutorial, I'm taking a brief look at opacity and blending modes in Photoshop and how you can create different image effects by using them. I'm not going to look at each of the blending modes - there are 23 of them - but more an overview of how they work.
When you combine layers you are, in effect, changing the way pixels on the various layers unite with each other. This process usually gives us some cool, and often unusual, results. If you are looking to compose multiple-image artwork, blending modes can be a great way to accomplish that.
I start out a Photoshop file that has two layers. One layer is an image of an old building with a yellow wall and the other layer has a staircase on the outside of an apartment block. When you're trying this out yourself, just use any Photoshop image with two different layers, with something on each layer.
It's always a good idea to give your layers a descriptive name. Don't just leave each layer with it's default of Layer 1, Layer 2, Layer 3 and so on. When you're dealing with an image with 20 layers this becomes very tiresome when you're trying to figure out what's on each layer.
Step 1 - Rename your Layer Double-click the layer name in the Layers palette. A bounding box will appear around the words Layer 1. Type a new name and Press Return or Enter.
Note: Make sure you click directly on the layer name, otherwise you will open the Layer Style dialog box and you won't be able to rename the layer.
Step 2 When I click on the eye icon on the newly-named Stairs layers. The image of stairs appears in the image and the Orange Wall is hidden.
Step 3 - Change Opacity With the Stairs layer selected in the Layers palette, click on the arrow beside the opacity field and drag the slider to 40%. Notice that everything on this layer - the stairs and the wall they are attached to becomes less opaque (more see-through).
Step 4 Lowering the opacity of a layer makes the artwork on that layer more translucent, so that the layers beneath it show through.
Step 5 Drag the opacity slider back to 100% so that you can see the Field normally.
Step 6 On the layers palette, click on the down arrow beside the field that says " Normal". By default, layer appear with a blending mode of Normal.
Step 7 From the drop down menu that appears, choose Hard Mix.
The image changes quite dramatically.
Take a few minutes to try out different blending modes and see how the image is affected.
The Multiply mode is probably one of the most often used blending modes. It blends layers to produce a darker colour, except where there are white pixels. The white pixels will disappear.
When you have found a blending mode that produces an effect you like, click on the Field palette to select it. Click on the "Create a New Layer" button at the bottom of the Layers palette.
You should see that a new empty layer has appeared in the Layers palette, just above the Field layer, but nothing should have changed on the image in the document window. When you add a new layer, by default the layer is empty and transparent. We want to use this new layer to create a border around the image we've been working on. The advantage to drawing on this layer, as opposed to drawing on any of the other layers, is that it can be isolated on its own - turned on or off, transparency adjusted and other adjustments applied to the layer.
Again, make sure that the new empty layer is selected. Grab the Brush tool from the Toolbox (or hit B on the keyboard). On the tool options bar, click on the Brush Preset Picker and select a rough looking brush. (I picked a Dry Brush Light Flow) and set the master diameter to about 100 pixels. On the toolbox, set the foreground color to black by hitting "D" on the keyboard - this sets the foreground and background colors to their default - black and white. Start drawing around the edge of the image to create a rough border.
Rename the layer as "B order". (Yes, I know I'm nagging about the naming of layers but it's good practice!)
The benefit to drawing on this new empty layer is if you don't like your work you can turn it off without affecting your entire image. You could also reduce the opacity to see how that looks.
Take some time to try adding more layers to your image and play with the drawing tools. Select different brushes and colors and choose different blending modes.
So that's it for our tutorial on blending modes and opacity. Obviously the best way to find out how they work is to experiment and check out all the different effects you can achieve.
When you combine layers you are, in effect, changing the way pixels on the various layers unite with each other. This process usually gives us some cool, and often unusual, results. If you are looking to compose multiple-image artwork, blending modes can be a great way to accomplish that.
I start out a Photoshop file that has two layers. One layer is an image of an old building with a yellow wall and the other layer has a staircase on the outside of an apartment block. When you're trying this out yourself, just use any Photoshop image with two different layers, with something on each layer.
It's always a good idea to give your layers a descriptive name. Don't just leave each layer with it's default of Layer 1, Layer 2, Layer 3 and so on. When you're dealing with an image with 20 layers this becomes very tiresome when you're trying to figure out what's on each layer.
Step 1 - Rename your Layer Double-click the layer name in the Layers palette. A bounding box will appear around the words Layer 1. Type a new name and Press Return or Enter.
Note: Make sure you click directly on the layer name, otherwise you will open the Layer Style dialog box and you won't be able to rename the layer.
Step 2 When I click on the eye icon on the newly-named Stairs layers. The image of stairs appears in the image and the Orange Wall is hidden.
Step 3 - Change Opacity With the Stairs layer selected in the Layers palette, click on the arrow beside the opacity field and drag the slider to 40%. Notice that everything on this layer - the stairs and the wall they are attached to becomes less opaque (more see-through).
Step 4 Lowering the opacity of a layer makes the artwork on that layer more translucent, so that the layers beneath it show through.
Step 5 Drag the opacity slider back to 100% so that you can see the Field normally.
Step 6 On the layers palette, click on the down arrow beside the field that says " Normal". By default, layer appear with a blending mode of Normal.
Step 7 From the drop down menu that appears, choose Hard Mix.
The image changes quite dramatically.
Take a few minutes to try out different blending modes and see how the image is affected.
The Multiply mode is probably one of the most often used blending modes. It blends layers to produce a darker colour, except where there are white pixels. The white pixels will disappear.
When you have found a blending mode that produces an effect you like, click on the Field palette to select it. Click on the "Create a New Layer" button at the bottom of the Layers palette.
You should see that a new empty layer has appeared in the Layers palette, just above the Field layer, but nothing should have changed on the image in the document window. When you add a new layer, by default the layer is empty and transparent. We want to use this new layer to create a border around the image we've been working on. The advantage to drawing on this layer, as opposed to drawing on any of the other layers, is that it can be isolated on its own - turned on or off, transparency adjusted and other adjustments applied to the layer.
Again, make sure that the new empty layer is selected. Grab the Brush tool from the Toolbox (or hit B on the keyboard). On the tool options bar, click on the Brush Preset Picker and select a rough looking brush. (I picked a Dry Brush Light Flow) and set the master diameter to about 100 pixels. On the toolbox, set the foreground color to black by hitting "D" on the keyboard - this sets the foreground and background colors to their default - black and white. Start drawing around the edge of the image to create a rough border.
Rename the layer as "B order". (Yes, I know I'm nagging about the naming of layers but it's good practice!)
The benefit to drawing on this new empty layer is if you don't like your work you can turn it off without affecting your entire image. You could also reduce the opacity to see how that looks.
Take some time to try adding more layers to your image and play with the drawing tools. Select different brushes and colors and choose different blending modes.
So that's it for our tutorial on blending modes and opacity. Obviously the best way to find out how they work is to experiment and check out all the different effects you can achieve.
About the Author:
Did you like this article? Interested in learning photoshop fast? Well now you can by reading this free Guide...what are you waiting for?
