As someone who dabbles in Photoshop, I often get odd requests from coworkers asking if I can take person A and insert them into situation B. Usually, it's for an internal slide deck, or a Wiki post, or for a Slack-related practical joke.
And while there are usually a bajillion more important things I could be doing when these requests come in, I nearly always say yes -- with the caveat that I'll spend a maximum of 15–20 minutes working on it.
Given enough time, you can make any Photoshop job look both beautiful and believable. And when you're working on something for an actual campaign or other outward-facing project, that's exactly what you should do. (Or better yet, you should get a professional designer to do it.)
But for those smaller, goofier projects? Getting the job done adequately in 20 minutes definitely beats getting it done flawlessly in two days.
In the steps to follow, I'll walk you through my quick-and-dirty approach to Photoshopping coworkers (or anyone or anything, really) into any situation.
Step 1: Find the Perfect Photo
For the purposes of this exercise, I'm going to be using the above photo of my coworker Brittany. I chose this photo for three, distinct reasons:
- Because it's from one of our free stock photos bundles.
- Because I think Brittany's expression in the photo will make for some fun Photoshopping.
- Because I'm (fairly) confident Brittany won't be mad at me once she sees this post.
Pro Tip: When selecting a photo for your Photoshop project, try to make sure that the subject of the photo doesn't blend in with any of the background elements. For example, if your subject is dressed all in white and is standing in front of a white wall, separating that subject from the background will be a tricky task. Not impossible, but tricky.
Taking a closer look at the photo I've chosen, I'm slightly worried that Brittany's sweater is getting lost in the background in some spots -- but we can address that in the next step.
Step 2: Remove the Background
Now that you've found the perfect photo, you'll need to open it up in Photoshop in order to remove the background. (Note: You can also complete this step in PowerPoint, but Photoshop offers more functionality and opportunities for fine-tuning.)
Speaking of functionality, Photoshop has several different tools that you can use for removing backgrounds, including the Background Eraser Tool, the Lasso Tool, the Magic Wand Tool, and the Quick Selection Tool. Let's start with the aptly named Background Eraser tool because it's the simplest option available.
Using the Background Eraser Tool
See that eraser icon on the left sidebar? Click on it, and a mini-menu will pop up. Choose "Background Eraser Tool" from the menu, and voila: You're ready to erase.
As you click and drag around the background of your photo, you'll start to see a grey-and-white checkerboard pattern emerging underneath. That's a good sign: That grey and white checkerboard is how Photoshop displays transparency.
But as you can see in my example above, the Eraser Tool is only removing a few pixels of background at a time -- not very efficient.
The solution? Head up to the top navigation bar and click on that glowing dot next to Background Eraser Tool icon.
From there, you an increase the size of the Eraser Tool's path so it clears away more background with each stroke.
See? Definitely making more progress.
From here, you could keep simply going and remove the whole background. For the tighter spots, you'd just need to size the Eraser Tool back down again.
Fair warning, though: Using the Background Eraser Tool is probably the most time-consuming way to remove a background from a photo, and depends a lot on your own precision. For those reasons, I recommend exploring these other options.
Using Selection Tools
When using the Lasso Tool, the Magic Wand Tool, or the Quick Selection Tool for removing backgrounds, you're not erasing like you were with the previous tool. Instead, you're creating -- and deleting -- entire selections.
In order to do this, you'll first need to prep your photo, which you can accomplish in one of two ways:
First way: See that mini version of your photo in the Layers panel (with the lock icon next to it)? You can right click there and choose "Layer from Background." Then, when prompted, enter a new name for your layer (optional) and click "OK."
Second way: Alternatively, you can go to Layer > Smart Objects in the top navigation bar and then choose "Convert to Smart Object."
Next, head back to the Layer menu in the top navigation bar and choose Rasterize > Smart Object.
IMPORTANT NOTE: If you don't prep your photo using one of the two options above, the following tools aren't going to work!
The Lasso Tool(s)
See the lasso-like icon on the left sidebar? Click on it, and a mini-menu will pop up that offers three different lasso tools.
Using the standard Lasso Tool, you can click and drag to draw a selection around your subject.
For more precision, you can use the Polygonal Lasso Tool. Using this tool, you can click to set a point, move your cursor, and then click to set another points, and all the points of your selection will be connected by straight lines.
Of course, when working with a photo that doesn't have perfectly straight lines, the Polygonal Lasso Tool isn't necessarily that helpful. The better option is the Magnetic Lasso Tool, which combines the precision of the Polygonal Lasso Tool with the flexibility of the standard Lasso Tool.
With the Magnetic Lasso Tool, you can click once and then drag your cursor along the edge of what you're selecting. The tool will automatically detect and be attracted to the edges of your selection, generating points along the way. (Note: for added control, you can click to add points manually).
Regardless of which version of the Lasso Tool you use, your next step after making the selection is to head to the "Select menu" in the top navigation bar and choose "Inverse."
From there, just hit the delete key and the background will go bye-bye.
The Magic Wand Tool
If you're fortunate enough to be using a photo that has a single, solid color as the background, the Magic Wand Tool could be super helpful.
To use it, you simply click on the background and the tool will automatically select other parts of the background that look visually similar. To add to your selection, hold the shift key and keep clicking. Then, once you have the entire background selected, hit delete.
But as you can see in my example photo, the Magic Wand Tool is having trouble distinguishing between the background and the subject in some places. Not to worry: the Magic Wand's cousin -- the Quick Selection Tool -- has got us covered, and is generally a much better option than using the Magic Wand.
The Quick Selection Tool
The Quick Selection Tool is located in the same place on the left sidebar as the Magic Wand Tool.
Once you've selected it, all you have to do is click inside of your subject and drag the cursor around. The tool will automatically detect the edges, and within a few seconds, you'll have a selection like the one you see below:
But wait, what about that background space between her elbow and her torso? That shouldn't be selected.
To deselect areas, simply hold the Option key (Mac) or ALT key (PC), and your Quick Selection Tool will become a Quick De-Selection Tool. You can further refine certain parts of your selection by zooming in and selecting/de-selecting as needed. For even more precision, head up to that glowing circle icon in the top nav and reduce the brush size.
That's how I was able to go from what you see above to what you see here:
One more trick for improving quality: From the "Select" menu in the top navigation bar, choose "Refine Edge."
From there, you can add feathering and other effects to make the edges of your selection appear more natural.
Once you're happy with how the selection looks, head to the "Select" menu in the top navigation bar, choose "Inverse," and hit your "Delete" key on your keyboard. Here's what you'll end up with:
Step 3: Save Your Edited Photo as a PNG
At this point, you could start dragging some background photos into Photoshop and playing around. But I recommend saving the (now background-less) photo of your subject as a PNG first. That way you'll always have a copy of it for to use in later projects.
Using the PNG format is important here because it will preserve the transparency. Just go to File > Save As in the top navigation bar and choose "PNG" from the dropdown menu.
Step 4: Find the Perfect Background Photo(s) and Insert Your PNG
Once you've got a great background photo lined up, download it and then open it in Photoshop. From there, you can simply drag-and-drop your PNG from wherever you saved it directly on top of the background in Photoshop.
Next, click and drag to re-position your PNG. You can also hold shift and drag the corners of your PNG to scale it up or down.
When you're happy with how it's sitting, double-click on it, and the box surrounding your PNG will disappear.
(Note: From this point on, if you want to re-size your PNG, you'll need to go to the "Edit" menu in the top navigation bar and select Transform > Scale.)
Step 5: Save, Share, Repeat
Once your masterpiece is complete, save it as a PNG and share it with the world ... or maybe just your office. And, of course, don't be afraid to get creative with new backgrounds. The hard part is really creating that first PNG of your subject.
After that, the sky's the limit. Or actually, maybe it isn't ...
Thanks for following along! Remember: This was a quick-and-dirty guide to Photoshopping. If there's interest, I can do a follow-up where we explore more tools and get into more detail.
Have any Photoshop tips you'd like share? Sound off in the comments section below.