Learn Designer Tutorials

Guides for Precise Layer Placement Ever

By Melanie Doncas | Designer Tutorials What’s New

Precise placement is one of the most important aspects of any graphic design, yet it’s often something that can be overlooked until the last minute. If you’ve ever designed a social media image, only to have half of the text cut off once uploaded, or printed a brochure doesn’t fold where it’s meant to, then you’d know just frustrating incorrect placement can be in design.

Thankfully, those days of design guesswork are over. Our Graphic Designer, Collage Maker, and Photo Editor has a handy Guides feature to help you precisely place your layers with ease! They’ll help you easily set your own parameters, margins, and safe areas no matter what kind of design you’re working on.

guides example 1

When to Use Guides

Whenever you customize one of our pre-designed templates, you can rest assured that our professional graphic designers established margins, safe areas, and proper alignment in the layout design process. In other words, they used guides to help establish what spaces to keep important design elements within. Still, knowing where to set your own guides is ultra-important, whether you’re customizing a pre-designed template or creating a design from scratch. Here are the cases when guides truly come in handy: 

Setting Margins

Some design layouts require the use of margins, especially when the end goal is to print them. For example, when it comes to trifold brochures, the layout needs to be split into three different sections with a set margin for each. That way, when the brochure is printed, each section will fold neatly without cutting off any important text or looking uneven. 

If you’re working on a design that requires a margin, you can now set and lock the specific dimensions before you start getting creative. The Guides feature will ensure that you don’t waste any time designing outside of the limits. 

guides example 2

Designing Within Safe Areas

Similar to setting margins, some layouts specify a “safe area” because the display area varies on different devices. One great example of this is YouTube Channel Art design. Since YouTube channels are viewed on mobile, television, computers, and tablets, the Channel Art ends up getting cropped depending on which platform viewers are using. This is why YouTube Channel Art should be designed on a 2560 x 1440 canvas, but the text and logos need to remain in the safe area, which is 1546 x 423 px. 

Instagram Story layouts also require a safe area, because when uploaded on Instagram, there are certain buttons and icons that block important text if it’s positioned too close to the top or bottom of the design. Whatever you’re designing, be sure to read up on where safe areas may be.

guides example 3

Creating Composition Grids

Did you know that most graphic design layouts begin with a composition grid? The gridlines are helpful for designers to either stay within their limits or break all the rules. One of the easiest and most common composition grids is the Rule of Thirds, where the template is divided into three rows and three columns to create nine equal sections.

Following the Rule of Thirds, the most important design elements are placed at a guide intersection (that goes for the subjects in your imagery, too!), while the supporting design elements are placed within a few of the sections. As with all great designs though, rules are meant to be broken. So feel free to play with different compositions that feel right to you! 

guides example 4

How to Set Guides for Precise Alignment in the Graphic Designer

Ready to start practicing with setting guides in your own projects? Head to the Graphic Designer to begin!

Step 1: Start Your Project

When you start a new project within the Graphic Designer, you can either begin with a blank canvas or a pre-designed template. Click on the Templates tab at the top of the page to choose a customizable design, or click Blank Canvas to start from scratch.

choose a template for guides

Step 2: Enable Guides

When your template or canvas loads, click on the Alignment button in the bottom toolbar. This is where you can enable and disable any of our Alignment tools. 

guides alignment

Click Guides to turn the feature on and you’ll see rulers appear on top and left edges of your design canvas. 

click guides

Step 3: Set Your Guides

Clicking anywhere on the rulers will set a new guide, which looks like a dashed line. You can click and drag the top of the guide (the thick portion that sits on the ruler) to re-adjust where you want your guide to be. Notice that when you hover over this point, the pixel distance between the guide and the edges of the template will appear. When you click and drag the guide, the distances increase and decrease in real-time. 

adjust guides

Add as many guides as you want to your design by clicking more points on the ruler and adjusting where you need them to be.

guides ruler

If you need to remove a guide at any point, simply right-click it and select Remove Guide from the menu that appears. To clear the guides and start over at any point, you can also click the X in the upper right corner of the canvas. This will get rid of any guides you created immediately.

remove a guide line

Step 4: Lock Your Guides

When you’ve got your guides exactly where they need to be, click the Lock icon in the upper left corner of the canvas. This will lock the guides and make them unmovable, so you can begin the design process without worrying about them shifting. If you need to adjust the guides at any point, click the lock icon again to unlock the guides, move them as needed, and click the Lock icon again. 

lock guides

Step 5: Finish and Save Your Design

Once you’re finished with your design, all that’s left to do is save your work! When you’re ready, click the Save button at the top of the Designer to save your design to your chosen destination. 

If you’re at a stopping point, but not necessarily finished with your design entirely, select the Save as Project option in the Save dropdown menu. This will save your design in editable format, so you can revisit it at any time. The best part is, the guides are saved in your editable project files, so once you reload them, you’ll see the same guides you were using to design with originally and won’t need to guess where they were!

save guides project

Perfectly Placed Layers Every Time

Forget design guesswork. With our helpful Guides feature, you can get perfectly aligned layers in any design you choose.  

Ready to achieve graphic design perfection? Head to the Graphic Designer to see just how easy using Guides can be! 

Graphic Design, Simplified.


Photo Editing. Simplified