create triptych template in photoshop image(s) … · create triptych template in photoshop 9. save...
TRANSCRIPT
CREATETRIPTYCHTEMPLATEINPHOTOSHOP
1. DecidethedimensionsofyourcanvasandtheposiDonandsizeofthethreeboxestoplaceyourimage(s)Example:
2. InPhotoshopcreateanewdocument(CTRL+N)toyourcanvassize.
• File>New
• Enterthedimensionsofyourcanvas
Width Height
Canvas 1400pixels 1000pixels
Box 400pixels 900pixels
Border&Gaps 50pixels 50pixels
CREATETRIPTYCHTEMPLATEINPHOTOSHOP
3. Addguidelinestohelpplacetheboxesexactlyonthecanvas
• ViewMenu
• CheckthatRulersandSnapareselected
• ClickonNewGuideLayout
4. Createtheplacementboxes
Exampletemplate:
Foraguidelineevery50pixels
• 28columns
• 20rows
CREATETRIPTYCHTEMPLATEINPHOTOSHOP
• ShapeTool(U)>RectangleToolTip:TotogglethroughthedifferentshapeseitherRightClickontheShapesToolIconorusingkeyboard(Shi%+U)
• Parameters:Shape,Fill(Blackcolour),NoStroke
• ClickonthecanvasandenterthesizeofboxyouwanttocreateExample:400pxx900px
• ClickOK.ThiswillcreateanewlayercalledRectangle1withthefirstblackbox
5. ChangetotheMoveTool(V)MakesurethatLayer:Rectangle1isselectedandmovetheboxtosnapthetople^cornertotheintersecDonofthe50horizontalandverDcalguidelines.
CREATETRIPTYCHTEMPLATEINPHOTOSHOP
6. CopyLayer:Rectangle1twiceRightclickonthelayerinthelayerspanelandselectDuplicatelayerfromthemenu(CTRLJ)x2
7. ClickonthefirstcopytomakeitacDve
ChangethelayernametoRectangle2(doubleclickonthenametochangeit)Movethesecondrectangletothecentreofthecanvas.
8. ClickonthesecondcopytomakeitacDve
9. ChangethelayernametoRectangle3(doubleclickonthenametochangeit)Movethethirdrectangletotherightofthecanvas.
CREATETRIPTYCHTEMPLATEINPHOTOSHOP
10. SaveyourtemplateasapsdfilesoyoucanuseitatanyDme.
HowtousethetemplatetodisplayimagesinTriptych
1. OpenTriptychtemplateandimage(s)tobeaddedtothepanel.
2. Copyyourfirstimagetoalayerinthetemplate,usethemovetoolorCTRLC&CTRLV
3. PlacetheimagebetweenlayersRectangle1&Rectangle2.TheimageshouldhidethebackgroundlayerandRectangle1.RenametheimagelayertoLe^Image
4. Changetheimagetoasmartobject–rightclickonthelayerandselecttheopDonfromthemenuorfromtheLayerMenu>SmartObjects>ConverttoSmartObject
5. ChangetheLe^ImageblendmodetoLighten
SmartObjectspreserveanimage'ssourcequalitycontentwithallitsoriginalcharacterisDcs,enablingyoutoperformnondestrucDveediDngtothelayer.
QuickvideoexplainingSmartObjects:hCps://www.guru99.com/how-to-use-smart-object-in-photoshop-cc.html
CREATETRIPTYCHTEMPLATEINPHOTOSHOP
Thishastheeffectofonlyshowingwherethelayersbelowinthesequencearedarkerthanthelayerbeingblendede.g.Rectangle1
6. Toonlyapplyeffectstothelayerdirectlybelow,rightclickontheLe^ImagelayerandselectApplyClippingMaskfromthemenu.(ALT+CTRL+G)
CREATETRIPTYCHTEMPLATEINPHOTOSHOP
7. PosiDontheimageintheboxasrequired.UsetheMovetool(V)orfreetransform(CTRL+T)toscaleandrotatetheimage.
8. Repeatsteps2to7toplaceanimageinthemiddleandrightrectangles.Instep3:
a. PlacethemiddleimagelayerimmediatelyaboveRectangle2
b. PlacetherightimagelayerimmediatelyaboveRectangle3.
CREATETRIPTYCHTEMPLATEINPHOTOSHOP
CREATETRIPTYCHTEMPLATEINPHOTOSHOP
9. Save(SHIFT+CTRL+S)thefinaltriptychtoadifferentfilename.SaveasapsdfiletoallowfurtherediDngandmovingoftheimageswithinthethreerectangles.
Photoshopshortcutkeysusedinthistutorial.
CRTL+O OpenFile
CTRL+N CreateNewDocument
V MoveTool
U ShapeTool
SHIFT+U Scrollthroughshapes(Ellipse,Rectangle,Polygon,Line…)
CRTL+J Duplicatelayer
CRTL+ALT+G CreateClippingMask/ReleaseClippingMask
CTRL+T FreeTransformlayer
SHIFT+CTRL+S SaveAs