Adobe Illustrator est un logiciel de dessin vectoriel. Il permet la création de logos, d'illustrations et d'éléments graphiques de toutes sortes. Illustrator est l’application d’illustration vectorielle par excellence pour la création de visuels de haute résolution. Adobe XD est un logiciel de conception d'expérience utilisateur pour les applications Web et les applications mobiles. Comme Illustrator, XD est aussi un logiciel basé de vecteurs.
Au cours de cette formation Adobe Illustrator + Adobe XD, les participants auront l'occasion de se familiariser avec ces deux logiciels : leur interface, leurs outils, leurs différents menus et leurs panneaux de travail. Ils auront aussi la chance d'apprendre le dessin vectoriel sur Illustrator et la création d'interfaces responsives sur XD.
Explorer l’interface
Personnaliser son espace de travail
Comprendre les usages d’Illustrator
Traitement vectoriel
Formats de document
Organisation des calques
Mode isolation
Créer des objets prédéfinis
Positionner des objets de façon précise
Premier plan et arrière-plan
Règles, repères et grilles
Outils de sélection
Création de formes et de tracés
Apprendre l’outil Plume : points, poignées et courbes
Combinaisons de touches (raccourcis)
Modification des tracés : ajoute et suppression de points
L’outil Pinceau
L’outil Forme de taches
Modes d’affichage
Outil Graphes
Outils de transformation
Fonctions de transformation
Fonction Ctrl/Cmd D : répéter une transformation
Outil de distorsion de l’enveloppe
Pathfinder
Outils de fusion
Créer un masque d’écrêtage simple
Effets Illustrator
Panneau aspect
Alignement et distribution d’objets
Enrichir ses illustrations
Ajouter des contours
Couleurs, nuancier et couleurs globales
Créer et appliquer de dégradés
Transparence et modes de fusion
Enrichir le texte libre
Types de textes : curviligne, captif et vertical
Chercher des polices de caractères
Enregistrer au format Adobe Illustrator (.AI)
Modes d’enregistrement : EPS, SVG, PDF, Flash…
Exportation aux formats courants : PSD, JPG, TIFF…
Exportation en format pixel
Format PDF en vue de l’impression
Qu’est-ce que Adobe XD?
Organisation
Atouts et enjeux du logiciel
Raccourcis clavier
Étapes de conception avec Adobe XD
Design d’interface
Architecture de l’information
Établir son propre Workflow
L’écran d’accueil
Barre de menus et barre d’outils
Les panneaux de propriétés
Ajouter des plans de travail et les gérer
Manipuler les grilles et les repères
Bien utiliser les calques
Création de formes simples
Création d’éléments vectoriels avec l’outil Plume
Création d’une icône
Saisie de texte
Importation de fichiers de texte
Gestion des styles de texte
Travailler efficacement du texte
Insertion d’images et de vidéos
Insertion d’objets vectoriels
Création de masques
Utiliser et gérer les couleurs
Créer des dégradés de couleurs
Générer des couleurs
Utiliser et gérer une grille de répétition
Réalisation d’un écran d’accueil
Conception d’une version
Réalisation de l’interface sous Adobe XD
Réfléchir à la qualité des images et à leur poids
Discuter des formats d’images JPG et PNG (capacités, limites,
compressions, qualités, etc.)
Travailler avec Illustrator et Adobe XD
Travailler avec Photoshop et Adobe XD
Propriétés partagées et communes
Redimensionnement réactif des composants
Sélectionner des kits UI et les utiliser
Création d’un écran d’application mobile
Création d’interfaces responsives
Définir un parcours utilisateur
Création de liens d’interactions
Prévisualisation de l’interface
Création de différents types d’interactions
Partager ses maquettes avec des collègues possédant Adobe XD
Partager ses visuels avec des clients ne possédant pas Adobe XD
Partager une version fonctionnelle et testable pour un client
Enregistrer une vidéo des interactions
Tester le prototype en direct
Exporter les plans de travail
Choisir le format d’exportation (PNG, JPEG…)
Exportation vers des logiciels tiers
→ Formation Wix + Adobe Illustrator
→ Formation Web Design : Adobe Photoshop + Adobe Illustrator