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!
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!).
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:
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.
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).
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:
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.
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'.