CATALOGUE Design et Infographie Formation Illustrator Maîtrisez Illustrator CC - L'outil de dessin vectoriel d'Adobe

Créer et exporter des icônes pour le web avec Illustrator

Retour à la formation
Chapitre 13 Leçon 6
Précédent
Suivant

Apprenez à créer une collection d'icônes pour le web et à les exporter proprement avec Adobe Illustrator.

Détails de la leçon

Description de la leçon

Cette leçon couvre la création et l'exportation optimisée d'icônes pour le web en utilisant Adobe Illustrator. Vous apprendrez à utiliser un profil web Illustrator, à aligner les objets sur la grille de pixels et à préparer des tranches pour un export rapide et efficace. Nous examinerons également les différences entre les formats de fichier PNG 8 et PNG 24, et comment choisir l'option adaptée pour une compatibilité maximale avec les navigateurs. Enfin, vous verrez comment visualiser le rendu final dans différents navigateurs afin de garantir la qualité optimale de vos icônes sur le web.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Apprendre à créer des icônes pour le web en utilisant un profil Illustrator approprié.
  • Comprendre l'importance de l'alignement sur la grille de pixels.
  • Maîtriser l'outil tranche pour une exportation rapide.
  • Savoir choisir le bon format de fichier pour une compatibilité maximale avec les navigateurs.

Prérequis pour cette leçon

Les prérequis pour cette vidéo sont :

  • Des connaissances de base en Adobe Illustrator.
  • Des notions élémentaires de design web.

Métiers concernés

Cette leçon est particulièrement utile pour :

  • Les web designers qui créent des interfaces utilisateur.
  • Les graphistes qui produisent des illustrations numériques.
  • Les développeurs front-end qui souhaitent optimiser les images pour le web.

Alternatives et ressources

Vous pouvez également utiliser des logiciels comme Photoshop ou Fireworks pour des tâches similaires, bien que les fonctions et workflows puissent différer légèrement.

Questions & Réponses

Utiliser un profil Illustrator pour le web permet de configurer correctement vos paramètres de couleurs et d'alignement pour une meilleure qualité d'image sur les écrans numériques.
Le PNG 8 est plus compatible avec tous les navigateurs mais offre une qualité de transparence et d'ombres moindre comparé au PNG 24, qui est plus adapté aux nouveaux navigateurs mais peut poser des problèmes sur des versions antérieures.
Pour modifier une tranche mal positionnée, utilisez l'outil 'sélection de tranches' qui permet de réajuster les tranches créées avec précision.