Give the resulting shape an outline using the Stroke method, by creating a copy ( Control-C) of it which we will paste in front ( Control-F) and then adjust by first flipping its Fill with its Stroke using the Shift-X keyboard shortcut. Quick tip: most of the indicated settings can be automatically triggered if you set the document’s Profile to Web, the only one that you’ll have to manually adjust being the Artboard’s Size ( Width x Height).Īs soon as we’ve finished setting up our project file, we can start working on the actual icon by creating its background using an 88 x 88 px circle, which we will color using #FF743E and then position to the center of the underlying Artboard using the Align panel’s Horizontal and Vertical Align Center options.Ĭreate the main shape for the eye’s sclera using a 48 x 36 px ellipse, which we will color using white ( #FFFFFF) and then center align to the larger background.Īdjust the shape that we’ve just created by individually pinching its side anchor points using the Anchor Point Tool (Shift-C).
Topics Covered: Design Theory, Compositional Construction, Shape Alignment, Grid PositioningĪs we do with all of our projects, we’re going to kick things off by setting up a New Document, by heading over to File > New (or by using the Control-N keyboard shortcut), which we will then adjust as follows:.Program: Adobe Illustrator CS6 – CC 2019.That being said, open up Illustrator and let’s jump straight into it! Tutorial Details: Visibility Icon In today’s tutorial, we’re going to take a close look behind the process of creating a visibility icon using nothing more than a couple of basic geometric shapes and tools.
0 kommentar(er)
