Repeat the ritual, but this time with horizontal guidelines. Now press Cmd + D a few times to see the magic happen! This step repeats your last action, so you should see your guidelines duplicate to the other artboards. Make sure your guidelines aren’t locked (View > Guides > Unlock guides or Alt + Cmd + ) Using the select tool (V), pick two vertical guidelines, then press down, hold your mouse button and also press Shift + Alt to drag your guidelines to the right until they stick to the other artboard. Repeat this step until you have guidelines on all four sides of your first arboard. (A guide only sticks to the selected arboard). Now simply click on the ruler and drag your guideline to the edge of the first artboard. Rulers: ( View>Rulers>Show Rulers or Cmd + R ) Guidelines: ( View > Guides > Show Guides or Cmd + ) Make sure you have rulers and guidelines visible first. Luckily, we can fix everything with the help of guidelines! You could always turn the showing arboards off by clicking Shift + Cmd + H, but this way you won’t see where you should place your icons. Now you see a bunch of artboards, but it’s still not ideal for icon design, as the edges of the artboards stop you from seeing the overall view of the set, and they are constantly distracting you from the most important thing - icons. But there is one more thing to make it better! Also, make sure all these values are set in pixels!Ĭongrats! You’ve just created an Illustrator file that is almost perfect for icon design. You probably already know that icons should be placed into square artboards. I like to stack my icons into a nice rectangular form, this way if you’re creating 20 icons, you can make 4 columns with 5 icons in each, or 5 columns with 4 icons, or even 10 columns with 2 icons in each column.ĥ) So instead of creating one big arboard you should enter your icon dimensions. Most often, this field updates automatically depending on the number of artboards you’ve created, but you can enter your own value as well. But it really depends on the icon size you’re working on.Ĥ) Columns show how many columns the icons will be stacked into. Don’t set it to a small value because your icons need to have enough space around them, but simultaneously, don’t make it too big, so that the icons aren’t too far away from each other. I personally love the first option, because icons are stacked into nice groups next to one another, and you can easily check if they are cohesive and look similar in weight.ģ) Spacing shows how big the gaps between icons will be. After finishing the set you can delete extra artboards.Ģ) These 5 buttons determine how your artboards will be placed. It will serve well for different versions of the icons and various iterations you will make on the way to the final set. You need to create as many artboards as there are icons in the set, but from my experience, you’d rather create even more artboards than icons. Type in your file name and let’s jump over to the really important stuff! As I mentioned before, the main difference is that you will be working with multiple artboards. Let’s do a quick walkthrough of how to create your multiple artboards Illustrator file and how to make it even more suitable for icon design using guidelines.ġ) Easy to guess! Go to File > New (Cmd + N) to create a new Illustrator file. Also, it saves a ton of time exporting the icons, as you can export to different files all your artboards just in a few clicks. This was a game-changer for me! It is way more comfortable, because from the very beginning you get the predefined icon boundaries. The secret is, I switched from one big artboard to a lot of small icon-sized artboards. While experimenting with various methods, I have found the perfect one for me. Eventually, after long hours of copying/pasting and exporting icons one by one, I started looking for a better solution. svg files for the developer or export separate icon files for a client. But this isn’t very efficient when you need to export your icons, for example, prepare. I was doing it myself for a long time too. I’ve seen a lot of icon designers creating icons on one big artboard. In fact, it can take you from spending an hour exporting all your icons to just a few simple clicks. In the end, it determines your workflow and makes a real difference. So how to you create Illustrator document for icon design? Where does it all begin?Ĭreating your Illustrator document might seem like an insignificant thing, but don’t underestimate it. I remember how massively it changed my workflow when I first started doing this. But I believe it will provide a hell lot of value for beginners and those who don’t use this technique. This week’s article will be really technical.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |