Tag Archives: Photoshop

960 Grid System Photoshop Actions

960 Grid System Photoshop ActionDesigning websites with a grid system like 960.gs has been made easier with the availability of two sets of Photoshop actions, which come in really handy to create a new Photoshop document based on the 960 grid system.

These actions will create a Photoshop document ideal for laying websites out in 24, 16, 12, 10, 8, 6 and 4 columns.

960 Grid System Photoshop Actions

These set of actions by Johnny Nines supports 4, 6, 8, 10 and 12 column grids.

Key Features of the Action:

  • Creates a new Photoshop document from scratch.
  • Creates guides to determine grid columns and gutters with transparent layer to show gutter space
  • Creates Layer Groups for Header, Content, Footer and Backgrounds making it easier to lay your sites out in a orderly manner.
  • Compatible with Photoshop CS3 and higher
  • Works on Mac and PC

Download from here

960 Grid Actions

These set of actions by Ben Shoults supports 12, 16 and 24 column grids.

Key Features of the Action:

  • Creates a new Photoshop document from scratch.
  • Creates guides to determine grid columns and gutters
  • Works on Mac and PC

Download from here

Photoshop Pen Tool Basics

I have never been able to grasp how the Pen Tool in Photoshop (and other softwares like Illustrator and Flash) works.

But now I do.

I followed this excellent and simple tutorial by David Legett at Tutorial9 website.

After learning the basics of handling the pen, I was able to create the following two shapes with the pen tool:

photoshop-pen-tool

The cloud shape is a trace from Tutorial9’s logo.

Follow the Tutorial: Pen Tool Basics – Custom Shapes