![]() This leads us to our first Big Idea: Using good grid settings is the key to making symmetrical and pixel perfect icons. If necessary, click on the View menu again and now choose Grid Settings… to see the default grid lines. Make sure that Show Rulers is selected as well as Show All Guides because you’re going to need both of those. So click on the View menu and then Canvas. The only element on the artboard is a gray circle with a border, which is also 64 by 64. In front of you is an artboard 64 pixels wide by 64 pixels high. In Sketch, a lot of these problems can be avoided by using features such as rulers, guides, and grids. The techniques I’m about to demonstrate will help you avoid making icons that are uneven or have blurry edges when exported. That lesson file also has a completed version of the graphic if you want to double-check your work. Now, you can follow along by downloading the lesson file at this URL or by clicking on the link in the Resources section for this video. In this tutorial, you’re going to build a vector download icon in Sketch that looks like this. Transcript Creating a Pixel Perfect Icon in Sketch
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |