Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Working with layers

From: Up and Running with Photoshop CS6

Video: Working with layers

When I use Photoshop I spend the bulk of my time in the Layers panel and that is because layers are really at the heart of any good workflow in Photoshop. So let's take a look a little bit at what layers are, what they do, and why they're so crucial to working effectively in Photoshop. I have here this layers test.psd image open and I also have the interface guide Layer.psd file open as well, we'll get to that one in just a second. But I have here this Background layer and that's all that's showing here I just have one layer, and with that selected I'm going to choose a Paint Brush here.

Working with layers

When I use Photoshop I spend the bulk of my time in the Layers panel and that is because layers are really at the heart of any good workflow in Photoshop. So let's take a look a little bit at what layers are, what they do, and why they're so crucial to working effectively in Photoshop. I have here this layers test.psd image open and I also have the interface guide Layer.psd file open as well, we'll get to that one in just a second. But I have here this Background layer and that's all that's showing here I just have one layer, and with that selected I'm going to choose a Paint Brush here.

Actually the paint brush, the Brush tool. Then I'm going to click on the foreground color swatch, to open the Adobe Color Picker. And to select a color with the Color Picker, I first want to pick a hue. So basically a color family. I do that with this vertical slider here. I'm just going to pick some vibrant green. And then once I pick a hue I need to come over here and pick the exact tint and shade of what I am looking for. So, if I go to the left I'm going to get more desaturated colors.

So all of the colors on the left edge are gray and all the colors on the right edge are very vibrant. If I go up, I'm going to be brightening the colors. If I go down, I'm going to be darkening the colors. So if I want a color that's super bright and vibrant, I'm going to click and drag into the upper right-hand corner. And you don't have to click and drag, you actually can click anywhere you want. So if I click in the upper right-hand corner, get a vibrant green, click OK, and then start painting a little bit. Now you'll notice as I have this little thumbnail here, it gives me a preview of what's on my layer. And I still have just one layer. Now what if I want to move that paint stroke? What if I want to recolor it? Well because it's on this one layer, I'm really stuck, I can't really do anything without a lot of extra effort.

So the solution is to put this on a separate layer. So, in actually in order to do that you need to back up. Go to the Edit menu and choose Undo brush tool. I can also choose Cmd+Z or Ctrl+Z or step backward in order to undo this. So now I'm going to do this the right way by going down to the bottom of the Layers panel and do something that you will do all the time in Photo Shop, over and over again. The bottom of the Layers panel there is this little icon which is a little page with a, the corner flap turning up. So click that icon and this creates a new blank layer. Now we have these little eye icons next to the layers. In order to turn off the layers visibility, just click the eye icon kind of poke it in the eye there and that turns it off and now all we're seeing here is this gray and white checkerboard.

Now this gray and white checkerboard really isn't anything, It's Photoshop's way of telling you there's nothing here. So whenever you see that grey and white checkerboard, unless you've somehow created this grey and white checkerboard yourself. it basically is Photoshop way of telling you that this is completely empty. So I'm going to turn back on the Background layer. And you'll notice that I click one layer, it highlights. And that means that that is the selected layer, and this is extremely important to be aware of that we have the correct layer selected. So if I select layer one, and making sure that I have my brush tool selected and my green foreground color, because the brush tool will use the foreground color as its ink.

Now I can go and scrub. And now because there are two separate layers I have all kinds of power. I can click this thing in the eye and turns visibility off and on. I could also go up to our Move tool and move this around seperately from the black and it just gives me so much more power and flexibility down the road. If I decide that I don't like this layer, I can drag it to the trash can and, all kinds of stuff. I'm actually going to hit Cmd+Z, or Ctrl+Z on the PC, to undo that. Let's go ahead and make another layer, let's I'm going to go down to the bottom of the Layers panel, click this icon again, make another new layer.

Let's go ahead and change the color, the foreground color, and I'm going to choose, I don't know, some kind of cool purple, I guess. Click OK. Go back to my brush tool, select that, and now, I'll paint something this way. Actually, I'm going to cover up the green fairly good here so you can tell one is overlapping the other. And now, we have two layers. And because, again, they are on separate layers, we can turn on and off the visibility of the purple stroke or on and off the visibility of the green stroke. And also, here's another trick, we can click and drag one layer to be underneath another layer.

Now, once I get it into position, you'll see that this divider line highlights. So right now it's not highlighted. Photoshop doesn't know what I'm trying to do. And as I drag up, there we go. I get the highlight, and now I can let go. And now it reorders, and the green paint is on top of the purple paint. So, you see how they reorder as layers are on top of one another. And you don't have this kind of power, if you paint all on the same layer, or whatever else you do on the same layer. So, every little separate element that I make, I want to make sure that it's on its own separate layer for the maximum flexibility.

Now this is obviously a very simple example that we basically started from scratch with. Let me show you a little bit more powerful example. It's a little bit more typical of a real world scenario. So I'm going to go over to the interface guide Layer.pst file and this is the layered version of what we've been working with in this chapter. And you can see as I scroll down here, we've got a lot of layers. And this is actually very common to have this many layers or significantly more when you're working in real world projects. In order to see more of the Layers panel and more of my layers, I'm going to double-click the name of the adjustments panel.

And of the color panel to collapse those, and now I can see more of my panels at a glance. Now, when you have this many layers, it can get hard to manage. So, there's some extra tools here. At the top of the Layers panel, we can sort by the kind of image, so if we want to look at pixel-based layers, we can click on that. And then click that again to see all of our layers. We can see just Adjustment layers, which we haven't talked about yet and a lot of these things won't make too much sense. But just be aware that you can sort by these different types of objects here.

So, Shape layers, for example, we see all of our shape layers. And click it again to see all of our other layers. A real handy way to get to the layers you're looking for quickly. Now we also might want to organize our layers. So I'm going to scroll down to the menu arrow layer. Click that. And actually you can click the visability for this layer, just to see that it's, this layer here, the little arrow above the word menu, or menus. And I can click this Layer as I select it, and then shift click, other words hold shift and click the Shape one layer so that all three of these layers are selected.

And then I can drag these layers down to this little folder icon and let go, and it makes a group. I can double-click the word group to rename this layer arrows. It's the same way rename a layer, just a regular old layer. Or a layer group. That's how we do, we double-click the name. And if I click this little disclosure triangle here it opens up the folder, and now we can see all of our layers. We have all of the same flexibility, but we just have them nice and tidy in this little folder.

So if this were actually a real project I was doing and I wasn't wanting to show you all these layers, I would have all these objects grouped into layer groups in these folders. just to make sure that things are a little bit more nice and tidy. And finally, when we have a layer such as this Empty Junk layer that, I intentionally created, and named Empty Junk, so we'd know we could throw it away. If we want to delete a layer, we can do two things, we can click on the trash can. To click delete but then we have this reminder that says or this little pop up that confirms are you sure you want to delete the layer.

And this kind of gets annoying unless we check don't show again I'm just going to check no on this. What I like to do is just click and drag, drag that layer down to the trash and there's no pop ups, it's all confirmations, it's just. Deleted and gone. There's one more thing I want to show you really quickly. If I scroll all the way down to the bottom, we could see that there is this layer called Background. It's a black layer, just a black background here. And it has this little padlock, actually looksLAUGH more like a hand bag but it's supposed to be padlock. And if I already clicked the Move tool here in the tools panel and then if I were to click and drag on this layer, seems like I'm able to move it, but once I let go this thing says, could not use the move tool because the layer is locked.

Click OK. So, basically what happens is when you bring in any files, any photo, any layer. The first layer is always a Background layer. and it's locked so you can't make changes on it. First of it's kind of doing that just to kind of help you out you know, just to make sure that you don't ruin your, your original material. But if I do want to ruin my original material, I can just double-click, this layer, kind of by the padlock here, just double-click it. And that converts the Background layer which is locked Into layer zero, or whatever else you want to call it. I can just call this black background and, then click OK. And now the lock is gone.

It's no longer a Background layer. It's just a regular old layer, and I can use my Move tool, and I can move this, wherever I want. So those are the basics of working with layers as much as you can master layers the better your going to be at Photoshop.

Show transcript

This video is part of

Image for Up and Running with Photoshop CS6
Up and Running with Photoshop CS6

43 video lessons · 10620 viewers

Chad Perkins
Author

 
Expand all | Collapse all
  1. 1m 59s
    1. Welcome
      1m 59s
  2. 3m 7s
    1. Overview
      3m 7s
  3. 19m 26s
    1. Importing images from a camera
      4m 3s
    2. Using Adobe Bridge
      7m 10s
    3. Using Camera Raw
      5m 57s
    4. Opening images in Photoshop
      2m 16s
  4. 45m 18s
    1. Creating new documents
      3m 43s
    2. Interface overview
      5m 43s
    3. Navigating documents
      4m 58s
    4. Working with layers
      9m 33s
    5. Straightening images
      3m 15s
    6. Cropping images
      3m 54s
    7. Performing basic transformations
      5m 45s
    8. Moving and aligning objects
      8m 27s
  5. 8m 36s
    1. Understanding pixels
      2m 19s
    2. Understanding resolution
      4m 32s
    3. Saving your work
      1m 45s
  6. 23m 33s
    1. Understanding color modes
      3m 55s
    2. Using adjustment layers
      3m 35s
    3. Fixing problems automatically
      2m 36s
    4. Reading a histogram
      3m 40s
    5. Adjusting exposure (brightness)
      4m 27s
    6. Adjusting colors selectively
      5m 20s
  7. 31m 4s
    1. Intro to selecting
      4m 47s
    2. Making quick selections
      6m 45s
    3. Refining selections
      8m 26s
    4. Making a collage
      11m 6s
  8. 11m 46s
    1. Removing small problems
      2m 4s
    2. Fixing bigger problems
      6m 39s
    3. Intelligently scaling an object
      3m 3s
  9. 12m 33s
    1. Creating Smart Objects
      5m 13s
    2. Applying effects
      5m 1s
    3. Adjusting applied effects
      2m 19s
  10. 26m 30s
    1. Creating text
      5m 47s
    2. Editing text
      8m 30s
    3. Using layer styles
      5m 54s
    4. Creating graphic design elements
      6m 19s
  11. 31m 14s
    1. Painting
      9m 54s
    2. Customizing brushes
      9m 44s
    3. Creating vector shapes
      11m 36s
  12. 14m 51s
    1. Understanding file formats
      3m 46s
    2. Saving for the web
      7m 6s
    3. Printing from Photoshop
      3m 59s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Up and Running with Photoshop CS6.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.