Free & Easy Product/Outfit Collage Tutorial

productcollagetutorial

Happy Monday, friends! I hope you had an awesome first weekend of April! Last summer I made a ‘gold font tutorial‘ which now has thousands and thousands of views and pins (to my surprise!). A lot of y’all have been requesting more blog/graphic design tutorials, so I thought I would finally make a product collage tutorial since it’s been so heavily requested. Product collages are so much fun to make & I absolutely love making them. Here is how I make product collages without photoshop, indesign, illustrator, or polyvore (which are all great programs, but can be a little time consuming or difficult to use, especially for beginners)…

Enjoy!


step one: shop & find products

Okay, this may be my favorite part of creating product collages – shopping… hehe. Browse the depths of the internet and find products you want to include in your collage. Look around at different online retailers and have fun. When I find the products I want to use, I screen shot (‘shift, command, 3’ on mac) or right click/save the images. After I have the products on my desktop, I pull them into a folder & crop them!

Screen Shot 2016-04-04 at 2.41.27 PM

(shop on online retailers for products)

Screen Shot 2016-04-04 at 2.45.12 PM

(save or screenshot the product)

Screen Shot 2016-04-04 at 2.47.41 PM

(organize into a folder)


step 2: head to picmonkey.com

After having the images ready & organized, I head to picmonkey.com. Even though I have & love Adobe applications like indesign & photoshop, I still find myself reaching for the free website, picmoney, more frequently to create collages. I find picmonkey to be much quicker & easier, but that’s just my opinion. I would highly recommend checking out the site! Once I get on picmonkey, I click on the design tab. I like to use custom canvas and type in my own dimensions.

Screen Shot 2016-04-04 at 3.02.31 PM

(head to picmonkey & click on ‘design’)

Screen Shot 2016-04-04 at 3.04.21 PM

(look at our gorgeous blank canvas!)


step 3: insert your product

Click on the butterfly icon on the left bar to get to ‘overlays’. Then select ‘Your Own’ right at the very top of the bar. Insert your products onto your canvas.

Screen Shot 2016-04-04 at 3.06.13 PM

(butterfly icon –> ‘your own’)

Screen Shot 2016-04-04 at 3.06.23 PM

(select your gems!)


step 4: organize your collage 

Next, I organize all the products in the collage. I personally like to leave a little space at the top to make a header, but that’s totally optional. You can rotate, flip, and re-size your products to make them perfectly fit in place.

Screen Shot 2016-04-04 at 3.15.45 PM

(our collage is coming together…)


step 5: add text & arrows

After getting my products in place, I add text and/or arrows. In my last tutorial, I mentioned the site DaFont. There are millions of free fonts to use on the site, and I would highly recommend checking it out if you love fonts just as much as I do! I used a font called ‘shorelines script‘ from DaFont for this tutorial! Size your font and even change the color if you want to!

After adding some text, feel free to add arrows or any other graphics. I used an arrow I had saved on my desktop, but picmonkey has tons of free arrows to use!

Screen Shot 2016-04-04 at 3.17.51 PM

Screen Shot 2016-04-04 at 3.19.54 PM

(I made this little dotted line using hyphen symbols)

Screen Shot 2016-04-04 at 3.20.06 PM


step 6: crop & finish!

Screen Shot 2016-04-04 at 3.26.20 PM

Screen Shot 2016-04-04 at 3.59.07 PM

(I’m lovin’ it!)

Screen Shot 2016-04-04 at 3.59.17 PM

(Let’s save this sucker! I personally use ‘Sean’)

YAY! We are done! Your perfect product/outfit collage masterpiece is complete!


I hope you could find this tutorial helpful! Let me know if you try it out! Have fun 🙂

xoxo,

Mackenzie

P.S. check out some of my previous product/outfit collages:

1 // 2 // 3 // 4 // 5

6 // 7 // 8 // 9 // 10

17 thoughts on “Free & Easy Product/Outfit Collage Tutorial

  1. Thank you for this amazing tutorial. I wasted hours and money trying to figure out photoshop elements and was so frustrated! Hope you will do other tutorials! Do you have any about designing process for creating. Ew blogs? Wondering if blogger is easier or WordPress. Thanks in advance!

  2. Hi lovely! I just wanted to let you know how helpful this post was and how thankful I am you took the time to post and share it! I’ve always wanted to make one of these posts but Photoshop is just too much for me, and this was so quick and easy! Thanks again and lots of love! X

  3. Thank you!! I have been looking for a tutorial on this everywhere!! And I already have an account with Picmokey that I used for other things so this is awesome…thanks so much!!!

    1. Thank you!I usually only use pieces that have a white background (like Nordstrom, Topshop, H&M) because it makes life so much easier! It’s totally possible to get rid of a white background on picmonkey, but I find it easier just to use pieces that have a white background!

Leave a Reply