SVG Vectorial Graphics: Illustrate and Animate with Code

Overview

“Another of the visual effects tools in SVG are filters, which allow us to alter the tonalities of an image (change the red channel, switch to gray scale), apply blurring and other techniques that were only possible with editors such as Photoshop. . In this lesson we review the most interesting filters.”

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

“Change the tone of an image or pass Grayscale, blurring, are techniques that until now they could only be used in Photoshop, but thanks to SVG can be applied directly to the web. Let's see how it works. Filters can be a bit complex to memorize but usually they all follow the same dynamic. In this case we can see a Gaussian blur filter that we declare inside the depths tag with the filter label and we apply a level. From there the filter that we are going to define is Fegaussian blur and we apply a series of attributes typical of this filter. In this case, the part that matters most to us is...”

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