Introduction to Sketch

Overview

“Let's see what designing pixel perfect icons consists of. It is about fitting into the pixel grid so that they are displayed in the most focused way possible. We will solve the most common problems to fit them under these restrictions.”

In this video lesson Samuel Hermoso (Elastic Heads) addresses the topic: Pixel perfect icons, which is part of the Domestika online course: Course 2: Shape Styles, Vectors, and Pixels Use. Learn how to add edges, color, and effects in your basic shapes.

Partial transcription of the video

“INTRODUCTION TO SKETCH COURSE 2 LESSON 6 Pixel perfect icons In this lesson we are going to work fitting each element on the pixel grid to make it look as sharp as possible. I show you. Let's see how the icons are designed to fit the pixel grid. I am zooming here and the icon that is small It fits quite well, i.e. this darker border takes up one pixel here one pixel is shadow and another pixel is light. In such a way that, if you expand the version of the icon, This can be 16 pixels, this will be 32 pixels, which is double. As you can see, it maintains the same edge or width and one of ligh...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: Course 2: Shape Styles, Vectors, and Pixels Use

• Level: Beginner
• 100% positive reviews (67)
• 16 students
• 9 units
• 10 lessons (1h 28m)
• 3 downloads