CATALOGUE Code & Data Formation Edge Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs

Exportation de Graphiques depuis Illustrator vers Edge

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

Découvrez comment exporter efficacement des graphismes vectoriels et bitmap depuis Illustrator pour une intégration fluide dans Edge.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons les méthodes d'exportation des graphiques d'Illustrator vers Edge, en mettant l'accent sur les formats vectoriels et bitmap. Nous vous guiderons à travers les étapes de recadrage de la zone de travail, l'utilisation de formats comme PNG 24, JPEG, GIF et SVG, et l'impact de ces choix sur la qualité de l'image et la performance du processeur. Vous apprendrez notamment à gérer les polices dans les fichiers SVG et à maintenir un bon équilibre entre la qualité d'affichage et la performance, en prenant en compte les limitations des premiers modèles de tablettes. Nous verrons aussi comment importer efficacement les fichiers SVG dans Edge et optimiser votre flux de travail en utilisant les outils de recadrage et d'enregistrement appropriés d'Illustrator.

Objectifs de cette leçon

Dans cette vidéo, vous apprendrez à :

  • Gérer l'exportation de formes vectorielles et bitmap depuis Illustrator
  • Optimiser les fichiers pour une meilleure performance dans Edge
  • Maintenir la qualité d'image tout en réduisant le poids des fichiers SVG

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devrez :

  • Posséder une connaissance de base d'Illustrator et Edge
  • Comprendre les différents formats d'image (JPEG, GIF, PNG, SVG)
  • Avoir des notions de recadrage et d'enregistrement de fichiers

Métiers concernés

Ces compétences sont particulièrement utiles pour :

  • Les graphistes et illustrateurs désireux de préparer leurs fichiers pour le Web
  • Les développeurs Web et designers UI/UX intégrant des éléments graphiques vectoriels et bitmap dans leurs projets
  • Les techniciens et responsables IT chargés des performances et de l'optimisation des contenus visuels

Alternatives et ressources

Bien que cette leçon utilise Illustrator et Edge, d'autres solutions peuvent également être envisagées :

  • Utiliser des logiciels de graphisme comme CorelDRAW ou Inkscape
  • Employer des outils de développement Web similaires à Edge, tel que Sublime Text ou Visual Studio Code

Questions & Réponses

Les formats bitmap couramment utilisés pour le Web sont le PNG, JPEG et GIF. Le PNG 24 est particulièrement utile pour maintenir la transparence et une grande profondeur de couleurs.
Le format SVG est avantageux dans Edge car il permet de redimensionner les graphismes sans perte de qualité, puisqu'il s'agit d'un format vectoriel. Cela élimine la pixelisation lors du zoom ou des transformations.
Les inconvénients de vectoriser les textes dans les fichiers SVG incluent une augmentation significative du poids du fichier, ce qui peut affecter les performances à l'affichage, surtout sur les appareils mobiles. Il est souvent préférable de conserver les options de polices pour alléger le fichier.