Graphiques vectoriels SVG : illustration et animation en code
Transformations
Un cours proposé par Javier Usobiaga Ferrer , Concepteur Web
À propos de la leçon : Transformations
Résumé
“Faire pivoter, redimensionner, déplacer, ce sont des transformations que l'on peut appliquer à un élément, que vous avez déjà vu utilisées en CSS, et qui ont leur version en SVG. Voyons comment ils fonctionnent et leurs principales différences.”
Dans cette leçon, Javier Usobiaga Ferrer aborde le sujet : Transformations, qui fait partie du cours Domestika en ligne : Graphiques vectoriels SVG : illustration et animation en code. Apprenez à travailler avec des illustrations vectorielles sur vos sites web, de la ligne à l’animation interactive.
Transcription partielle de la vidéo
“Les transformations comme tourner. échelle. déplacer existent en CSS et ont leur équivalent en SVG. Voyons les principales différences. Nos formations... En SVG fonctionnent de manière similaire aux transformations CSS. Ici. nous voyons une transformation de Rotation. Si on l'applique via un attribut. il n'est pas nécessaire de préciser le nombre de degrés. D'autres transformations utiles sont Scale. ou échelle de base 1. soit 1 pour 100%. 2 pour 200%. et 1.2 pour 1.2 fois la taille originale. Translate déplacerait de tant de pixels sur l'axe X et sur l'axe Y. et SKUX déformerait un élément...”
Cette transcription a été générée automatiquement et peut contenir des erreurs.
Sommaire du cours : Graphiques vectoriels SVG : illustration et animation en code
-
Catégorie
Création de sites et d'applications -
Logiciel
Adobe Illustrator, Sketch -
Domaines
Animation, Design d'interaction, Développement web, Webdesign
Javier Usobiaga Ferrer
Un cours proposé par Javier Usobiaga Ferrer
Javier Usobiaga est web designer et développeur FrontEnd, depuis plus de 10 ans et co-fondateur avec Marta Armada du studio Swwweet, spécialisé dans la conception de sites web responsives de la conception initiale au développement front-end.
Il apprécie également son rôle de professeur de Web Design dans des ateliers et écoles renommés tels qu'Elisava, IDEP.
Usobiaga comprend le Web dans son intégralité, non seulement à quel point il peut être beau sur l'écran de l'ordinateur, mais aussi son utilisation dans différents appareils et circonstances.
Selon ses mots, "je pense que la vitesse à laquelle il se charge ou la réponse à laquelle il répond est aussi important que l'esthétique, et il me semble que dans notre industrie, nous l'oublions souvent".
- 98% avis positifs (272)
- 9 242 élèves
- 32 leçons (2 h 2 min)
- 28 ressources complémentaires (6 fichiers)
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol, Anglais, Français, Italien, Portugais, Türkçe
- Espagnol · Anglais · Portugais · Allemand · Français · Italien · Polonais · Néerlandais · Türkçe
- Niveau : Débutant
- Accès illimité pour toujours
Logiciels et outils recommandés pour ce cours
Adobe Illustrator
SketchCatégorie
Domaines
