![]() ![]() Once you’ve entered the indicated values, you need to make sure that the Grid snapping is actually active by going to the View menu and clicking on the Snap to Grid option.Īt this point, we’re pretty much done with the adjustment process, which means we can now move on to building the custom icon grids. Here, a new popup window should appear giving us the option to adjust the following settings to the values indicated below: ![]() ![]() Illustrator itself comes preconfigured with a default set of values, which we will have to adjust in order to be on the same track, by going to Edit > Preferences > Guides & Grid. Since I’m a strong believer in creating with Pixel Perfection, I always set up my Grid to the lowest values since this will assure me that my shapes are as crisp as possible. It is usually used in UI design, where the process of creating a balanced composition requires the designer to put a lot of consideration into the relation established between the different visual components.īut as with most of Illustrator’s tools, this too gives you the ability to do so much more with, one particular one being that of creating pixel crisp artwork. ![]() At its core, the Grid is a system of vertical and horizontal lines that allow you to compose and position you artwork with a high level of precision. grids – which will house the simple custom grids, that we will be using in order to create a cohesive packįor those new to the Grid, well you shouldn’t worry since it’s not that hard to master. So, assuming you know how the Layers panel works, let’s create 4 layers and name them so that they’ll be easier to identify:ġ. Since in our case the project is composed out of 3 assets (icons), it would be a good idea to create a layer for each one, so that we can better manage and edit them along the way. This way I can easily work on a specific part of the design, without worrying that I’ll accidentally misarrange or affect my other shapes. Usually when I create detailed artwork, I find it useful to separate the different sections from one another using layers. Once we’ve properly set up the document, we should take our time and think about the project itself in terms of layers. Align New Objects to Pixel Grid: checked – as we want everything to correctly snap to the Pixel Grid.If you’re creating for the screen 72 ppi will suffice, but if you’re designing with the intent of printing the final artwork on paper, then you should go with one of the higher values Raster Effects: Screen (72 ppi) – this option controls the way drop shadows, textures and other effects are displayed on different media.Color Mode: RGB – which is the color mode for the digital medium.Units: Pixels – this setting is really important since we will be creating for the digital medium, so screens and other display devices, which are pixel based.Īnd from the Advanced tab (which can be made visible by clicking on the little right facing arrow):.Height: 600 px – which is the overall height of our Artboard.Width: 800 px – which is the overall width of our Artboard.Number of Artboards: 1 – since we will be creating a small pack, one Artboard will suffice.So, go to File > New (or use the Control-N shortcut), and let’s go through some of the settings that need adjusting: The first thing you should always do, no matter the project, is make sure that you start off on the right foot by setting up a proper document. So, assuming you have Illustrator up and running, let’s jump in and start creating!ĭownload the: How to Create a Halloween Icon Pack Resources (AI + EPS Files) In terms of difficulty this course is aimed at those who have a basic knowledge of how Illustrator works, but that doesn’t mean beginners can’t give it a go, since every step is presented as explicitly as possible. The idea was to show you guys how to create a cute set of three icons from scratch, using some of Illustrator’s basic tools such as the Shapes Tool, combined with the power of the Pen Tool and Pathfinder panel. Since Halloween is just around the corner, we thought we should give you an early treat this year, in the form of a little icon tutorial. How to Create an Icon Pack using Adobe Illustrator ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |