How to make website design grid in Photoshop

Create Web Design Grid in Photoshop

How to make website design grid in Photoshop

In this post, we will be creating grids in Photoshop. So by not pushing an angle out final shot at the final, we should get. So now for this tutorial, we will be creating grades in both the show.

Step 1

Go to File -> New

set your file name, width 1200px, height 2000px, resolution 72, then apply it

web-design-grid-photoshop

Step 2

Go to View in the Menu bar -> Select New guide layout

Select columns, Number put 12, Width 63 px, Gutter 30px, Select Center Columns then apply it

web-design-grid-photoshop2

Step 3

Finally, you will get it.

web-design-grid-photoshop3

You May Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *