Graphiques vectoriels SVG : illustration et animation en code

Un cours proposé par Javier Usobiaga Ferrer , Concepteur Web

Javier Usobiaga Ferrer htmlboy

M'abonner

Professeur Plus

Concepteur Web. Barcelona, Espagne.
A rejoint Domestika en avril 2015

• 
• 

98% avis positifs (271)

9 101 élèves

Audio : Espagnol

Espagnol · Anglais · Portugais

• Présentation
• Contenu
• Communauté
• Projets

♫ Musique "He´s My Saturday" par Pushy Parents - Elefant Records sur iTunes

Partager

Ajouter à une liste

Apprenez à travailler avec des illustrations vectorielles sur vos sites web, de la ligne à l’animation interactive

Un cours proposé par Javier Usobiaga Ferrer

Javier Usobiaga Ferrer htmlboy

M'abonner

Professeur Plus

Concepteur Web. Barcelona, Espagne.
A rejoint Domestika en avril 2015

• 
• 

Concepteur Web.

Javier Usobiaga - concepteur Web et co-fondateur avec Marta Armada du studio Swwweet - vous apprendra comment tirer le meilleur parti du format SVG (Scalable Vector Graphics), un type de fichier vectoriel à utiliser dans les navigateurs qui se présente comme une alternative en JPG, PNG et GIF et se caractérise par son évolutivité, son interactivité et sa réactivité. Vous découvrirez ses effets, filtres et animations et vous pourrez créer des illustrations et des pièces animées avec du code HTML, CSS et JavasScript.

Javier enseigne également dans Domestika le cours Introduction au développement web responsive avec HTML et CSS, dans lequel vous pouvez apprendre les bases du développement Web Frontend, connaissances qui seront utiles comme base pour tirer le meilleur parti de ce cours de graphisme vectoriel SVG.

Lire la suite ↓

Qu'allez-vous apprendre dans ce cours en ligne ?

32 leçons & 28 vidéos téléchargées

Balises et attributs de base

5 minutes, 16 secondes

Styles en SVG

4 minutes, 57 secondes

Étiquettes de ligne, polyligne et polygone

5 minutes, 21 secondes

Étiquette de contour (chemin)

4 minutes, 45 secondes

L'attribut viewbox

4 minutes, 6 secondes

Étiquettes de texte

6 minutes, 55 secondes

Voir toutes les leçons

• 98% avis positifs (271)
• 9 101 é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
• Espagnol · Anglais · Portugais
• Niveau : Débutant
• Accès illimité pour toujours

---

Logiciel recommandé pour ce cours

• Adobe Illustrator
• Sketch

Quel est le projet du cours ?

Vous ferez une illustration avec des éléments vectoriels animés. Le thème est gratuit et vous pouvez faire un projet aussi simple ou complexe que vous le souhaitez en mettant en pratique les outils que vous avez vus pendant le cours.

Projets d'élèves du cours

• 

  Par manuel_77

  
• 

  Par vivianapg

  
• 

  Par fran_gyginfographics

  
• 
  +38

À qui s'adresse ce cours en ligne ?

Aux programmeurs, designers, illustrateurs et à toute personne intéressée par le design et curieuse de développer de nouveaux projets avec HTML et CSS.

Prérequis et matériel nécessaire

Une connaissance de base préalable de HTML et CSS est requise.

En ce qui concerne le matériel et les outils dont vous aurez besoin pour compléter le cours, vous devez disposer d'un ordinateur, d'un éditeur de code et d'un éditeur de graphiques vectoriels (comme Illustrator, Sketch, Inkscape ou similaire).

Avis

Javier Usobiaga Ferrer

Un cours proposé par Javier Usobiaga Ferrer

Professeur Plus

Concepteur Web

M'abonner

A rejoint Domestika en avril 2015

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

Contenu

Ce qu’il faut attendre d’un cours Domestika

• Apprenez à votre rythme

  Apprenez chez vous, sans horaires fixes et à votre rythme. C’est vous qui décidez de votre programme d’apprentissage.

• Apprenez auprès de grands noms du secteur créatif

  Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.

• Rencontrez des spécialistes reconnus

  Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.

• Certificats

  Plus

  En tant que membre Plus, vous recevrez un certificat personnalisé signé par le professeur à la fin du cours. Vous pourrez le partager dans votre portfolio, sur les réseaux sociaux et là où vous voulez.

• Soyez aux premières loges

  Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.

• Partagez vos connaissances et vos idées

  Posez des questions, demandez des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.

• Rejoignez une communauté créative internationale

  Cette communauté réunit plus de huit millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.

• Assistez à des cours de haute qualité

  Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.

Foire aux questions