SVG Vectorial Graphics: Illustrate and Animate with Code
Sequence animation
A course by Javier Usobiaga Ferrer , Web designer
About the video: Sequence animation
Overview
“In this lesson we will not see new properties, but try to put them into operation in a practical exercise what would be the creation of an SVG banner.”
In this video lesson Javier Usobiaga Ferrer addresses the topic: Sequence animation, 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
“In this unit. we won't introduce new concepts. Instead. we'll focus on practicing our CSS animation skills. Specifically. we'll attempt to create a banner. Let's dive in and see what we can accomplish with the techniques we've learned so far. Explore this instance of sequence animation that might appear within an SVG document. and could ultimately be a banner. Reloading will reveal an animation that displays elements in sequence. one after another. distinct Texts. until it eventually becomes visible. the Final claim. To organize this animation. i grouped everything into blocks. On one side....”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: SVG Vectorial Graphics: Illustrate and Animate with Code
-
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
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."
- 98% positive reviews (272)
- 9,191 students
- 32 lessons (2h 2m)
- 28 additional resources (6 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish, English, French, Italian, Portuguese, Turkish
- Spanish · English · Portuguese · Italian · French · Turkish
- Level: Beginner
- Unlimited access forever
Category
Areas