Grid+ Layouts Photoshop Actions

Grid+ Layouts Photoshop Actions

In this post I will present you my new and most flexible set of actions with Layout in title. This set of actions gives you most flexibility in process of creating just any grid layout. Grid+ actions are must have for every web, print designer and certainly photographers can not live without grid layouts, esspecialy when presenting their work as web gallery or photo book. Grids are actually everywhere around us including Graphic Design. Here is one nice article A Brief History of Grids.

Photoshop add-ons created by Bojan Živković owner of DesignEasy blog

The power of Grid+ Layouts Actions
The true power of this set is in amazing flexibility and independency of size, resolution, bit depth, color mode. You can type just any size, resolution and choose any of available options in New dialog which will open at the beginning of action. The result will be always as expected, no surprises, no mistakes. Grid in title does not mean square, ratio will be defined by user in New dialog. For example: when playing 4x2 Template action you can specify Width=800px and Height=800px to get template with 8 placeholders 200x400px or 1:2 ratio. Specifying W=800px and H=560px will deliver to you layout with 8 placeholders 200x280px or 5:7 ratio. Once again, numbers mention are not limitation, there isn't actually any limitation and you can specify just any size with any ratio up to maximum available file size in Photoshop (300.000x300.000px).

Few real World examples
Here are few examples of grid layouts in web and print design. Screenshots used in collage: 99designs Facebook page, Flickr home page, Slavery Book coverFREE Celebrating Cycle Touring E-Book.
Few examples of grid layouts in web and print design


What is included in set
Recorded actions provides you easy creation of 27 layouts : 2x2, 2x3, 2x4, 3x2, 3x3, 3x4, 3x5, 4x2, 4x3, 4x4, 4x5, 4x6, 5x2, 5x3, 5x4, 5x5, 5x6, 5x7, 6x2, 6x3, 6x4, 6x5, 6x6, 7x7, 8x8, 9x9, 10x10. That’s not all off course, it is very easy to combine two layouts in one single as explained in PDF user guide (see it below in post) which ships with actions.

Basically package contains set with 27 actions which will create chosen layout, guide you through steps to place images or files in any supported format and allow you to set stroke width which will separate images. Every layout is created from Smart Object which are clipped to vector placeholders. In addition to this basic set you can use Grid Layouts Kit to separately create template, place images or add stroke. Advantage of Layout Kit is that you can modify template before placing images or files and skip actions to add stroke between images. Perhaps you do not want separation stroke or you want see through separation. Here is infographic like one example how to use actions to create layout which is downloaded from stockindesign.
Steps to create and customize layout using Grid+ Layout Photoshop Actions

Try and buy links
As always you have chance to try one of actions included in set. Test action is 5x3 layout as basic action but also as part of Layout Kit. Download test actions from here (File > Download) and watch video below how to combine two 5x3 layouts to get one 10x3 which is very popular for Facebook covers.
Price for this set is $4 and you can buy it from here. Actions are unique and exclusively available from my portfolio page on Graphic River.

Video How to Use Grid+ Layout Actions


Grid+ Layouts User Guide


If you have any question or suggestion feel free to call or to chat with me.


Comments

Popular posts from this blog

How to Change Artboard Size in Adobe Photoshop

Free Puzzle Pieces Actions For Photoshop and Elements

Old Weathered Vertical Wooden Planks Free Image