HOW TO CREATE DIPTYCHS & COLLAGES FOR YOUR BLOG

Mar 08 2015
 

What are Diptychs?

They are essentially two images sharing a theme or having something in common, placed together to form one image. These are of two types:
  • Horizontal Diptychs: In this, the two images have the same height and are placed next to each other.
  • Vertical Diptychs: In this, the two images have the same width and are placed one below the other.
There is no rule that you have to create a diptych using images that have something in common, many times images that have nothing in common or don’t look great on their own, can look attractive when viewed together.

Why are they useful?

The possibilities are endless, you can get really creative in making them. Here are a few examples where they can be useful:
  • To show before and after images
  • To show a subject in different angles
  • To compare two subjects side by side

BONUS Free Photoshop Cheatsheet:

For this tutorial we will be using Adobe Photoshop. I know many of you use Photoshop for a variety of your creative needs, so I quickly whipped up a FREE cheatsheet with all the keyboard shortcuts for you to download and use, click below right now!

These 25 Photoshop shortcuts and tricks will speed up your workflow and save you a lot of time in your blog & Business. Plus Download a FREE cheatsheet too!

How to create Diptychs using Photoshop?

As an example here, lets create a horizontal diptych by taking two images of 500px width and 750px height.
Step 1 – Creating the canvas: First lets calculate the size of the canvas.
Width: Let’s add the widths of the two images, in this case – it is 500px + 500px = 1000px. We need a little bit of padding around the images So, lets add 5px at the beginning + 5 px between the images in the centre + 5 px at the end. This makes the total width =1000 px + 5*3px = 1015px.
Height: For the height, we just have to add the padding at the top + height of the images + padding at the bottom = 5px + 750px + 5px = 760px.
Now we have the width and height, lets create a canvas of size 1015 px * 760 px. To do this go to Click File –> New –> Enter 1015px for width and 760px for height –> Click OK
 
Step 2 – Place the first Image: Click File –> Place –> Browse location for Image 1 – Once the image is placed on the canvas, move it around and adjust its position  towards the left, while allowing space for the padding.
 
 
Step 3 – Place the 2nd Image: Click File –> Place –> Browse location for Image 2 – Once the image is placed on the canvas, move it around and adjust its position  towards the right, again while allowing space for the padding.
 
 
Step 4 – Save the image: Click File –> Save for Web –> Name the file and click save – That’s it, its really simple to create diptychs.

A note about triptychs & collages:

Diptychs are essentially nothing but 2-image collages. Isn’t it? Using a similar technique, you can create 3-image collages that are called triptychs (like the post cover photo). You can get really creative in experimenting with the orientation, position and size of these images to form a variety of collages. Its all about just pulling and placing the images onto the canvas in a cohesive way that forms a collage.

Also, I know many of you use photoshop for a variety of your creative needs, so I quickly whipped up a FREE cheatsheet with all the keyboard shortcuts for you to download and use, click below right now!

These 25 Photoshop shortcuts and tricks will speed up your workflow and save you a lot of time in your blog & Business. Plus Download a FREE cheatsheet too!

Do you create diptychs / collages often for your blog?

If you are interested in learning more about the course, enter your email address to join the waitlist and be notified when it launches! :)
  • I love your posts! Really helpful!

  • Another really informative post, keep 'em coming!

  • best tutorials ever!

  • So glad anna 🙂 M glad you like them xx

  • 🙂 Let me know how it goes Toni 🙂 xx

  • Thanks melissa, i definitely will xx

  • 🙂 Thanks hun! xx

  • Amy

    This very useful! Fab post!

    Amy – PetiteView

  • This is really nice. And helpful 🙂

  • Shaobsessed

    super cute 🙂 I love picmonkey.

  • Such an easy tutorial, thank you Chaitra! I don't use Photoshop but I'll try to apply the same principles to my editing software x

    Sheri | Behind The Frames

  • I use picmonkey because I wasn't very good at this in Photoshop, thanks for providing such a straight forward tutorial, I may well give it another try now!
    http://www.lovedbylaura.com

  • Great post! I just use Picasa to create my photo collages, it's so easy x

    http://www.ofbeautyandnothingness.co.uk

  • Thanks amy, glad it was useful! Is there any other specific tutorials you'd like to see? xx

  • Thanks beena! xx

  • 🙂 I love picmonkey tooo x

  • Hi Sheri! 🙂 Yes this can be applied to any editor, hope it works for you! xx

  • Oh yes, this is pretty easy to do laura, let me know how it goes xx

  • 🙂 Yes I agree, Picasa is a straight forward tool and so easy! Thanks for readin hun xx

  • What a great guide.

    Lizzie Dripping

  • Thanks hun 🙂 xx

  • Thanks for this great guide! Going to pin it for later! 😀

  • Thanks a lot, glad you liked the post kelsey! xx

  • Beauty Bird

    Thanks so much for this! Love these sort of images and want to start using them on my blog xx

    Ramblings of a Beauty Bird | Beauty Blog

  • I use canva.com for this, so easy! It also allows you to use great fonts and icons 🙂
    Anne-Sophie x http://www.citycookie.co.uk

  • I sometimes do something like this, but I don't think I've ever used one for my blog! I use Canva too though, it's so fast! 🙂 xx
    Gyudy's Notes Of Beauty

  • Very useful tips! I usually head to Picmonkey to do this kind of stuff because it's quick, but since I want to learn and experiment more with Photoshop, I'll make sure to practice this!

  • Linda Williams

    Hey Carla, I’m in the opposite situation. I used to create diptychs in Photoshop (great guide by the way Chaitra) until the photo collage apps explosion.
    Now I use PhotoVideoCollage for creating both photo and video collages.
    photovideocollage.com

JOIN ME ON PERISCOPE

@PinkPot7
My new e-course, iPhone-o-graphy is open for enrollment until 28th Nov ! CHECK IT OUT NOW
Hello. Add your message here.