Lessons: 35Length: 2.7 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.7 How to Set Up Snapping

Along with its excellent grids, Affinity Designer also has a powerful snapping management system. Learn how to use it, and the key settings for pixel artists and web designers, in this lesson.

3.7 How to Set Up Snapping

Hey welcome back to Affinity Designer Quick Start. In this lesson, we're gonna have a look at snapping, how you can turn it on and what the different types of settings that you can use with it are. Now in order to activate snapping, all you need to do is head up here and hit this big magnet button up here. Alternatively, you can hit this little drop down arrow here and just ensure that this box here is checked. Now, if you are designing graphics for the web or for a pixel-perfect game, or for anything that requires pixel precision, there are a couple of buttons that you're gonna want to know about right away. The first is this one here, Force Pixel Alignment. Now if you don't have this turned on, your vectors can actually snap to positions that are in between pixels. And then when you export your graphics, you can end up with blurry looking edges. But by turning the setting on, you make sure that you always force pixel alignments and that's gonna help you to keep your edges nice and crisp. And the second one that you want is Move By Whole Pixels. And that one is helpful for the exact same reason. So when you're moving things around, you're not gonna have anything fall in between two pixels. And you're gonna make sure that your graphics are always coming out nice and crisp. So, now that we have snapping turned on, if we grab the Pen Tool. Zoom in a little. And now we could very easily Start tapping out some isometric shapes. And likewise, if we now wanna move our shape around, we get really great visual feedback and snapping to help us move our shapes around and keep them on the grid and keep them perfectly aligned and in order. There are also plenty of other snapping settings that are in this drop-down box here. And we won't go through every single one cuz there's quite a lot that you can do with this. But definitely have a look inside this panel. Check out some of the presets and some of the different settings that you can use, and experiment with them to see what works best for the kind of work you're doing. In the next section of the course, we're gonna move on to looking at how you can work with color and fill and stroke in Affinity Designer. And we're gonna start out by stepping through how you can use Affinity Designer's Fill Tools. I'll see you in the next lesson.

Back to the top