Procédure étape par étape pour l'export de SVG
Objectifs
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.
Résumé
Découvrez comment exporter des formes vectorielles depuis Photoshop vers SVG en utilisant Adobe Illustrator.
Description
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é.
Questions fréquentes
Programme détaillé
Module 1 - Introduction de la formation à Photoshop CC pour le Web
Module 2 - Les raccourcis utiles de Photoshop CC
Module 3 - Création de formes vectorielles, édition de formes
Module 4 - Les réglages élémentaires de Photoshop
Module 5 - Exporter individuellement les images bitmaps pour le Web
Module 6 - Exporter un SVG depuis Photoshop CC
Module 7 - Créer plusieurs versions dune composition Photoshop CC
Module 8 - Réaliser un Gif animé
Module 9 - Réaliser un rollOver CSS
Module 10 - Réaliser un Sprite Sheet (animation pelliculée)
Module 11 - Exporter une page XHTML statique à laide de loutil Tranches
Module 12 - Réaliser une composition HTML5 sémantique à partir de Photoshop
Module 13 - Gérer les styles CSS de formes primitives avec Photoshop
Module 14 - Gérer les styles CSS de textes éditables avec Photoshop
Module 15 - Exporter les calques par lot à laide de lextension Photoshop Generator
Module 16 - Générer automatiquement les icones dune application mobile
Module 17 - Exporter une composition Photoshop vers les autres logiciels Adobe
Module 18 - Réaliser un Gif vidéo
Module 19 - Réaliser un montage vidéo pour le Web avec Photoshop
Module 20 - Conclusion
