960 Grid Actions
Always looking to increase my level of productivity, I made a quick Photoshop Action that is based on the 960 Grid System. Instead of keeping track of a template file, I thought it would be easier to just make an action that would do the same thing.
The action creates a new file with (almost) the same dimensions as the 960gs templates. So, what are you waiting for? Download the action, install it in your Presets > Actions folder in Photoshop and load it.
22 Responses to “960 Grid Actions”
Once I’ve installed it, how do you call it?
Thanks:)
March 16th, 2010 at 2:00 pm
Once you install it, switch to Photoshop. Open your actions pane, on the actions menu, Load Action, browse to the newly installed action and click Load.
March 16th, 2010 at 2:19 pm
Hi Ben,
Thanks for sharing this grid actions with the rest of us. Is there a way to the action prompt for canvas size? Your 1020×700, specially the height value, is rather short for the way I work. I tried to change the first “Make”, but found out that others steps are somehow related to the document size.
Best,
B.
March 19th, 2010 at 5:15 am
Hey Bruno,
Glad you like it. I may take a look at something like this in the future. In the meantime, I suggest changing the canvas size after the action is finished running and just transforming the “Grid Overlay” layer to match your set height. I made them all on one layer so that it would be easy to adjust if needed. I’ll let you guys know if I update it.
Ben
March 19th, 2010 at 7:08 am
[...] a Photoshop Action that recreates any of the 960 templates, I start creating the wireframes using the grid as a [...]
March 24th, 2010 at 10:01 am
Oooh, thank you for this! Agreed – 5 mins. (or more!) of my life back!
May 24th, 2010 at 7:55 am
[...] 960 Grid Actions [...]
June 24th, 2010 at 11:21 pm
Not sure if I ever thanked you for this… Thanks! Ha, LOL.
No really, very useful and not JUNK!
Who said that?! I’ll rip ‘em to shreds.
See you tomorrow.
August 7th, 2010 at 10:40 pm
Hey Ben,
I thought i’d comment and say that I’ve been using this action for nearly a year and on each of my projects. Thank you 
April 7th, 2011 at 6:39 am
It seems to be very very useful! and i’ve heard something wonderful by a colleage designer! thanks 4 share!
June 14th, 2011 at 9:05 am
Hi!
First of all really awesome to put the actions out here! I have problems touhg with downloading the actions cause now they just appear in a new window.
Shouldn´t it be a zipped file? I downloaded the 960 ggrid from the webpage. Can I use it for this tutorial as well? Would appreciate any help.
Thanks a lot,
Andreas
January 26th, 2012 at 2:31 am
Sorry you are having trouble downloading it. A zip isn’t necessary since it’s just one tiny file. After you download it you can open it with Photoshop or double click to install it. It’s also available as part of the 960.gss download.
January 26th, 2012 at 8:11 am
Social comments and analytics for this post…
This post was mentioned on Twitter by beley: Love 960 Grid System as much as I do? Check out this cool Photoshop action by @bshoults http://bit.ly/4Vn6nG...
December 30th, 2009 at 10:19 am