SVG Vectorial Graphics: Illustrate and Animate with Code

Filters

A course by Javier Usobiaga Ferrer , Web designer

98% positive reviews (272)

9,191 students

Audio: Spanish, English, French, Italian, Portuguese, Turkish

· · · · ·

About the video: Filters

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

“changing the tone of an image. oh. Switching to grayscale. blurs. are techniques that. until now. could be used in Photoshop. but thanks to SVG. we can apply them directly to the web. Let's see how it works. Filters can be somewhat tricky to remember. yet they generally adhere to a consistent pattern. In this instance. a Gaussian blur filter is defined within the devs tag using the filter tag. This approach allows for direct web application. bypassing traditional software like Photoshop. We apply an idea: the filter we'll define is FeGaussianBlur. and we apply several attributes specific to...”

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 (272)
9191 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

Javier Usobiaga Ferrer

A course by Javier Usobiaga Ferrer

Teacher Plus

Web designer

Javier Usobiaga is a Web Designer for 10 years and co-founder with Marta Armada Swwweet studio, specialized in designing responsive webs from the initial conception to the front-end development.

He also enjoys a lot in his facet as professor of Web Design in renowned workshops and schools like Elisava, IDEP.

Usobiaga understands the web as a whole, not only how beautiful it can be on the computer screen, but its usability in different devices and circumstances.

In his words "I think that as important as the aesthetic is how fast it charges or how well it responds, and I think that in our industry we often forget about that."