The ability to add content to layers is a huge productivity boost. In this video learn how layers improve your workflow.
- If you use Photoshop, Illustrator, Sketch or some other drawing or imaging application, you're quite familiar with the concept of layers. Therefore it should come as no surprise that there is a layers feature built into XD. So let's take a look at it. And to get yourself started open the layers file that's in your chapter one exercise folder. When it opens you'll see that we've got a number of our boards right here. And we're going to take a look at some of the layers features. Now, how do you get at the layers panel? Well it's right here, it's this little icon right here, so you roll over and it says layers.
Click it. And what it does first off, is it opens up the art board panel. It just lists all the art boards in the document. And if I wanted to look at Xian here, I would just double click on the icon for Xian and you notice it zooms in puts the art board where I want to work right in the center of the screen. These are the layers. This is the repeat grid, right here. There's the explore text, there's the status bar, there's the group, cancel the hamburger menu.
There's the back button, there's the search icon, and then of course there is the main image. Now, one of the things you can do with these things as is common with applications that have layers is that you can move these layers up and down in relation to each other. Which avoids multiple trips to bring to front, send to back, bring forward, send backward. You know, that sort of thing. So if I want to move the main image to the top of the stack just move it up there. If I want to move it back down, move it down there.
If I want to see what's in one of the layers, for instance this group, just click on the folder, it opens up tells me there's a couple of paths in there, and I can see what my paths are. Okay, I'm going to close the group. Now what about renaming a layer? Well, to do that, all you have to do is just double click on the name and we'll just change it to hamburger. Now the other thing you can do is these are just individual objects on a page, but they're in relation to each other. So you can actually just copy and paste this.
So if I want to take this main image and copy it so I just right click on it and select copy, I can de-select and if I just right click on the paste board and select paste, I got a copy of it right there that I can use. And you can see that it's now a layer on the pace board. And if I come back, I come back to the art boards. So there you go, there's working with layers that's a wonderful, wonderful feature to be working with. It gives you a lot of flexibility and all you have to do, again, is double click the icon to open the layers.
It brings it right into the screen and you can move the layers around and actually access items on that art board just by selecting a layer.
- Navigating the XD interface
- Using artboards and grids
- Adding content to layers
- Using the Repeat Grid feature
- Adding interactivity to a project
- Exporting content
- Sharing your work
Skill Level Beginner
Q: This course was updated on 11/29/2017. What changed?
A: New videos were added that cover the XD Assets panel, Experience Design symbols, Creative Cloud Libraries, and pinning comments.