Welcome  Personal Site   Contact/About    Home Page   Photoshop Tutorials   Sitemap   PDF Tutorials

   Adobe Photoshop Tutorials

by Wendi E M Scarth.

 

Triptych Framing

 

Create a Triptych (Triple) Frame
  Suitable for Adobe Photoshop CS CS2 & CS3
Skill Level - Intermediate

In this lesson, I demonstrate how to create a triple border effect, known as triptych. The image I am working with can be found HereUnzip the file and open it Photoshop’s workspace.

Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards. Alternatively, click a previous snapshot in the History Palette.

Navigate (zoom in and pan) your image using the Navigator Palette,

or the Zoom Tool.

Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way.

1/
Open your image onto Photoshop’s workspace.

2/
And from the top menu, choose Select then All. A marquee will surround your image.

3/
Now, from the top menu, choose Edit then Copy. The flower has been copied to Windows Clipboard, to utilise later. Now press Ctrl then D to remove the marquee.

4/
From the top menu, choose Image then choose Canvas Size. In the subsequent Canvas Size dialogue box, set the following attributes. 

Note
You are looking to enlarge the right-side canvas to accommodate two more (identically sized) flower pictures. Therefore, you need to multiply your canvas’s Width by 2. You will find your image’s size under Current Size, below.
 

Now, add a further 0.11 cm for each divider - or a size you prefer your dividers to be. The final calculation would therefore be; twice the width of your photograph, plus, the width of two dividers. Enter the final calculation into the Width menu. I want my dividers to be small, and they measure 0.11 cm each, therefore, my final calculation is
15.46 cm. The Height should remain 0. Additionally, click the left-side (centre) Anchor, and ensure Relative is marked. Ensure the Canvas extension colour is set to White, then click OK.



Your image will change to the following.



5/
It is time to retrieve the flower you copied to the clipboard, earlier. Therefore, from the top menu, choose Edit then choose Paste. A copy of the flower image will be pasted next to the original.
6/
Then again, choose Edit then Paste. A third flower is pasted over the middle flower, and cannot yet be seen.

7/
Now, activate the Move Tool. Move Tool

Then drag the middle copy to the right, and reposition your images so the white dividers are the same width, as illustrated below.

 

8/
Now, activate the middle layer, Layer 1.
 

9/
Then from the top menu, choose Edit then choose Transform then choose Flip
Vertical
.
10/
Now, highlight Layer 2.

11/
And from the top menu, choose Edit then choose Transform then choose Flip Horizontal, each flower now faces a different direction.

12/
Activate the Background layer.

13/
Then from the top menu, choose Image then Adjustments then Hue/Saturation, and adjust the Hue slider, to change the flower’s colour. Then click OK.

I chose the following settings, and I have Colourise unticked, however, play with all of the settings and find a colour you like.

 

14/
Activate the remaining flower layers, and change them to a hue you like. I left the middle flower untouched, these are the right-side flower settings.

 

15/
Highlight the Background layer.

16/
Then from the top menu, choose Image then Canvas Size. You are looking to increase the Height and Width (equally), to create a white border. Therefore, in the Canvas Size dialogue box, set the following attributes. Ensure you click the centre Anchor point. Then click OK.

17/
From the top menu, choose Layer then choose Flatten Image, then apply a sharpening filter - Filter then Sharpen.
Lesson.

Congratulations, you have created a triple border effect and changed the flower’s
colours. To finish, link
Here to save your image.

Wendi E M Scarth. Top of Page - Home.