If you’re a photographer and use Adobe Photoshop specifically to edit, crop and save out your photographs, you most likely don’t touch many of the tools the application has to offer. I’ve been working with Photoshop for years and years and I swear that it sometimes feels like I have only scratched the surface. There’s always something new and there’s always someone who knows more. That’s what I like to say.
Anyway, even if you are a photographer who just edits photos right now, there may come a time when you need Photoshop for something more. Let’s pretend you’d like to make some business cards for yourself or that you’d like to make some pamphlets as an advertisement for your services. If this were the case, you’d certainly need to transition from photo editing to some light graphics work. Not to fear. Photoshop excels at producing graphics. And since you’re already familiar with the interface already, learning new things shouldn’t be difficult at all.
In today’s post, I’d like to talk about shapes inside of Adobe Photoshop. I’d like to discuss how you can create them and how you can work with them. They’re a bit different than what you might expect, in that multiple shapes can be contained on the same layer. Of course, they can float around on their own layers as well, but the fact that they can sit on one layer all together usually throws people for a loop. I’ll explain all about that below.
I’ll first show you the shape tools and then I’ll draw some shapes to help further anything I’d like to discuss. To make this post exciting, I think I’ll use a photograph of a flower as half of a pretend postcard I’ll be creating. Hopefully this will show you just how seamless the transition from photo editing to graphic design can be made.
Today’s Demo Photo & Postcard
Okay, I’ve already got the perfect flower picked out. Here it is.
I’ll cut out part of the flower and use that as half of the postcard I’ll be putting together. I won’t be finishing the postcard in this post as I’m only doing this as a layout idea for where you might want to use the shape tools.
This is what the postcard looks like.
Adding Some Graphics
I may be going a bit overboard here, but I wanted to show you that there may be times that you not only need to use your photography in a graphics project, but that you may also need to use shapes as well. In this version the postcard, I added four custom shapes. Like I said, I may be going overboard here, but I think you’ll get the idea.
In the white area between the shapes and the title would go all the information regarding the show itself. Now that the hypotheticals are finished, I’ll get going with a few sections on how to use the shapes themselves.
Creating a Shape
Now, I want to let you know that I’ve already written a fairly comprehensive post on shapes and how to use them. I’ll sort of pick up here where that one left off, so I encourage you to read that post before going any further. That is, of course, if you don’t know anything about working with these things. If you’re already pretty knowledgeable, then by all means, read on. Here’s that post.
What I’ll be doing down below will be isolated to working with shapes only. What I shared above was merely to give you an idea of where you might apply these concepts.
I’ll kick things off by selecting the Custom Shape Tool in the left vertical toolbar.
When I activate that tool, a few different options in the options bar up top appear. I’ll first make sure (working left to right) the drop-down is set to Shape. Then, I’ll choose the background color of the shape and then the color of the stroke I’d like to apply. After that, I’ll choose the width of the stroke and finally, I’ll choose the shape itself from the Shape drop-down. Here’s the options bar squeezed in as best as I could get it.
Regarding the stroke, there are quite a few different options available to us. If I click the Stroke options drop-down that sits just to the right of the width field, I’ll see that I can change how the stroke appears, from a solid line to a dashed one to a dotted one. I can also alter how the ends of the stoke appears. If I’d like to go even further than that, I can click the More Options button, make a few changes and then save those changes as a preset. So it’s fairly expansive. Take a look.
Once everything is set, I can go ahead and draw a shape. I’ll do that with one custom shape and then I’ll choose another and draw two more.
As I drew these, I noticed that each one was being drawn on its own layer. Photoshop did this automatically. It created a new layer every time I clicked and dragged to create another shape.
Here are the layers in the Layers panel.
Once I make my attribute selections from the options bar up top, those attributes will stay and will be applied to each and every shape I create thereafter, as long as an existing shape layer is selected from the Layers panel before I draw the next shape. So basically, if I want to create another pink flower shape that’s just like the ones I just created, all I would have to do is click on one of the existing layers and then draw my new shape. If I didn’t want to apply those same colors and stroke, I would click somewhere else in the Layers panel to deselect the existing shapes and then head back up to the options bar to set new attributes.
If I wanted to change the attributes of an existing shape, I would click to select that shape in the Layers panel and then head up to the options bar and change whatever I’d like to change. The moral of this story is that selecting or not selecting existing shapes in the Layers panel makes a difference when drawing out new shapes.
Copying Shape Attributes From One Shape to Another
Once I choose colors and stroke attributes for one shape and then draw that shape out, I can easily copy and paste those same attributes to any existing shape or shapes I want. To accomplish this, all I’d need to do is to right-click on the shape I want to copy from in the Layers panel and then select Copy Shape Attributes from the menu that appears.
After that, I’d select the layer or layers I’d like to paste those attributes to in the Layers panel. Finally, I’d right-click on one of those selected layers and select Paste Shape Attributes from the menu that appears.
Merging Shapes into One Layer
If, for some reason, I wanted to contain all of the shapes I drew on one layer (as opposed to separate layers), all with the same attributes, I could easily merge everything with just a few simple steps. As I said above, as I drew my shapes out, they created their own layers. If I merge them, they’ll reside on one layer and will all be the same color and will have the same stroke applied to them. And being on the same layer, I could change the attributes for all shapes on that layer just by making changes in the options bar.
To merge the shapes, I’ll head up to the Layer > Merge Shapes menu item and click.
When I do that, all but one shape layer will disappear. I’ll be left with one layer that contains all the shapes.
For this example, I shifted one of the smaller shapes over so it was overlapping the other small one. I wanted to show you what would happen if I did that and then merged the shape layers. Take a look at the result.
While merging shapes into one layer like this does make things easier when assigning colors and strokes, it makes things slightly more challenging when it comes to moving those shapes around. Because they’re all contained on one layer, I can’t simply click and drag them with the Move Tool any longer. I now have to use the Path Selection Tool to first click on the actual shape in the workspace to activate it and then click on it again and drag it where I’d like to move it to. This next screenshot shows how all the shapes become highlighted when just one is clicked on. It also shows how the anchor points of the selected shape become visible when the shape is selected by this tool. Also, you can see how I dragged this shape down to disconnect it from the one above.
Separating a Shape From a Merged Layer
Just as I can merge shapes into one layer, I can also separate those shapes into their own layers again. It’s actually quite easy to do. In this next example, I’m going to separate the larger shape from the others and move it onto its own layer. To do this, I’ll first select the shape with the Path Selection Tool.
Then, once the layer is selected, I’ll head up to the Layer > New > Shape Layer Via Cut menu item and click.
This will create a new layer with this particular shape on it all by itself.
As you can see, working with shapes is quite a versatile experience. Shapes are used in all types of projects and it’s very beneficial to become familiar with how they work. It’s not a difficult process at all. It just takes some getting used to. If you have any questions regarding this post, please let me know in the comment section down below or in the discussion forum. Thanks for reading!