Join Julieanne Kost for an in-depth discussion in this video Instances of a shape with live shape, part of Photoshop CC 2018 Essential Training: Design.
- [Narrator] In the next few minutes, we're going to take a look at how to take advantage of Smart Objects and the Live Shape properties in order to work with a number of shapes, and yet, keep the editing of those shapes as flexible as possible. I want to start by creating a new guide layout from the View menu. I want three columns and three rows with a gutter of 60 pixels for both of them, and a margin of 60 pixels in the top, left, bottom, and right. I'll click OK, and then, I'll select my Rectangle Shape Tool.
It doesn't matter what the fill is right now, I'm simply going to drag out a rectangle using the guides. We can see in the Properties panel that this a Live Shape. I'm actually going to dock the Properties panel again by clicking and dragging it over and placing it underneath the last icon. Then, before I start duplicating this rectangle, I'm going to convert it into a Smart Object, by right clicking and selecting Convert to Smart Object. Now, I need to make duplicates of this Smart Object, so for the first one I'll use Command + J, which will duplicate it on the layers panel, then I can use my Move Tool and move the duplicate over to the right.
An easier way to make a duplicate, is to hold down the Option key with the Move Tool, and then click and drag over to the right. Now, I want to duplicate all three of these rectangles, so on the layers panel, I'll select them all. Again, hold down the Option key and drag down to duplicate them, and then I'll do the same holding the Option key, and then dragging down. So now, I have my nine rectangles and I want to place them all in a group. I'll select the top rectangle, hold down the Shift key, select the bottom rectangle, and then use the keyboard shortcut Command + G in order to place them in the group.
I actually want the bamboo photograph to only be displayed in the group, so I'll change the background into a layer by clicking the Lock icon, and drag layer zero above group one until I just see the horizontal line. If I see the rectangle, it's going to drop it into the group. I'll rename this bamboo, and then, I'll clip it by selecting Layer, Create Clipping Mask. We can see I have my transparency on. If I want to change that we can go to Photoshop, Preferences, Transparency and Gamut, and turn the grid size to none.
I'll hide my guides by using Command + ; and now, I want to round these rectangles. I'll display the contents of the group, and then double-click on any of these Smart Objects in order to edit the contents. I'll use the Spacebar in order to move this over, and then I'll show my Properties panel, and then I only want to round one of the corners, so I'll unlink them and I'll round the upper left hand corner.
I can either enter in a value, or click on the icon and move my cursor to the right in order to use the scrubby sliders. I'll make a large change and then choose File, Save, and then File, Close to save the contents of the Smart Object and when I do this, we can see that all of the instances of that Smart Object are updated. So there ya have it, a great way to use Smart Objects with shape layers Live Shape properties in Photoshop.
Photoshop CC boasts tools and features for making tonal and color adjustments, applying effects and treatments to type and graphics, and distorting, filtering, and layering elements—all while maintaining the highest-quality output. In this course, Julieanne demonstrates how to efficiently perform common design tasks, including editing images, drawing shapes, and working with type and fonts. Along the way, she shares the secrets of nondestructive editing using Smart Objects, and helps you master features such as layers, filters, blending modes, typography, custom brushes, vector masks, and much more—increasing your productivity every step of the way.
- Working with Smart Objects
- Linked vs. embedded Smart Objects
- Creative transformations and warping
- Essential filters for designers
- Emulating traditional drawing techniques
- Working with shape and fill layers
- Pen tool basics
- Applying layer effects and styles
- Type essentials
- Creative brush techniques
- Working with libraries and artboards
- Exporting files and sharing images