Join Justin Putney for an in-depth discussion in this video Stacking artwork using the Layers panel, part of UX Design Tools: Photoshop.
In this video, we're going to take a look at how to use the Layers Panel in Photoshop. Layers are really a core part of what makes Photoshop Photoshop. There's no stacking within Layers like there is in Illustrator or InDesign. If you take a look at the wireframe psd in the Exercise Files, chapter four, zero four, zero one. You'll see an example of a wireframe file that we're working towards. Not only are there Layers in the Layers Panel, there are also Layer Folders.
I'm just going to twirl one of them open so you can see some of the Layers in this document. It's actually got quite a few Layers, and we'll take a look at this in more detail. We'll also take a look at using Layer Folders in the next video. Right now, let's just look at the basics of using Layers in Photoshop. So, I'm going to switch over to a new document, and I'm going to grab the Rectangle tool. In previous videos, we were looking at creating a shape with the Rectangle tool. This time I want to choose Pixels up in the control bar. I'm going to go over to the Layers Panel and click the New Layer button.
I'm going to just draw out a rectangle. And I'm going to draw a second rectangle. So, these rectangles right now are not live objects, they're pixels. Now if I were in Illustrator or InDesign, I might expect that I could right-click on this and say move to back or move to front. But in Photoshop, when I'm working with pixels there is no back or front. I'm just in a Layer. These rectangles are no longer two separate objects. They're now one big block of pixels. So, if I were to switch to the Move tool and try and move one of these rectangles, it actually moves the entire block of pixels.
I'm going to go down to the Layers Panel and click the New Layer button again. And this time, when I select the Rectangle tool and draw a new rectangle, I've drawn it right on top of the other two. Or the other one I should say now, the one object. I'll reselect the Move tool in the Tool bar. Now I can drag this individual Layer around by itself. So it's important to understand that, if you want content to stand alone, it need to be in its own Layer in Photoshop. As we create more Layers for each bit of content in our wireframe, our Layers Panel's quickly going to get over run.
So in the next video, we'll take a look at creating Layer Folders to organize that content.
- Setting up files
- Building live shapes with the Rectangle tool
- Using character and paragraph styles
- Organizing content into layers
- Building layer comps
- Creating and reapplying custom shapes
- Using Smart Objects to group and store elements
- Saving and using layer effects
- Exporting artwork