SVG Vectorial Graphics: Illustrate and Animate with Code

Transformations

A course by Javier Usobiaga Ferrer , Web designer

98% positive reviews (271)

9,107 students

Audio: Spanish

· ·

About the video: Transformations

Overview

“Rotate, scale, move, are transformations that we can apply to an element, which you have already seen in CSS, and which have their version in SVG. Let's see how they work and their main differences.”

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

“Transformations like rotate scalar displace They exist in ccs and have their version in svg Know the main differences the transformations In svg they work in a very similar way To ccs transformations this case we are Seeing a rotate or spin transformation If we put it be attribute it is not necessary to indicate The number of degrees other transformations What we can use is scale or climbing on base one, that is, 10 100 per 100 12 - 200 For 100 1.2 in this case it would be 1.2 times the original size Translate would shift So many pixels on the x-axis and on the y-axis xd would form an eleme...”

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)
9107 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."