Lessons: 35Length: 2.7 hours
- 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.
1.Introduction
1.1Affinity Designer Quick Start00:58
2.Vector Persona
2.1Creating Curves02:43
2.2Adding, Deleting and Connecting Nodes05:02
2.3Node Types and Pen Drawing Modes05:07
2.4Using the Corner Tool03:15
2.5How to “Power Duplicate”02:49
2.6Real-Time Embedded Object Editing04:11
2.7Painting With Vectors03:45
3.Interface
3.1Transforming Objects03:32
3.2Split-Screen View With Slider02:17
3.3Understanding the Layers Panel07:04
3.4Using the Guides Manager02:51
3.5Tip: Rearranging Studio Panels02:11
3.6How to Set Up Grids03:22
3.7How to Set Up Snapping02:37
4.Color, Fill and Stroke
4.1Working With Fills04:57
4.2Working With Strokes03:10
4.3Color Selection and Copy Paste Hexcodes03:31
4.4Extracting Color Palettes02:17
4.5Generating Color Chords03:45
4.6Define and Edit Gradients05:02
4.7Using the Transparency Tool03:21
5.Pixel Persona
5.1Pixel Persona and Pixel Brushes04:16
5.2Pixel Tool03:33
6.Interactions Between Shapes
6.1Using Boolean Functions04:37
6.2Masking and Clipping07:43
7.Effects, Styles, Pressure and Velocity
7.1Effects and Styles04:42
7.2Velocity, Pen Pressure and Manual Simulation06:07
8.Exporting
8.1Exporting, Export Persona, Continuous Export05:24
9.Conclusion
9.1Wrapping Up00:33
10. Bonus Lessons
10.1Typography18:52
10.2Artboards08:09
10.3Constraints06:49
10.4Symbols06:28
10.5Assets Panel06:56
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.
