SVG Vectorial Graphics: Illustrate and Animate with Code

Overview

“Some document labels like <defs> or <g> they will allow us to group SVG elements, define them and reuse them, saving many lines of code. In this lesson we will see how to use them.”

In this video lesson Javier Usobiaga Ferrer addresses the topic: Organization of SVG, 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

“Well I'm sorry but we go back to the code editor And in this case what we're going to do is to learn A series of labels from document that will allow us Organize and reuse our code from your old age let's see it A pretty useful tag to organize our code It's the g tag that would be equivalent a bit to the dib in the html The label that we allows to group Part of our svg and Organize it to apply styles Different and other possibilities in this example that We are seeing that it is a light bulb with a series of strokes A relatively complex code what I have done has been Group these three strok...”

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