Your SlideShare is downloading. ×
  • Like
Hex Web Layouts Automated PSD Templates
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Hex Web Layouts Automated PSD Templates

  • 871 views
Published

This package contains 7 PSD templates automated with Photoshop actions to place 7-28 images/graphics in layout created from hexagon shapes.

This package contains 7 PSD templates automated with Photoshop actions to place 7-28 images/graphics in layout created from hexagon shapes.

Published in Design , Technology , Art & Photos
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
871
On SlideShare
0
From Embeds
0
Number of Embeds
9

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Try or buy from Graphic River for only $4!
  • 2. Try or buy from Graphic River for only $4!
  • 3. Try or buy from Graphic River for only $4!
  • 4. Try or buy from Graphic River for only $4!
  • 5. Try or buy from Graphic River for only $4!
  • 6. Try or buy from Graphic River for only $4!
  • 7. Try or buy from Graphic River for only $4!
  • 8. 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!
  • 9. Load Actions To 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!
  • 10. Open, Duplicate and Resize PSD Template Next 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!
  • 11. Play Action and Place Image To 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!
  • 12. Transform and Reposition Image After Placing It After 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!
  • 13. Rasterize Layers After 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!
  • 14. Replace Already Placed Images If 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!