SVG Vectorial Graphics: Illustrate and Animate with Code

Overview

“Understanding how SVG works in its most basic form is key to being able to alter and optimize it. Let's start writing a basic graphic for now without visual editors, just with the code editor.”

In this video lesson Javier Usobiaga Ferrer addresses the topic: Labels and basic attributes, which is part of the Domestika online course: SVG Vectorial Graphics: Illustrate and Animate with Code. Learn to create vector illustrations for your website, from basic lines to interactive animations.

Partial transcription of the video

“Hi again good again we are going to put on Hands on and go to try to understand svg In its most basic way understanding how forms work like Rectangles circles so let's leave Side editors visual and let's start To use the code editor let's go there For these examples I'll use the online code editor Cod pen but you can use the editor that you want In this space I will write html this css and good Javascript tab not the use a lot and here we'll see a result let's start with the most basic label that is svg I'll write the label for svg And for us to see something we're going to put a border thi...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: SVG Vectorial Graphics: Illustrate and Animate with Code

• Level: Beginner
• 98% positive reviews (271)
• 9106 students
• 7 units
• 32 lessons (2h 2m)
• 6 downloads

• Category

  Web & App Design

• Software

  Adobe Illustrator, Sketch

• Areas

  Animation, Interactive Design, Web Design, Web Development