![]() ![]() Step 9įinish off the icon and with it the project itself, by creating an 8 x 8 px circle (#ffd188), which we will position onto the larger shape’s bottom-right corner, at a distance of just 6 px. Once you have the shape in place, make sure you select and group (Control-G) all of the eye’s composing shapes before moving on to the next step. Step 8Ĭreate the little highlight using a 4 x 4 px circle (#ffffff), which we will position onto the iris as seen in the reference image. Step 7Īdd the iris using a 12 x 12 px circle, which we will color using #494951 and then center align to the eye’s main body. Once you’re done, select and group the two shapes together using the Control-G keyboard shortcut. Increase the resulting shape’s roundness, by creating a copy of it (Control-C), which we will paste in front (Control-F) and then adjust by first flipping its Fill with its Stroke (Shift-X), and then opening up the Stroke panel and setting its Weight to 4 px and its Corner to Round Join. Step 5Īdjust the ellipse by grabbing the Anchor Point Tool (Shift-C), and then pinching its side anchor points as seen in the reference image by simply clicking on them. Step 4Īdd the main shape for the eye using a 32 x 20 px ellipse, which we will color using #ffffff and then center align to the square that we’ve just adjusted. Step 3Īdjust the shape that we’ve just created, by opening up the Transform panel, and then setting the Radius of its bottom-right corner to 12 px, and its remaining ones to 28 px. New (or by using the Control-N keyboard shortcut), which we willĬreate the main shape for the icon’s body using a 56 x 56 px square, which we will color using #494951 and then center align to the underlying Artboard using the Align panel’s Horizontal and Vertical Align Center options. To start by setting up a New Document, by heading over to File > So, assuming you already have the software running in the background, bring it up and let jump straight into it!Įstimated Completion Time: 20 Minutes Step 1Īs we with every new project, we’re going In today’s tutorial, we’re going to take an in-depth look behind the process of creating a visibility icon, and see how we can make some simple shapes and turn them into a finished usable product. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |