How to make a product collage in Photoshop without tedious cropping

Part of what's great about being a lifestyle blogger is that you can curate and share your own inspiration boards. When you present these beautifully, you will be able to connect to your readers more by honing in on your unique aesthetic.

Many bloggers create product collages in order for an image to be shareable, especially on a visual social media platform like Pinterest. Want to learn how to create your own professional-looking product collages?

Here's how to create your own collages quickly and tie it together with graphics, all in Photoshop.

This method doesn't use tedious lasso-tool methods or complicated cropping. Just drag and drop!

How to create your own product collage in Photoshop quickly and easily
How to create your own product collage in Photoshop quickly and easily

Step 1: Gather Your List of Products

This is the fun part! It's like shopping online, though you probably aren't dishing out money for things (or maybe you get too tempted and make a few purchases. Oops!).

How to create your own product collage in Photoshop - Step 1: Gather products and links
How to create your own product collage in Photoshop - Step 1: Gather products and links

You probably already have a theme in mind. These all make fun topics: an outfit that's perfect for Valentine's Day, black-and-white decor, or your favorite kitchen accessories.

For this example, I'm going to go with gold office accessories. I've been seeing pairs of gold scissors on Instagram and elsewhere, and I've become a bit obsessed.

First, gather a bunch of links of your favorite products.

You'll want to actually copy and paste these into your own list so you don't lose the links later.

Here are some example links:

Nate Berkus Gold Shears product example for a collage tutorial in photoshop
Nate Berkus Gold Shears product example for a collage tutorial in photoshop
Gold Studio Paper Weight Wishbone product example for a collage tutorial in Photoshop
Gold Studio Paper Weight Wishbone product example for a collage tutorial in Photoshop
Kate Spade take note little gold book medium notebook product example for a collage tutorial in Photoshop
Kate Spade take note little gold book medium notebook product example for a collage tutorial in Photoshop

http://www.katespade.com/Take-Note-little-gold-book-medium-notebook/145731,en_US,pd.html

You get the point! Now it's time for some image gathering and Photoshop magic.

Step 2: Save Images and Take Screenshots

The images you include in the product collage should be clean and un-busy. This means no packaging and no backgrounds if possible.

How to create your own product collage in Photoshop - Step 2: Take screenshots or save images for your product collage
How to create your own product collage in Photoshop - Step 2: Take screenshots or save images for your product collage

Because you're using these images in a collage, it's best for each piece to be an individual floating element on a light or white background.

The Nate Berkus Gold Shears are a great example. On the Target sales page, there are two product images included. I'm going to snag the one that doesn't have the packaging included.

To save images, try right-clicking on the image and save it. If this isn't possible, take a screenshot of your product.

On a Mac, type CMD+SHIFT+4 and then click and drag to draw a box around your object. On a PC, use your alt+PRINTSCRN keys.

There are tons of other screen capture apps for both Mac and PC, but since you're dragging these into Photoshop you won't have to get too fancy with this.

Step 3: Arrange Your Items in One Photoshop Document

Create a new blank document with a white background. Because Pinterest is such an influential platform, I recommend using a tall document size. I usually create all of my "pinnable" images at 700px wide by 1000px high.

Drag and drop all of your items into the new document. Don't worry if they overlap right now; you'll rearrange them later. 

The key for this working quickly is the Multiply blend mode. Click on your layer and change the blend mode in Photoshop to Multiply. It will knock out the white backgrounds (more info here).

How to create your own product collage in Photoshop - Step 3: Choose multiply blend mode to knock out the white backgrounds of your products
How to create your own product collage in Photoshop - Step 3: Choose multiply blend mode to knock out the white backgrounds of your products

You'll notice that the Kate Spade notebook has a light grey background. You can get rid of this by using the Lasso Tool to delete the background, or you can adjust the levels to turn the grey background into white (like step 2 of this tutorial). I did the latter to save time.

Now, resize and arrange your products in your document as you choose.

When you re-size layers, hold down SHIFT so the image doesn't stretch out of proportion. Here's where I am now:

How to create your own product collage in Photoshop - Arrange your items
How to create your own product collage in Photoshop - Arrange your items

Step 4: Add a Title and Numbers

It's important to add text to your image. Since blog readers love to pin stuff, it's best if your image can speak for itself outside of your blog.

I recommend adding a captivating title, numbers, and your blog link. How you choose to style your text and number bubbles is up to you - but they should match your blog's brand.

Here's my final product collage from this example, as well as how I would include the links for the products.

How to create your own product collage in Photoshop - Step 4: Add a title and numbers that fit with your brand
How to create your own product collage in Photoshop - Step 4: Add a title and numbers that fit with your brand

1 | 2 | 3

That's it! I hope this tutorial helped you. Happy Collage-Making!

Want more Photoshop and illustration tutorials? Make sure to sign up for my weekly newsletter and follow me on Bloglovin'.