Photoshop Grid

admin 11/22/2021

Find out how to draw custom grid in photoshop. Adobe Photoshop has its own grid but if you want to create custom grid, this is the way.#photoshop #grid #ruler.

Let’s face it, creating a project with measured guides, accuracy and precision give our designs that clean and polished professional look. When designing with Photoshop, you can effortlessly enable the Grid feature to help you align specific elements to a more precise and specific area.

The Photoshop grid is an useful tool that you can use to create layout designs for web and for print. In the following Photoshop tutorial you'll learn how to add a Grid effect to any photo. We will use selections and layer masks in order to achieve the grid effect. As always, this is the final image. The Grid feature in Photoshop is a great tool to assist you with your layout designs, whether its design for the web or print. Adding a “Snap” lets you align objects very precisely along the lines.

Using the grid feature can also help you become efficient because it somehow organizes different parts of your image into sectioned areas so you can identify and edit it easier. Also, take note that grid lines will not appear on the actual file when you save it. The grid is just a guideline while working on your project in Photoshop.


There are a few simple steps on how to enable grid in Photoshop.

How to Enable Grid in Photoshop

Step 1: Open a New document or an image that you’d like to work on by clicking “File” > “Open“. The file directory box will appear – select your file from the directory then click “Open” again.

Step 2: Once your file has been opened, click on “View > Show >Grid“.

Step 3: Now that you’ve enabled grid, you will notice that lines have now appeared on your image.

The darker lines are the grid, while those little boxes with dotted borders are called “Subdivisions”.

Snap To Grid

Enabling the Snap to Grid option helps you move elements faster by snapping the object that you’ve selected to the closest grid area. This is quite helpful when your project doesn’t specifically call for a custom adjustment or area editing. Snap to Grid will give you efficiency and ease without compromising precision, quality and the clean look of your final design.

Photoshop Grid Pattern

To activate Snap to Grid, simply click on “View” > “Snap To” > “Grid“, make sure that the Grid option is checked.

To deactivate Snap To Grid, simply click “Grid” again to uncheck it.

Pixel Grid Photoshop

Customize the Grid

Photoshop Grid Tool

If you don’t like Photoshop’s automatic grid feature, there’s also a way in which you can customize how your grid will look. You can change the color, distance of grids, number of subdivisions inside a grid, and style.

Step 1: To access the Grid Preference box on a MAC OSX, click on “Photoshop” > “Preferences” > “Guides, Grid & Slices“.

Step 2: The Grid Preference box will appear and you may now supply your desired values for the custom Grid. In this sample, we are going to adjust the Gridline to 2 inches with Subdivisions set to 3. We also changed the color of the Grid to Light Blue instead of the default Black.

Step 3: Click “OK” then check your image. You have now customized your Grid. If you’ll notice, the gridlines are now Light Blue in color, spaced 2 inches in between each other, with 3 subdivisions per grid – just as what we’ve supplied. You can continue to adjust the grid according to preference and work until you get the final and desired edited design.