Icon Design with Sketch
with Peter Nowell
Log in or Sign up for FREE and get full access to these and thousands of other Open Lessons in our catalog! Watch 1 Lesson For Free
01 What Is an Icon and What We'll Learn Together06:27
Class duration: 3h 13mSee all 11 lessons
About The Class
bring icons to life with animation
Software Used: Sketch 2016
What Is an Icon and What We'll Learn Together06:27
Icon Design Principles: The Structure20:10
Icon Design Principles: The Details19:22
Drawing Icon Concepts12:02
Using Sketch to Design Icons22:09
Getting to Know SVG11:15
Optimizing Your Design For SVG15:04
What's Possible with Animation06:53
Animating with CSS56:17
Advanced Techniques & Next Steps19:09
Class Resources Dedicated Web Page
Icon Design Examples
100% of students recommend this class.
See what some of them have to say.
I don´t take online courses very often but this time I was courious how it will be and how knowledge would be transferred. It was great, really. Peter is an awesome presenter who is able to share and show his knowledge in a very pleasant and professional way. Great course for everybody interested in icon design with a focus on animation. For me personally I would like to see a course with a deeper focus on the design principles and techniques of icon design because I´m not so much interested in animation. But anyway great course.
Peter great job teaching Icon Design! I have no background in making icons but was interested in learning how it was done. I had know intention of using this course in my web/app design but now that i've started watching your easy to follow lessons I realized that I want to make my own icons and highly recommend this course to anyone that wants to take their skills to the next level! Worth buying this course to review many times as there is so much covered that you wish it was available sooner! Thank you Creative Live!
I stumbled upon this course after searching for more of Peter’s excellent tutorials. This beginner course will give you an overview of the icon design process starting with a useful icon design theory and considerations. The course then proceeds with two hands on examples that the viewer can also design while watching the tutorials. The first design uses basic geometric shapes the second is a "freehand" drawing using bezier curves. (TIP: read Peter's "Mastering the Bézier Curve in Sketch" free tutorial on medium.com beforehand). The second part is an overview of exporting SVG graphics and animating them with CSS. Personally, I would have liked more tutorials on icon design within Sketch and less about SVG , CSS. All in all, I enjoyed this course and would recommend it to anyone looking for a hands-on introductory course in icon design.
Similar classes you might like
You know who’d love this class...?
When gift-spiration strikes, grab it. Give this class to a friend who’d love it. For their birthday or just because. (Or just because you missed their birthday.)