Written by on

Creating and Using Grids in Photoshop

A grid in the context of web design is nothing more than a series of vertical (or horizontal) lines that provide structure to your design. Designing on top of a grid has been an essential tool in design for quite some time.

In this tutorial, you’ll learn more about how grids work, why you should design on a grid and how to create your own custom grids. Download these Photoshop files that have built-in grids so you can start using grids in your designs today.

Watch the Tutorial:

Download the PSDs


  1. Great tutorial. I’d never used Gridulator before.

    I also use this free Photoshop extension that helps you create various grids in your document automatically. I probably use the midpoint guide buttons the most just to show a quick center point for any document when I don’t need a whole grid.




Sale Ends Today! Save 35% OFF BackupBuddy with coupon code BACKUPWP35