Jump to content
Sign in to follow this  

How to Set a Grid to Make Icons

Recommended Posts

Let's see how you can set the grid to make an icon.


A fairly common size for icons is 64 pixels versus 64 pixels. So in the same Grid and Axis Manager, you can go to the first Axis and set the Space to 64 pt. Then then under the second axis, we can also set the Space to 64 pt. So now each of our boxes is the right size for an icon and fits inside it.

What we can also do is increase the amount of space between each of the grid cells. So increase Gutter to 24 pt for both axes. And now we can enter exactly one icon into each one of these small grid boxes.

And we can also take even more help we work with the layout by increasing the number of Divisions. So we can make smaller grids in our grid.

So let's say that we set each Division to 32. And now if we zoom in, we can see that we have several lines passing each of our grid cells further. So when we are trying to align all the different nodes and points in our icon, we can align for each one of these lines. And we can do the same thing horizontally, so we have several separate grids that are very good for each icon that we produce.

How to Set a Grid to Make Icons-1.jpg

How to Set a Grid to Make Icons.jpg

How to Set a Grid to Make Icons-2.jpg

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  


Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.