CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC pour le Web - Photoshop orienté Web et mobile

Conversion de documents Photoshop en SVG avec Adobe Illustrator

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

Découvrez comment exporter des formes vectorielles depuis Photoshop vers SVG en utilisant Adobe Illustrator.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer le processus d'exportation de formes vectorielles depuis Photoshop pour les utiliser dans Adobe Illustrator. Nous commencerons par ouvrir un document Photoshop dans Illustrator et examinerons les différentes options proposées à l'ouverture, telles que la récupération de la découpe de la scène Photoshop, la coïncidence avec la zone de travail, ou la création de zones de recadrage par défaut. Nous apprendrons également comment appliquer des styles aux tracés vectoriels, isoler chaque objet dans un document SVG distinct et utiliser des outils de découpe. Enfin, nous verrons comment enregistrer nos documents au format SVG et les options à considérer lors de l'exportation, comme le format SVG 1.1 recommandé par le W3C et les méthodes d'intégration d'images bitmap.

La leçon se termine par une introduction à l'utilisation des SVG dans Adobe Animate pour créer des animations lisses et fluides, illustrant ainsi les avantages de travailler avec des formats vectoriels pour des résultats de haute qualité.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Comprendre comment ouvrir et utiliser des documents Photoshop dans Illustrator.
  • Apprendre à exporter des formes vectorielles au format SVG.
  • Maîtriser l'utilisation des outils de découpe et les options d'exportation SVG dans Illustrator.
  • Connaître les bonnes pratiques pour incorporer des SVG dans des animations avec Adobe Animate.

Prérequis pour cette leçon

Il est recommandé d'avoir des connaissances de base en :

  • Adobe Photoshop et Illustrator.
  • Concepts de formes vectorielles et de tracés.
  • Exportation et manipulation de fichiers SVG.

Métiers concernés

Les métiers et usages professionnels liés à cette vidéo comprennent :

  • Graphistes professionnels souhaitant optimiser l'exportation de leurs travaux vectoriels.
  • Développeurs web intégrant des SVG dans leurs projets.
  • Concepteurs UI/UX nécessitant des formats graphiques flexibles.

Alternatives et ressources

Les alternatives aux logiciels mentionnés peuvent inclure :

  • CorelDRAW pour l'édition vectorielle.
  • Inkscape, une autre solution open-source pour le travail SVG.
  • Sketch pour les utilisateurs de Mac intéressés par le design UI/UX.

Questions & Réponses

Les tracés vectoriels au format SVG permettent une résolution indépendante, une édition flexible et des tailles de fichier généralement plus petites, ce qui est essentiel pour le web et les applications à haute résolution.
Nous n'avons pas besoin de cocher 'plan de travail hérité' si nous devons recréer des découpes pour chaque forme vectorielle, car cela ne serait pas pertinent pour notre flux de travail.
Le format SVG 1.1 est recommandé par le W3C car il offre une compatibilité étendue et est bien supporté par les navigateurs et logiciels actuels.