Pixel Perfect Icons – Designing Icons for the Web

Blair Adams, Designer, Illustrator & Animator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Videos (40m)
    • Pixel Perfect Icons

      0:44
    • Principles of icon design

      1:25
    • Choose a Category & Set Up Illustrator

      4:14
    • What is Pixel Perfect & Cruise Liner

      9:03
    • Sail boat and Submarine

      8:19
    • Crab

      6:59
    • Shrimp

      6:47
    • Final Export

      2:46

About This Class

a5778802

This class will teach you the basics of creating icons and will focus on designing icons for the web, however these principles can be applied to print work as well. 

KEYBOARD SHORTCUTS USED

  • Toggle Pixel Preview ( cmd+alt+y )
  • Toggle Grid ( cmd+' )
  • Open Preferences ( cmd+k )
  • White arrow tool - single point selection ( a )
  • Black arrow tool - group selection ( v )
  • Cut ( c )
  • Pen Tool ( p )
  • Rectangle/square ( m )
  • Circle/elipse ( l )
  • Line ( \ )
  • Zoom ( z )

Helpful Resources:
https://www.smashingmagazine.com/2016/05/easy-steps-to-better-logo-design/

7 of 9 students recommendSee All

LOVED this class. Helped me brush up on my shortcuts and taught me how to work off a grid. This is going to be useful in my upcoming projects. HIGHLY recommend.

285

Students

3

Projects

Blair Adams

Designer, Illustrator & Animator

I love all things art related and am currently working fulltime for a design agency in Utah. I graduated with my bachelors in Fine Arts in Graphic design and currently live in Provo Utah.

See full profile