Creating Icons with Illustrator
3h 9mBeginner2020-01-05
Authors

Bart Van de Wiele
Head of Solutions Consulting and Tech Evangelism at Adobe
Course details
This course provides an overview of what an icon is and its key characteristics, then teaches you how to design your own icons using Adobe Illustrator. Instructor Bart Van de Wiele explores why you need icons, how you use them, and why scalability is important. Bart steps you through how to set up your Illustrator document before you begin your design process. He describes how to organize your work using Illustrator artboards for arranging, naming, and exporting your icons. Bart walks you through ways to import your sketch into Illustrator, then goes over how to clean up your sketch digitally. He shows you how to use simple, complex, and compound shapes to build your logo digitally, then explores several more advanced techniques. In conclusion, Bart covers best practices for exporting your icons for the web, for print, and for use in other applications like Photoshop.
Skills covered
IllustrationIllustratorAdobeAnimation and IllustrationOne-Off
Concepts
0. Introduction
- 01 - Fast and efficient icon creation
- 02 - About challenges
1. Understanding Core Concepts
- 03 - The concept of an icon
- 04 - Screen versus printed icons
- 05 - Icon styles and sets
- 06 - Things to help you get started
- 07 - Challenge
- 08 - Solution
2. Setting Up Illustrator
- 09 - How to correctly set up a document
- 10 - Creating a custom toolset
- 11 - Setting grid preferences
- 12 - How to use the pixel grid
- 13 - Creating artboards
- 14 - Challenge
- 15 - Solution
3. Going from Paper to Digital
- 16 - Sketching icons
- 17 - Importing a sketch as a template
- 18 - Auto-tracing a sketch
- 19 - Capturing and importing a sketch using Adobe Capture
- 20 - Reducing the number of points and cleaning up
- 21 - Challenge
- 22 - Solution
4. Understanding Design Techniques
- 23 - Designing with basic shapes
- 24 - Setting stroke options
- 25 - Using the Pathfinder panel
- 26 - Understanding compound shapes
- 27 - Mastering the Shape Builder tool
- 28 - Discovering the Appearance panel
- 29 - Useful filters and effects
- 30 - Power tips
- 31 - Advanced techniques - Creating a winter icon
- 32 - Advanced techniques - Creating a summer icon
- 33 - Advanced techniques - Creating a fall icon
- 34 - Advanced techniques - Creating a spring icon
- 35 - Challenge
- 36 - Solution
5. Saving and Exporting
- 37 - Common icon sizes
- 38 - How to export for web
- 39 - How to export as SVG
- 40 - Bulk exporting via Export for Screens
- 41 - Bulk artwork export via Asset Export panel
- 42 - Exporting for print
- 43 - Exporting to Adobe Photoshop
- 44 - Challenge
- 45 - Solution
Conclusion
- 46 - Thank you