Being a capable web designer means having a solid grasp on grids, especially if you want to pursue responsive web design. In this tutorial we’ll take a look at a Photoshop script for generating your own custom grids, plus we’ll open the hood and look at how the script is actually made.
It’s quite likely that you’ve already used psd files from one grid system or another. You’ll probably have opened the psd, complete with all its guides, then you’ll have altered the document size to give yourself a bit of breathing room.
In the case of our script, it will generate Photoshop guides irrespective of the document size. It will allow us to specify the number of columns, the gutter size and the layout width. Okay, enough with the introductions, let’s dive in.