In the past few weeks I had to do a couple of simple Photoshop projects, that though they were very different, both required some repetitive tasks. In one case I was doing the portraits of agents working at a travel agency. They all had the same treatment: a gradient background, colored rounded corners frame, and a reflection underneath. The other was making labels in two languages, each label with the same text in most areas, but custom text for the names of the addressees. At any rate, both projects were prime examples on how to use Smart Objects in Photoshop to speed up repetitive tasks.
In my mind, Smart Objects is one of those things in Photoshop that make the difference between a casual Photoshop user and a pro. If you don't know, or if you're not sure of what Smart Objects are, or what they do, it boils down to allowing you to edit layers non-destructively. But apart from that, they allow you to create multiple instances of the same object so when you edit the data within the smart object, all instances get updated automagically.
In the case of the labels, the idea was to have the same design and style, but depending on the addressees there would be an English version or a Spanish version. Here I'll explain how I did this project.
In a nutshell, the idea was:
• To have a sheet of paper divided into 2 sections (one in English and the other in Spanish)
• Every label would have the same thank you note either in English or Spanish
• The wording of the thank you note could be changed at any time, throughout the whole sheet.
In a normal project you could make one label in either a single layer or in a group, then duplicate that layer or group and fill the sheet with duplicates. The problem with this method is that if the text had to be changed/updated, it means going into every single duplicate and make the change there, every time. By making the text of the labels into Smart Objects, it allows us to update the text only once and the change populates every instance of the Smart Object.
I started with an empty letter size sheet using Photoshop's defaults.
Then, on the left side of document I made the Spanish version of the labels and the English on the right side. For this I made two text layers: one for Spanish and another for English.
Here's where things would divert from the typical copy-paste process. Before duplicating these layers I turned them to a Smart object:
1 - First I selected both layers in the Layers palette by Shift-clicking on both.
2 - Right-click on the selected layers and choose the "Convert to Smart Object" option from the long pop-up menu (make sure you right-click on the name of the layers and not on their thumbnail or you won't see the "Convert to Smart Object" option in the pop-up menu). You can also find the "Convert to Smart Object" option from Layer > Smart Objects > Convert to Smart Object in the main Photoshop menu bar.
You'll now see a new layer with a Smart Object icon on the bottom right corner of its thumbnail.
Note that I selected both text layers when I made the single Smart Object. My idea was to keep the text that would stay consistent for every label on the same smart object instead of having to manage one for English and another for Spanish. It also allows me to illustrate that you can merge multiple layers into a single Smart Object.
3 - Ok. Now that we have a Smart Object, we can duplicate this puppy to fill our sheet with instances of the original Smart Object. You can duplicate the Smart Object and maintain a link to the original in a couple of ways: a) drag the Smart Object layer to the "Create a new layer" icon at the bottom of the Layers palette, or b) with the Smart Object layer selected, choose Layer > New > Layer Via Copy from Photoshop's menu bar.
4 - With the first duplicate, I rearranged the layout of the Smart Objects on the canvas to make multiple rows of labels. Then went and repeated step 3 and 4 until I had the sheet filled with Smart Objects. By now I have 9 Smart Objects in the Layers palette, all distributed on the canvas.
Now, let's assume we need to update something on the text. In fact, let's go and edit a few things at once. We're going to change the copy slightly, change the font, and apply a layer style. If we were not using Smart Objects, we would need to make every edit 18 times (one per text layer - remember there is an English and a Spanish version for each row).
If you've never used Smart Objects, here it gets a bit confusing, but the logic is that we'll edit one Smart Object, save the changes, and that will populate across every instance. The part that was confusing to me at the beginning was were we need to save the changes to the Smart Object.
To make the text edits:
1 - First we'll need to "go into" the Smart Object. Simply double-click on any of the instances we have in the layers palette. It really doesn't matter if you double-click on the first instance, the fifth, or the last. They all point to the same data.
As Photoshop tries to "open" the Smart Object you will get a warning that to see your changes reflected on your main canvas you'll need to save the Smart Object once you're done.
Clicking OK will open the contents of the Smart Object in a new tab in Photoshop. Here you will see only the layers that make up the Smart Object. In this case, a couple of text layers, one for English and another for Spanish.
2 - In my case, I first updated the copy for the Spanish version. Then selected both text layers and changed the font from ITC Avant Garde Gothic Demi to New Century Schoolbook, made it bold and blue instead of black. And last I added a drop shadow to both text layers.
3 - At this point nothing has updated on our main Photoshop project. To get these edits applied to the main project we have to save the Smart Object. I like clicking the "X" on the tab to close the Smart Object and save it then. If you haven't saved the Smart Object when you try to close it, you should get a dialogue box asking if you want to save your changes. If you click "No" the Smart Object will close and all your edits will be discarded, so click on "Yes" to save your work.
In fact, every time you save the Smart Object, Photoshop updates the main project. You can see it updating if you detach the project tabs from the Photoshop workspace. I often detach the Smart Object so I can see the main project and hit Control/Command-S to save the Smart Object and see how it appears in the main project behind.
To tell you the truth this saving step was confusing to me because I never created a new document and I don't know where it's being saved, even when the main Photoshop project has not been even saved once. But that's how Photoshop deals with Smart Objects. It's like having another project embedded within your main project.
At this time the Smart Object closed but if I zoom to the text there are a couple of issues.
With this new font, my Spanish version spilled over to the second line, the English version is cut short on the right edge, and both are missing a few pixels at the bottom of every instance. There are a couple of reasons for these issues. One is that this new font plus the drop shadow do not fit in the space or canvas of the original 2 text layers, and the other is that I'm using Paragraph Type, so the text will try to wrap around.
To fix these I'll have to go back to the Smart Object by double clicking on any of them in the Layers Palette, change the canvas size of the Smart Object (Image > Canvas Size...) to make it taller and wider, and edit the size of the Paragraph Type bounding box for the Spanish version so the word "cariño" stays on the first line.
After making the edits and saving the Smart Object I was able to achieve the objective. The neat thing is that I only needed to make these edits in a single Smart Object that holds the two text layers, instead of having to do the same exact edits for each of the 18 text layers in the project.
To finish up, I do want to mention that in most cases you do want each duplicate of a Smart Object to be linked to the original, as in my example above, so when you edit the original, it reflects in every instance. But if you need to make a new Smart Object from an existing one and you don't need/want the link to the original data, you can choose Layer > Smart Objects > New Smart Object Via Copy (instead of Layer > New > Layer Via Copy which would keep the link to the original).