Getting Started with Sketch The Curriculum To become acquainted with Sketch’s core features, we will build two app icons; a recreation of the iOS weather icon, and a camera icon of our own design. You will become comfortable working with vector shapes, styling them visually, and efficiently navigating around Sketch.



When you finish, you’ll have those 2 app icons on the home screen of your own device, and you will be ready to take on more intermediate projects.



T he course includes projects, tools, workflows, and resources for both Android and iOS designers. 1. Introduction to Sketch 3 min



2. Getting Around Sketch 15 min



3. Working with Shapes & Layers 11 min



4. Visual Design Basics 8 min



5. Your Icon on Your Home Screen 7 min



6. More Advanced Vector Shapes 16 min



7. Live Preview on Your Device 8 min



8. Symbols & Home Screen Previews 7 min



9. More Advanced Visual Design 14 min



10. Exporting & Pixel Perfection 18 min



11. Next Steps 2 min

All Project Files & Resources



Certificate Combine vector shapes into custom icons Use Sketch’s visual style attributes to produce beautiful results Pixel perfect adjustments are easy in Sketch Get the Course ($39)

SVG Workflows in Sketch The Curriculum Our biggest and most advanced course yet, these videos will bridge the gap between what you know in Sketch and the amazing things you’ll create with SVG. We’ll learn about the best practices for adapting your layers to SVG’s constraints, the basics of how SVG works under the hood, and how to optimize and build upon the SVG you export.



Everything begins in Sketch. Whether you’re using an SVG to create compact vector icon sets, animations on a website, graphics for Android apps, Safari pinned-tab icons, or more—knowing how to move your designs from Sketch to SVG is the most critical step. 1. Course Introduction 2 min



2. Understanding SVG 9 min



3. Quick Export Approach 3 min

4. Best Practices: Artboards, Layer Names, & Groups 8 min



5. Best Practices: Vector Shapes & Borders 6 min



6. Best Practices: Layer Styles, Shadows, & Blend Modes 9 min

7. SVG Markup: Getting Acquainted 6 min



8. SVG Markup: Common Elements & CodePen 12 min



9. Understanding the Best Practices 19 min



10. Optimizing SVG File Sizes 24 min



11. Creating Icon Sets & Spritesheets 14 min



12. Fill Rules: Holes in Overlapping Paths 12 min



13. Single-Path, Android, & Safari SVGs 24 min

All Project Files & Resources



Developer Resources



Certificate Adapting layers to be more SVG compatible Building an SVG icon set spritesheet Explaining how each SVG optimization works Get the Course ($99)