CREATE TRIPTYCH TEMPLATE IN PHOTOSHOP image(s) … · CREATE TRIPTYCH TEMPLATE IN PHOTOSHOP 9. Save...
9
CREATE TRIPTYCH TEMPLATE IN PHOTOSHOP 1. Decide the dimensions of your canvas and the posiDon and size of the three boxes to place your image(s) Example: 2. In Photoshop create a new document (CTRL+N) to your canvas size. • File>New • Enter the dimensions of your canvas Width Height Canvas 1400 pixels 1000 pixels Box 400 pixels 900 pixels Border & Gaps 50 pixels 50 pixels
Transcript of CREATE TRIPTYCH TEMPLATE IN PHOTOSHOP image(s) … · CREATE TRIPTYCH TEMPLATE IN PHOTOSHOP 9. Save...
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
