Photoshop Layers, Layer Mask and Blend Modes

Photoshop Layers, Layer Mask and Blend modes are the important aspects of Photoshop. Especially without layers you can’t do anything in Photoshop. In this tutorial you’ll learn more about the working mechanism of layers, layer mask and blend modes. You’ll also learn about the most important top five blend modes. Read this tutorial and learn more about the basics of Photoshop.

Photoshop Layers

First let’s talk about the layers. Photoshop layers are like the page of your notebook. Just like you write in page of your notebooks and once it’s full you turn the page and start writing in another page. Same applies to Photoshop Layers and you can also see through transparent areas of layer to the layers below.

Let’s take a look at Photoshop layer panel.

step-001

In the above image the new layer icon (red one) is used to create new layer. The add layer mask button (green one) is used to add layer mask to layers. Blend modes are in blue colors. Opacity and Fill (Magenta one) both control the transparency of layers.

Let’s learn more about layers. First create a new document to do this select File > New and set the setting as shown in the image below. Feel free to choose your own setting.

step-002

As you created the new document and now your layer panel resemble to below image.

step-003

Now activate the Rectangular marquee tool by pressing (M) on Keyboard. Now create a rectangle by simply dragging it over the document and fill it with any color you want by pressing (Alt + Backspace for foreground color and CTRL + Backspace for background color) on the keyboard.

step-004a

You can also change the foreground and background by clicking on the color icons shown in the image below. As you click on the foreground color a color picker dialog box appear and you can choose whatever color you want.

step-004

Right now we have two rectangle. Let say I want to move the black rectangle but as I move the black rectangle the pink also move. So what’s happening ? why I can’t move the black one ? Here is the concept of layers comes and we can’t move black rectangle because both rectangle are in same layer.

Let’s again create two rectangle but this time in different layers.
To create a new layer you can press new layer button on layer panel and you can also press ( CTRL + SHIFT + N ) on keyboard to create new layer.

step-005

Now I want to move the black rectangle I can easily move it because it’s in different layers. I can also place it behind the first one and all you need to do this is just drag the black layer below the pink one. Now you can move the any rectangle wherever you want, you can also change the opacity and blend mode of both rectangle. So this is how layer works in Photoshop

Layer Mask

Photoshop Layer masks as I mentioned earlier in this tutorial are the important aspects in Photoshop. Layer mask is used to control the transparency of layer but it’s different from layer opacity. Layer opacity control the transparency of the entire layer at once , a mask gives you more precise control over very specific areas.

In simple words you can use the layer mask to hide the different parts of layers which you can’t do using the opacity of layers.

Open up any image in Photoshop. So let’s open the bridge image in Photoshop.
step-006

Now add a layer mask to the bridge image by clicking on the layer mask button on the layer panel.

step-007

You can see in the above image that the layer mask color is white. White means the layer is 100% visible and black means layer is 100% invisible. In simple word if you want to hide the parts of an image then simply paint it with black color on the layer mask of that layers and if you want to reveal the parts of an image then simply paint it with white color.

As you can see the layer is 100% visible. Now I want to hide the sky part to do this I need to paint with black color on the layer mask of bridge using brush tool.

So activate the brush tool by pressing (B) on the keyboard and set you foreground color to black. Simply paint over the layer mask to hide the sky.

step-008

As you can see by simply painting on the layer mask of bridge with black color, we have the sky part hided. You can also see the layer mask results.

step-009

We have the sky part hided and now I to want add different sky image to it. All I need to this is just place the another image below the bridge layer. So first place the sky image to main document to do this select File > Place and place the sky image to main document. Then drag the sky layer below it.

step-010a

step-010

See we have very decent results.

That’s why layer mask are important in Photoshop for seamless blending. You can also combine different stock into a cohesive using layer masks.

Bonus Tip : Whenever you use layer mask for combining different stock image, always use soft round brush (it’s default brush in Photoshop) and set the opacity and flow of brush tool to 30% to 40 %. Reducing the opacity allow us blend the image properly to another image. I always use these brush setting in my every photo manipulation that’s why I recommending to you.

Blend Modes

Blend modes are another essential aspects of Photoshop. Working with blend modes is always experimental and we can’t predict the results for each blend modes.

Let’s take a look at blend modes group.

step-011

Let’s learn little bit more about blend modes group. First group is Normal and it’s default mode.

Second we’ve “Darken”, “Multiply”, “Color Burn”, “Linear Burn” and “darker color”, these are the darken mode because they always dark the image.

Third we’ve “Lighten” , “Screen”, “Color Dodge”, “Linear dodge” and “Lighter color” , these are the lighten mode. They always lighten image.

In fourth group we’ve “Overlay”, “Soft Light”, “Hard Light”, “Pin Light”, “Vivid Light”, “Linear Light” and “Hard Mix”, these are the contrast mode. Each one both darkens and lightens the image.

Next up we’ve composite group and we don’t need learn about these blend modes because they used often, especially in photo manipulation.

Finally we’ve Composite mode and “Hue”, “Saturation”, “Color”, and “Luminosity” modes made up the composite group.

Basically we’ll choose most important blend mode from each group and let’s learn more about blend using example.
Open the city image in Photoshop. Create a new layer and set you foreground color to #716d6d. Activate the brush tool and make a big stroke as shown in the image below.

step-012

Change the blend mode of city layer to multiply.

step-013

As a result it has the darken the city image. You can also experiment with another blend mode of darken group to learn more about it.

Now let’s go to the lighten group which always gone lighten the image.

We’ve city image again and this time change your foreground color to #ffb400. Using soft round brush tool make a big stroke as shown in the image below.

step-014

Change the blend mode of city to screen.

step-015

As you can see it has lighten up the city image. Try changing the blend mode to different one and see the results.

Now let’s change the blend mode to overlay with same color setting in previous one.

step-016

Now reduce the opacity to 40% and here are the results.

step-017

As you can see the overlay mode always boost the contrast of an image. Similarly you can experiment with Soft light, Hard light and many other blend modes to achieve you desired results.

Bonus Tip : Always always try to experiment with different blend mode and also try experimenting with layer opacity. As I said earlier blend modes are experimental and one can’t predict the results of blend modes. You’ll always get different results from each blend modes so it’s a better practice to experiment with every blend modes.

Conclusion

That’s it for tutorial. Remember it all about basics and you’ll learn a lot about of layers, layer mask and blend modes from upcoming advanced tutorial. Meanwhile Happy Photoshopping !!!

Bunty Pundir

Bunty Pundir is the founder of PSD Stack. He loves writing Photoshop tutorials and sharing knowledge with others. Follow him on Behance, Twitter and Google+

Leave a Reply

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

Photoshop Layers, Layer Mask and Blend M…

0