• About
  • Write For Us
  • Contact

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 / Working With Layers in Adobe Photoshop

Working With Layers in Adobe Photoshop

November 9, 2015

Working With Layers in Adobe Photoshop

This is a very exciting post because we’re finally going to dive deep into the meat of Photoshop. Until now, I’d say we’ve been dabbling. Today, we’re going to explore what layers are and how powerful they can be.

I’m going to attempt to explain layers as simply as possible and as they were explained to me years ago. If you don’t quite “get it” right away, no sweat. As we work though some projects on this site, everything will become clear. And as always, if you have any questions, please don’t hesitate to shoot me an email. I love getting emails.

What are layers? Most simply put, layers are a feature in Photoshop that allows us to work non-destructively. Think about it this way – you took a photo, printed it and placed it so it lay flat on a table. We can consider this your base layer. Next, you printed another copy, altered the colors somewhat and placed it directly on top of the first photo. This next photo would be considered another layer. If you did this again and again, you’d have multiple layers. You see, you can alter layers however you wish and by saving the original way down at the bottom, you won’t lose the original.

Of course, working with and altering your additional layers is really the motivation for creating them in the first place. You can create effects, change opacity, merge, flatten and so much more. As I said above, it’s exciting to move into this area of Adobe Photoshop!


In this post, I’m going to begin to touch on how to work with layers. I’ll explain how to complete a few simple tasks and I’ll lay the groundwork for future posts.

Viewing the Background Layer

Today, we’ll be working with a beautiful butterfly photo. I’ve already adjusted it a bit in Camera Raw and have opened it into Photoshop. The moment I opened it into Photoshop, the photo was set as the background layer. I can see this by taking a look at the “Layers” panel.

NOTE: If you’d like a larger view of any example image in this post, simply right click on it and choose “Open Image In New Tab.”

Layers Panel in Adobe Photoshop

I have to tell you, in my old age, I’m having a bit of trouble seeing what’s inside the layer thumbnail. I’d actually it a bit larger. To make it so, I’m going to right-click in the Layers panel and choose “Large Thumbnails.”


Change Thumbnail Size in Layers Panel in Adobe Photoshop

Well, after looking at that, I think I’ll switch it back to medium. Large is just too large.

How To Create a New Layer

In this post, I’m going to be doing some things simply as examples. I understand that we don’t exactly need to accomplish these things, but it’s important to go over them.

The first task I’d like to complete is to create a new layer. To do this, I’m going to head down to the bottom of the Layers panel and click the new layer icon. This is the one that’s directly to the left of the trash can (second from the right).

Create New Layer in Adobe Photoshop


As you can see, I circled the new layer in red as well as the new layer button.


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.


How To Rename a Layer

If I wanted to rename the layer I just created, or any layer for that matter, I would simply double-click on the existing name to make it editable and would type in my new name. Once that’s finished, I would hit “Enter” on my keyboard.

Renaming a Layer in Adobe Photoshop

Editing the New Layer

If you take a closer look at the name I gave the new layer, you’ll see that I decided to call it “RED CIRCLE.” I did this because I plan on creating a circle in this layer to demonstrate how layers work a bit.

Edit Layer in Adobe Photoshop


As you can see, the red circle is inside the new layer and it sits directly on top of my photograph. Now, it’s important to remember how this works. I have a photo that’s laying on my table. I created an image with a red circle and placed it directly on top of my photo. I have two layers now. In no way does this red circle layer interfere with my photo layer. They are separate and independent. I can use my “Move” tool to slide the red circle around if I wanted to and I can move my photo as well. All I’d have to do is select which layer I’d like to move around from the Layers panel.

How To Hide a Layer

I’ve decided that having a big red circle on top of my photo is really ugly, so I’d like to hide it. I don’t want to delete it right now because I’m going to use it in later examples. I just want to hide it. To do this, I simply click the small eye icon to the left of the layer thumbnail in the Layers panel.

Hide Layer in Adobe Photoshop

By clicking the eye icon, I’ve hidden the layer. It’s still there, so if I want it to appear again, all I need to do is to click the small box the eye used to be in. Once that’s complete, all will be revealed.

How To Duplicate (or Copy) a Layer

If you remember back a few sections, I explained how to create a new layer. All you needed to do was to click the new layer icon at the bottom of the Layers panel. Duplicating a layer is pretty much just as easy. In order to copy a layer, all you need to do is to drag the layer you want to copy down to the new layer icon and let go of your mouse. Once this is done, you’ll have two identical layers. I’ll do this with my red circle layer.


Duplicate Layer in Adobe Photoshop

The screenshot above shows me dragging the layer I want to copy down to the new layer icon and this next screenshot shows the new layer in the Layers panel. Photoshop automatically kept the name of the layer, but added “copy” to the end of it.

Copy Layer in Adobe Photoshop

How To Delete a Layer

Since I only created that second red circle layer as an example, I think I should delete it. I don’t want my Layer panel all cluttered up with useless layers. To delete a layer, all I need to do is to click and drag the layer I want to delete down to the trash can icon at the bottom of the Layers panel. That will get rid of it.

Delete Layer in Adobe Photoshop


How To Change the Opacity of a Layer

I use this tool all the time when I’m editing images. Changing the opacity has so many uses – I can’t even type them all right now. Just be assured that this is one section you want to pay attention to because later posts are going to build off it.

To change opacity of a layer, you’ll need to select the layer in question and then click on the “Opacity” slider that’s located right above the layers in the Layer panel. In the case of my example, I chose to reduce the opacity of my red circle layer from 100% to 50%. As you can see in the screenshot below, the big red circle is sort of see-through now.

Change Layer Opacity in Adobe Photoshop

I think I’m going to stop here. As I mentioned above, this is the first of many posts that will cover layers in Photoshop. Since this is such a huge topic, I’m going to devote a lot of time to it.

——


If you’ve enjoyed today’s post and found it helpful, please share it with a friend. Also, if you’d like to continue learning and would like our posts sent directly to your email inbox, simply sign up for our newsletter. We’ll send each and every post directly to you. Thanks!

Check Out These Related Posts

  • What’s the Difference Between Vibrance & Saturation in Adobe Photoshop?What’s the Difference Between Vibrance & Saturation in Adobe Photoshop?
  • How To Remove a Color Cast From a Photo Using Adobe PhotoshopHow To Remove a Color Cast From a Photo Using Adobe Photoshop
  • Using Focus Area & Smart Sharpen to Edit a Photo in Adobe PhotoshopUsing Focus Area & Smart Sharpen to Edit a Photo in Adobe Photoshop
  • Changing Colors with Some Adjustment Layer Sliders in Adobe PhotoshopChanging Colors with Some Adjustment Layer Sliders in Adobe Photoshop
  • How to Enhance Color Using Curves in Adobe PhotoshopHow to Enhance Color Using Curves in Adobe Photoshop
  • Selecting, Masking & Moving Image Objects in Adobe PhotoshopSelecting, Masking & Moving Image Objects in Adobe Photoshop
  • How to Organize Video & Audio Project Files for Adobe PhotoshopHow to Organize Video & Audio Project Files for Adobe Photoshop
  • A Smart Use of Multiple Cropping Methods in Adobe PhotoshopA Smart Use of Multiple Cropping Methods in Adobe Photoshop
  • How to Create a Custom Vignette in Adobe Camera RawHow to Create a Custom Vignette in Adobe Camera Raw
  • Selectively Sharpening Parts of a Face in Adobe PhotoshopSelectively Sharpening Parts of a Face in Adobe Photoshop
  • Working With the Content-Aware Move Tool in Adobe PhotoshopWorking With the Content-Aware Move Tool in Adobe Photoshop
  • Jumping Between Adobe Lightroom, Photoshop & Camera RawJumping Between Adobe Lightroom, Photoshop & Camera Raw

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 *

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.

Recent Posts

  • What Does the “Info” Button do on My Canon Rebel DSLR Camera? April 19, 2018
  • Color Range Masking the Graduated & Radial Filters in Adobe Lightroom April 17, 2018
  • Using the Liquify Filter to Change Body Shape in Adobe Photoshop April 14, 2018
  • How To Soften Skin in Adobe Photoshop April 12, 2018
  • How to Change the Background & Accent Colors of Your Windows 10 Interface April 10, 2018

Most Popular Posts

  • How to Set the Photo Quality in your Canon Rebel DSLR Camera How to Set the Photo Quality in your Canon Rebel DSLR Camera
  • Using the Liquify Filter to Change Body Shape in Adobe Photoshop Using the Liquify Filter to Change Body Shape in Adobe Photoshop
  • How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera
  • How to Export Video From Adobe Photoshop How to Export Video From Adobe Photoshop
  • How to Adjust the Mouse Click & Scroll Settings in Windows 10 How to Adjust the Mouse Click & Scroll Settings in Windows 10

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

Copyright © 2018 · IndustryDev.com Web Design & Photography Blog · About · Write For Us · Contact · Privacy / Terms · XML Sitemap · Sitemap