Intro to SVG Web Graphics & Animation
Free Seminar
If you’re not saving your vector graphics (icons, logos, etc) as SVG (Scalable Vector Graphics) for use in your webpages, you should be! Instead of using pixel-based PNGs, keep the graphics as their native vectors (so they download faster and can be used at any size). As great as that is, you can even use JavaScript to animate them!
Get started learning why and how you should be using SVG in this free class, before diving into one of our hands-on classes including Figma, Adobe XD, Sketch, Illustrator, or Web Coding.
What You’ll Learn
- Overview of SVG
- Ways to use SVG in webpages
- Tips and best practices for saving graphics as SVG in Adobe Illustrator, Figma, Adobe XD, and Sketch
- Styling SVG with CSS
- Animating SVG with the GreenSock Animation Platform (GSAP)
