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

About the Author: Ranjith Kumar A

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x