How To Easily And Automatically Create Diptychs And Triptychs In Photoshop

tych intro   How To Easily And Automatically Create Diptychs And Triptychs In PhotoshopMost of us have seen them around in things like ‘Before’ and ‘After’ photos, on T-shirts, or even on famous art, but few realize that there’s a slightly un-stylish word used to describe them. Diptychs and Triptychs are images or photos that bring together two or three similar (or different) images and place them side-by-side, often separated by a slim border.

Diptychs and Triptychs can be used to show comparison (Before or after, good or bad, easy or hard), as a narrative, explain progression or change etc. They are actually easy enough to create. You just need to bring two or three images alongside each other and combine them in a single layer. From the humble Microsoft Paint, to the mighty Adobe Photoshop, any graphic tool worth its salt can be used to make a Diptych or a Triptych.

Nancy showed us 5 Easy Ways To Create Diptychs & Other Photo Collages Without Photoshop. Let me turn to the redoubtable Adobe Photoshop and an Open Source tool that turns multiple photos into these wonderful mosaics.

Tych Panel – The Free Open Source Tool for Making Your ‘Tychs’

tych07   How To Easily And Automatically Create Diptychs And Triptychs In Photoshop

The idea for making this Photoshop extension came into the head of a photographer. Reimund Trost is a wedding photographer from Sweden and I see why he would want an easy to use ‘nTych’ creating tool. If the diptych or triptych tool is clock-efficient enough, you could do away with the usual Photoshop actions or template process. The Tych Panel (Version 2) is the fruit of his labors. As he says,

It is a dead simple Adobe Photoshop extension that automates the process of laying out pictures side by side. It makes it easy to create diptychs, triptychs, quadtychs and a virtually unlimited set of custom layouts.

Tych Panel is Open Source and the tiny ZXP file can be opened (installed) via Photoshop’s Extension Manager. You can click on the file and if you have Photoshop installed, the process is pretty straightforward. An ‘extension is not signed’ message might come up, but you can safely ignore that.

Automate Your Photo Mosaics In A Few Clicks

The above video blitzes through the process, but which I hope makes you appreciate the power of automation it brings to the art of creating mosaics. Launch the Tych Panel from Adobe Photoshop – Window. I am using Adobe Photoshop CS5 here.

tych01   How To Easily And Automatically Create Diptychs And Triptychs In Photoshop

The automation is fueled from Options. As the video above also explains, one of the nice features is that you can maintain a target width or height when adding pictures. This is an important consideration for bloggers who want to fit diptychs and triptychs according to blogging guidelines. Though, you can also use the unconstrained options by not giving any width and height numbers. But I prefer to go with a target width or height.

tych02   How To Easily And Automatically Create Diptychs And Triptychs In Photoshop

The starting point is to create a diptych first by adding your first two images and then expand the mosaic by choosing new rows and new columns and placing your images precisely. The Top, Bottom, Left and Right buttons give you unlimited sets of custom layouts.

tych03 animation   How To Easily And Automatically Create Diptychs And Triptychs In Photoshop

If you select multiple images, you can re-order the thumbnails and fix their relative position on the canvas. As each image is nothing but a layer, the re-ordering is easy enough to understand.

tych03   How To Easily And Automatically Create Diptychs And Triptychs In Photoshop

The Fine-Tuning Features

Smart Objects & Layer Masks

tych06   How To Easily And Automatically Create Diptychs And Triptychs In Photoshop

Using smart objects is an advanced Photoshop skill. Smart objects basically allow for non-destructive editing of the original source image file by linking the original photo with the photo in the Photoshop document. Digital photographers use layer masks and smart objects for various image corrections without affecting the original file. You can change the appearance of an image using smart objects, but you cannot add or remove pixel information from a smart object.

In Tych Panel 2, you can use smart objects for re-cropping your pictures after they have been laid out. Enable Smart objects in the options and all layers will be converted to Smart objects and get the appropriate Layer masks automatically.

Rounded Corners

tych04   How To Easily And Automatically Create Diptychs And Triptychs In Photoshop

You can further ‘beautify’ your mosaics by specifying pixel values for corner radius, thus allowing for rounded corners. You can create interesting combinations with background colors and blank images. The above image is taken from the developer’s gallery.

Actions for the Final Touch-up

tych05   How To Easily And Automatically Create Diptychs And Triptychs In Photoshop

If you are not satisfied with a simple diptych or triptych, you can decorate your image with the set of actions you have available as default or any custom ones you might have installed.

Tych Panel 2 gives me enough customization options for creative control over diptychs and triptychs. If I am using Photoshop, it certainly is the smoothest way to go about it. Photoshop is a difficult tool to master at the best of times (though our Photoshop Guides can help you out there). Productivity tools like Tych Panel cut short the process. If you are into digital photography or are a creative artist, how easy do you find this tool?

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.


Mac Witty

To master Photoshop is very difficult for me. To use it and then add new knowledge from time to time is easier. Saying that Photoshop can do more than I can.

Saikat Basu

It’s not really difficult if you were familiar with the older versions. It is just about incremental learning. I pick up tutorials on said topics from the web and learn hands-on instead of studying theory. I find it more fun that way.

Lisa Santika Onggrid

I prefer CS2

Saikat Basu

Maybe you have used it the most, or started with it. CS5 and CS6 are very very good actually. The workflow is much better.

Lisa Santika Onggrid

I touched wrong keys and my comment was chopped into pieces. I actually said I started with PS7, but only truly learn the software when I got my hands on CS2. CS3 is the best version I’ve ever used. Since I’m not a heavy user, I can sacrifice some things in favor of familiarity.

Lisa Santika Onggrid


Scott Macmillan

I agree with MacWitty.I find the latest version of Photoshop difficult enough to master as it is and I can’t handle any new techniques within the program..

Saikat Basu

If you are starting fresh, the learning curve is very steep. But then it depends on what end use you are planning to put it to.

Nevzat Akkaya

Now that I have Photoshop CS2, maybe I start to use and learn it. Does anyone know any update about CS2’s legality?

Nevzat Akkaya

Hmm, Adobe has put the download page on a sign-in only (secure) page, and when you sign in, you are greeted with the below message (end of a happy dream :(

“Adobe has disabled the activation server for CS2 products, including Acrobat 7, because of a technical issue. These products were released more than seven years ago, do not run on many modern operating systems, and are no longer supported.

Adobe strongly advises against running unsupported and outdated software. The serial numbers provided as a part of the download may only be used by customers who legitimately purchased CS2 or Acrobat 7 and need to maintain their current use of these products.”

Nevzat Akkaya

I’m not an owner of that product, so legally I should not use it, even though no one is gonna check it, I believe in Allah, so I will not use it.

Saikat Basu

Just thought of letting you know because of your earlier comment :)


Is there anything like this diptych /triptych feature than I can use in Photoshop Elements (I think I have version 7)?


Thanks – that looks helpful and I will give it a go.