![]() Flip its Fill with its Stroke using the Shift-X keyboard shortcut, and then open up the Stroke panel and set its Weight to 4 px and its Corner to Round Join.Īdd the folded corner using a 12 x 12 px square with a 4 px thick Stroke ( #1C202D) and a Round Join, which we will adjust by removing its top-right anchor point as we did with the document’s main body. Give the resulting shape an outline using the Stroke method, by creating a copy of itself ( Control-C) which we will paste in front ( Control-F) and then adjust by first changing its color to #1C202D. Start adjusting the shape that we’ve just created by selecting the Add Anchor Point Tool (+), and then adding a new anchor point to its top and right edges, positioning them at a distance of 12 px from its top-right corner.įinish adjusting the shape by removing its corner anchor point by simply clicking on it using the Delete Anchor Point Tool (-). Once we’ve set up our project file, we can start working on the actual folder icon by creating its background using an 88 x 88 px circle, which we will color using #9076FF and then position to the center of the underlying Artboard using the Align panel’s Horizontal and Vertical Align Center options.Īdd the main shape for the folded document using a 28 x 20 px rectangle, which we will color using white ( #FFFFFF) and then center align to the larger background, positioning it at a distance of 22 px from its top edge. 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). Topics Covered: Design Theory, Compositional Construction, Shape Alignment, Grid PositioningĮstimated Completion Time: 25 Minutes Final Image: Folder IconĪ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: ![]() So, assuming you already have Illustrator up and running, let’s jump straight into it! Tutorial Details: Folder Icon Design outlined, solid, webby and flat icons for free! Create Amazing Icons! More than 200 000 icons that will rock your creative projects and interfaces! Upload Your Own icons With IconsFlow you can create a new icon set or update the styling by uploading.In today’s tutorial, we’re going to explore the process of creating a folder icon and learn how easy it is to create one using a couple of basic geometric shapes that we’re going to adjust here and there. Create dozens of personalized icons for your App, Web, Creative projects & Startups. Use special filters like lights, shadows, textures, and bezels. The advanced editor allows you to resize and move any element of your custom icon. With IPS you can create an icon pack from scratch or you can download and apply one of thousand uploaded every day by our community. We created IPS with the idea that no icon pack can fit your home screen better than the one you create by yourself. ![]() Select the images formats to include in the icon by clicking on the images. ![]() The root of the image file is proposed by default. This dialog box will permit you to create all the image formats you want to include in your icon in one simple step: 6.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |