For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+. You can take this course straight away with a subscription to Envato Elements. You'll learn in detail about the various vector tools, interactions between shapes, using typography, and much more. In the full course, Affinity Designer Quick Start, you'll get 34 more videos like this one, going through every aspect of this versatile design software. Here's a closeup showing the divisions: Watch the Full Course So let's just drop that Gutter back down to 0, and we'll keep our grid divisions.Īnd now we've got a really nice framework that we can use to start plotting out isometric graphics, without having to worry that the angles and the perspective that we're trying to lay out are incorrect in any way. So you can head up to Mode and choose Isometric from the dropdown menu.Īnd now your grid will be converted into an isometric layer. But you also have several other predetermined types of grids that you can work with.įor example, you might be working on graphics for an isometric video game. That icon grid layout is just using the standard mode of grid. And we can do the same thing horizontally, so that we've got a really nice little self-contained grid for each one of the icons that we produce. So when we're trying to align all of the different nodes and points in our icons, we can snap to each one of these lines. And now if we zoom in, we can see that we've got several lines that are breaking down each one of our grid cells even further. So let's say that we set the Divisions to 32. So we can make smaller grids inside our grid. And now we can fit exactly one icon into each one of these little grid squares.Īnd we can take that even further to help us work with our layout by increasing the number of divisions. So increase the Gutter to 24 pt for both axes. What we can also do is increase the amount of space between each of these grid cells. So now each one of our squares is the right size for an icon to fit inside it. And then under Second axis, we can also set the Spacing to 64 pt. So in the same Grid and Axis Manager, you can go to First axis and set the Spacing to 64 pt. Let's look at how you can set up a grid to create icons.Ī pretty common size for icons is 64 pixels by 64 pixels. So if you want to change things around, you just need to uncheck that checkbox. Now, to change the way that this grid is laid out, go back up to the View menu and then go down to the Grid and Axis Manager.īy default, Use automatic grid will be checked. So head up to the View menu, and then check the Show Grid submenu. Affinity Designer has a versatile grid system with some really good tools for things like icon design, and it also has isometric grids for doing graphics for games.
0 kommentar(er)
