Try or buy from Graphic River for only $4!

Try or buy from Graphic River for only $4!

Try or buy from Graphic River for only $4!

Try or buy from Graphic River for only $4!

Try or buy from Graphic River for only $4!

Try or buy from Graphic River for only $4!

Try or buy from Graphic River for only $4!

Hex Web Layouts Automated PSD Templates There are only few things you should know before start using actions: You can resize template and individual layers/groups to any size but keep number of layers in template and their names as they are in order to use actions. Use Resize Hexagons action to resize only hexagon shapes which are creating layout without to change document size. After placing images in layout you can rasterize layers if you want (actually groups) and then to rename them.Use actions with Hexagons in name with appropriate template (action name must match template name) to place images in layout. Do not forget to duplicate template first. Use actions with Rasterize in name to merge and rasterize groups with image layers and vector placeholders below to which images are clipped.Replace Image action is there in case you want to replace already placed image. Image to replace must be on Smart Object layer and you must select layer manually before running action.

Try or buy from Graphic River for only $4!

Load ActionsTo load actions first display Actions panel from Window > Actions. Click on Actions panel menu and choose Load Actions. Navigate to Hex Web Layouts.atn file and double click on it.

Try or buy from Graphic River for only $4!

Open, Duplicate and Resize PSD TemplateNext task is to open PSD template in Photoshop. Immediatelly after opening template duplicate it from Image > Duplicate… Close original document and continue working with duplicated. Resize entire template from Image > Image Size to any size or play Resize Hexagons action to resize shapes which are creating layout without to change document size.

Try or buy from Graphic River for only $4!

Play Action and Place ImageTo play action select it in Actions panel then click Play button at the bottom. It is easy to understand which action to play, action name must match template name. Action will guide you through process of placing images. You will see 7–28 Place dialogs and your task is to navigate to image you want to place and to double click on it.

Try or buy from Graphic River for only $4!

Transform and Reposition Image After Placing ItAfter image is placed in template Photoshop will turn it into fee transform mode so you can resize and reposition it. Confirm changes using Enter/Return on your keyboard to proceed.

Try or buy from Graphic River for only $4!

Rasterize LayersAfter placing all required images in layout you can use Generator (File > Generate > Image Assets) in Photoshop CC or to rasterize all layers using actions at the bottom with Rasterize in name. It is important to not rename groups (folders) before running Rasterize actions. This group of actions requires exact number of

groups: Image 1, Image 2 and so on. Content inside groups (image_xx and placeholder_xx) will be merged and rasterized. Merged layer will get group name: Image 1, Image 2 and so on regardless of individual layer names inside groups. It is easy to determine which action to play: number in action name must match number in template name or simply count how many hexagons you have in layout (I assume that you won’t change number of hexagons in template).

Try or buy from Graphic River for only $4!

Replace Already Placed ImagesIf you make mistake or simply you want to change placed image in layout, use Replace Image action. You must manually select layer with image before running this action and layer must be Smart Object. By the way actions XX Hexagons which you will use to place images will create Smart Object layers for each placed image.

Try or buy from Graphic River for only $4!