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)

Keep Learning with Noble Desktop

Take the next step in your learning journey with a class at Noble Desktop. Get hands-on, interactive, training led by expert instructors. Quickly learn valuable new skills in a short workshop or start your career transformation in one of our immersive NY State-approved certificate programs.

Our flexible scheduling makes it easy to find a class at the right time for you, whether you attend in NYC or live online. All Noble Desktop classes come with a free retake within one year to ensure you get the most out or your learning experience.

Highly Reviewed by Our Alumni

From our hands-on training style to world-class instructors and proprietary curriculum, we deliver a learning experience our alumni can be proud of.

Take The Next Step With a Relevant Course

Yelp Facebook LinkedIn YouTube Twitter Instagram