{"id":243658,"date":"2024-10-23T20:00:00","date_gmt":"2024-10-23T09:00:00","guid":{"rendered":"https:\/\/digital-photography-school.com\/?p=243658"},"modified":"2024-10-24T02:22:15","modified_gmt":"2024-10-23T15:22:15","slug":"create-grids-guides-photoshop","status":"publish","type":"post","link":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/","title":{"rendered":"How to Create Grids and Guides in Photoshop"},"content":{"rendered":"
\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

Did you know that Photoshop<\/a> has grids and guidelines? If you\u2019re eyeballing your lines every time you\u2019re correcting a building’s perspective<\/a>, straightening a horizon<\/a>, or placing a logo on a photo, then Photoshop’s grids and guides can make a huge <\/em>difference. (And that’s not even taking into account everything you can do with the tools if you create flyers or do any other graphic design work.) <\/p>\n\n\n\n

In this article, I offer a quick overview of Photoshop’s positioning tools. I explain what grids and guides actually are and how to create them, plus I share some tips and tricks for consistently great results.<\/p>\n\n\n\n

Let’s dive right in, starting with the basics:<\/p>\n\n\n\n

What is a grid in Photoshop?<\/h2>\n\n\n\n

A grid is a series of horizontal and vertical lines that covers Photoshop\u2019s canvas, like this:<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

Grids are designed to make it easier for you to locate specific points on the screen. You can use grids to create symmetrical designs and align multiple elements, among other things. It\u2019s worth noting that a grid is just a visual aid inside Photoshop; the gridlines aren’t saved or printed on the image.<\/p>\n\n\n\n

What are guides in Photoshop?<\/h2>\n\n\n\n

Guides are individual lines that you can draw across the Photoshop canvas:<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

Guides can be used to create designs, straighten elements, control spacing, and much more. They can be horizontal or vertical lines, and like grids, they are only visual aids inside Photoshop; if you save your image without first removing your guides, the lines won’t appear in the final file.<\/p>\n\n\n\n

How to create a grid in Photoshop<\/h2>\n\n\n\n

Creating a grid is easy. Simply head into the Photoshop menu, then select View>Show>Grid<\/strong>. Take a look at your image, and you should see a series of lines crisscrossing the page.<\/p>\n\n\n\n

(Note: Once you’ve enabled grids, if you select View>Show<\/strong>, you’ll see a checkmark next to the Grid <\/strong>option. If you’re ever unsure about whether grids are enabled, simply go to View>Show <\/strong>and look for that checkmark!)<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

Photoshop\u2019s grid has clear horizontal lines, which look like the graphing paper kids use in math class. By default, gray gridlines will appear every two centimeters with four subdivisions:<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

However, these settings can be modified. In fact, you can create as many or as few gridlines as you want! Simply go to Photoshop>Preferences>Guides, Grid & Slices<\/strong>. Once there, you can change the color of the gridlines, the type of gridlines, the separation between gridlines, and the number of subdivisions. <\/p>\n\n\n\n

A grid can act as a visual aid that helps you manually place elements on the canvas – but it’s also a great way to align existing elements by snapping them together. You see, Photoshop grids offer a snap <\/em>feature. Simply select View>Snap to>Grid<\/strong>. Then whenever you move an element across the canvas, it’ll align with the closest gridline!<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

It\u2019s important to remember: The grid won’t print<\/em>. It’s a visual aid only, so you don’t need to worry about disabling it at the end of your project. (But it can be helpful to look at your final piece without a grid; that way, you can accurately analyze the end result.) <\/p>\n\n\n\n

To disable the grid, simply choose View>Show>Grid<\/strong>. Your existing grid will disappear, and if you head back to the menu, the Grid option will be unchecked.<\/p>\n\n\n\n

How to create a guide in Photoshop<\/h2>\n\n\n\n

As I explained above, guides are lines that you manually <\/em>add to the Photoshop canvas. You can choose to cover the whole canvas with guides, but you can also create a single guide. In other words, you can create guides on an as-needed basis. <\/p>\n\n\n\n

(Of course, you can always create both <\/em>a grid and a few guides. In fact, you can use a grid to better position your guides! Also, note that guides, like grids, won\u2019t be printed.)<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

To create a guide, you need to first have the rulers enabled, so go ahead and select View>Rulers<\/strong>. (You can also use the keyboard shortcut Ctrl\/Cmd+R<\/strong>).<\/p>\n\n\n\n

Once you’ve done this, you should see one ruler on the left and one on top of the canvas. To create a horizontal guide, click and drag from the top ruler; to create a vertical guide, click and drag from the left ruler.<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

Drag your guide into position, then let go of the mouse. The guide will remain in place, and you can continue on with your work (or you can choose to create additional guides). If you misplace the guide or wish to move it later on, activate the Move tool from the toolbar. Then hover over the guide until you see the cursor change into a double line with arrows. Click and drag to move the guide to a new position.<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

It\u2019s also possible to create a new guide that appears directly on the Photoshop canvas. Select View>Guide>New Guide<\/strong>, which will open a pop-up dialog box. In it, you can set the line’s orientation, position, and color.<\/p>\n\n\n\n

You can even use guides to create a custom grid. Head to View>Guide>New Guide Layout<\/strong>. A pop-up dialog box will appear, where you can indicate the number of columns and rows you want to create. You can also set the size, gutter, and margin. And the best thing about this option is that you can save each new layout as a preset and load it in future documents.<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

Note: Since you can move guides with the Move tool – which you can use to move other objects – they can be moved by accident. To prevent this, make sure you lock your guides in place. Just create all the guides you need, then select View>Guides>Lock Guides<\/strong>.<\/p>\n\n\n\n

The guides also have a snapping feature, which you can use to accurately position elements on the canvas. Enable it by selecting View>Snap to>Guides<\/strong>.<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

If you wish to erase a guide, just drag it back to the ruler. Alternatively, you can click on the guide, then choose View>Guide>Clear Selected Guide<\/strong>. And if you want to delete every <\/em>guide, click View>Clear Guides<\/strong>.<\/p>\n\n\n

\n
<\/span>\"How<\/span><\/figure><\/div>\n\n\n

Creating grids and guides in Photoshop: final words<\/h2>\n\n\n\n

Photoshop may not be a dedicated graphic design program, but it does <\/em>have many design-focused tools to improve your workflow – including, of course, grids and guides!<\/p>\n\n\n\n

Plus, grids and guides aren’t just useful for graphic design; you can also use them to help you scale images, make photo composites<\/a>, correct perspective, and more.<\/p>\n\n\n\n

So practice creating a grid. Have fun with guides. And see what you can produce!<\/p>\n\n\n\n

Now over to you:<\/p>\n\n\n\n

How do you plan to use grids and guides in your photo-editing and\/or design work? Share your thoughts in the comments below!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Did you know that Photoshop has grids and guidelines? If you\u2019re eyeballing your lines every time you\u2019re correcting a building’s perspective, straightening a horizon, or placing a logo on a photo, then Photoshop’s grids and guides can make a huge difference. (And that’s not even taking into account everything you can do with the tools […]<\/p>\n","protected":false},"author":461,"featured_media":245069,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[1341,35],"class_list":["post-243658","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-post-production","tag-beginner","tag-photoshop"],"yoast_head":"\nHow to Create Grids and Guides in Photoshop<\/title>\n<meta name=\"description\" content=\"Improve your editing workflow with grids and guides. Learn all about Photoshop's positioning tools so you can keep your design elements perfectly aligned!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Grids and Guides in Photoshop\" \/>\n<meta property=\"og:description\" content=\"Improve your editing workflow with grids and guides. Learn all about Photoshop's positioning tools so you can keep your design elements perfectly aligned!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Photography School\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/digitalps\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anamirelesphoto\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-23T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-23T15:22:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/11\/Photoshop-Guidelines.jpg?fit=1500%2C915&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"915\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ana Mireles\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@anamirelesphoto\" \/>\n<meta name=\"twitter:site\" content=\"@digitalps\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ana Mireles\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/\",\"url\":\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/\",\"name\":\"How to Create Grids and Guides in Photoshop\",\"isPartOf\":{\"@id\":\"https:\/\/digital-photography-school.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/11\/Photoshop-Guidelines.jpg?fit=1500%2C915&ssl=1\",\"datePublished\":\"2024-10-23T09:00:00+00:00\",\"dateModified\":\"2024-10-23T15:22:15+00:00\",\"author\":{\"@id\":\"https:\/\/digital-photography-school.com\/#\/schema\/person\/e96e485e79df9e9d9664946227036038\"},\"description\":\"Improve your editing workflow with grids and guides. Learn all about Photoshop's positioning tools so you can keep your design elements perfectly aligned!\",\"breadcrumb\":{\"@id\":\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/11\/Photoshop-Guidelines.jpg?fit=1500%2C915&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/11\/Photoshop-Guidelines.jpg?fit=1500%2C915&ssl=1\",\"width\":1500,\"height\":915},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digital-photography-school.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Grids and Guides in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digital-photography-school.com\/#website\",\"url\":\"https:\/\/digital-photography-school.com\/\",\"name\":\"Digital Photography School\",\"description\":\"Digital Photography Tips and Tutorials\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digital-photography-school.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/digital-photography-school.com\/#\/schema\/person\/e96e485e79df9e9d9664946227036038\",\"name\":\"Ana Mireles\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digital-photography-school.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4320849704c3fcca129ff0fb5897b58c5f83e18e97e52c5a5e2cf5896fa2fae5?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4320849704c3fcca129ff0fb5897b58c5f83e18e97e52c5a5e2cf5896fa2fae5?s=96&d=blank&r=g\",\"caption\":\"Ana Mireles\"},\"description\":\"is a photographer and artistic researcher. She has been awarded and exhibited in Mexico, Italy, and the Netherlands. Through theory and practice, she explores the cultural aspect of photography, how it helps us relate to each other, the world, and ourselves. She has also a passion for teaching, communication, and social media. You can find more about her and her work at her website or acquire some of her works here.\",\"sameAs\":[\"http:\/\/apmireles.wixsite.com\/anamirelesphoto\",\"https:\/\/www.facebook.com\/anamirelesphoto\",\"https:\/\/www.instagram.com\/anamirelesphoto\/\",\"https:\/\/www.linkedin.com\/in\/anamirelesphoto\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/anamirelesphoto\"],\"url\":\"https:\/\/digital-photography-school.com\/author\/ana-mireles\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Grids and Guides in Photoshop","description":"Improve your editing workflow with grids and guides. Learn all about Photoshop's positioning tools so you can keep your design elements perfectly aligned!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Grids and Guides in Photoshop","og_description":"Improve your editing workflow with grids and guides. Learn all about Photoshop's positioning tools so you can keep your design elements perfectly aligned!","og_url":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/","og_site_name":"Digital Photography School","article_publisher":"https:\/\/www.facebook.com\/digitalps","article_author":"https:\/\/www.facebook.com\/anamirelesphoto","article_published_time":"2024-10-23T09:00:00+00:00","article_modified_time":"2024-10-23T15:22:15+00:00","og_image":[{"width":1500,"height":915,"url":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/11\/Photoshop-Guidelines.jpg?fit=1500%2C915&ssl=1","type":"image\/jpeg"}],"author":"Ana Mireles","twitter_card":"summary_large_image","twitter_creator":"@anamirelesphoto","twitter_site":"@digitalps","twitter_misc":{"Written by":"Ana Mireles","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/","url":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/","name":"How to Create Grids and Guides in Photoshop","isPartOf":{"@id":"https:\/\/digital-photography-school.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/11\/Photoshop-Guidelines.jpg?fit=1500%2C915&ssl=1","datePublished":"2024-10-23T09:00:00+00:00","dateModified":"2024-10-23T15:22:15+00:00","author":{"@id":"https:\/\/digital-photography-school.com\/#\/schema\/person\/e96e485e79df9e9d9664946227036038"},"description":"Improve your editing workflow with grids and guides. Learn all about Photoshop's positioning tools so you can keep your design elements perfectly aligned!","breadcrumb":{"@id":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#primaryimage","url":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/11\/Photoshop-Guidelines.jpg?fit=1500%2C915&ssl=1","contentUrl":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/11\/Photoshop-Guidelines.jpg?fit=1500%2C915&ssl=1","width":1500,"height":915},{"@type":"BreadcrumbList","@id":"https:\/\/digital-photography-school.com\/create-grids-guides-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digital-photography-school.com\/"},{"@type":"ListItem","position":2,"name":"How to Create Grids and Guides in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/digital-photography-school.com\/#website","url":"https:\/\/digital-photography-school.com\/","name":"Digital Photography School","description":"Digital Photography Tips and Tutorials","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digital-photography-school.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/digital-photography-school.com\/#\/schema\/person\/e96e485e79df9e9d9664946227036038","name":"Ana Mireles","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digital-photography-school.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4320849704c3fcca129ff0fb5897b58c5f83e18e97e52c5a5e2cf5896fa2fae5?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4320849704c3fcca129ff0fb5897b58c5f83e18e97e52c5a5e2cf5896fa2fae5?s=96&d=blank&r=g","caption":"Ana Mireles"},"description":"is a photographer and artistic researcher. She has been awarded and exhibited in Mexico, Italy, and the Netherlands. Through theory and practice, she explores the cultural aspect of photography, how it helps us relate to each other, the world, and ourselves. She has also a passion for teaching, communication, and social media. You can find more about her and her work at her website or acquire some of her works here.","sameAs":["http:\/\/apmireles.wixsite.com\/anamirelesphoto","https:\/\/www.facebook.com\/anamirelesphoto","https:\/\/www.instagram.com\/anamirelesphoto\/","https:\/\/www.linkedin.com\/in\/anamirelesphoto\/","https:\/\/x.com\/https:\/\/twitter.com\/anamirelesphoto"],"url":"https:\/\/digital-photography-school.com\/author\/ana-mireles\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/digital-photography-school.com\/wp-content\/uploads\/2022\/11\/Photoshop-Guidelines.jpg?fit=1500%2C915&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/posts\/243658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/users\/461"}],"replies":[{"embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/comments?post=243658"}],"version-history":[{"count":0,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/posts\/243658\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/media\/245069"}],"wp:attachment":[{"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/media?parent=243658"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/categories?post=243658"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digital-photography-school.com\/wp-json\/wp\/v2\/tags?post=243658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}