Photoshop et Illustrator pour le Design d'interface
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Créer des maquettes de pages Web exploitables par des développeurs
- Intégrer les contraintes de l'HTML et du CSS dans le design
- Préparer et décliner les images pour les écrans : ordinateurs, tablettes et smartphones
- Exporter les maquettes Web en images avec le code HTML et CSS
- Exporter le code CSS de calques Photoshop
- Exporter le design d'une icône d'application mobile dans toutes les tailles et formats nécessaires
- Créer des animations pour le Web.
| Tarif |
A partir de 1 380,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 380,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
Les tendances graphiques
- Evolution des tendances de design Web et mobile
- Du skeuomorphism au neomorphism
- Le flat design
- Notions de la qualité Web : VPTCS (Visibilité - Perception - Technique - Contenus - Services)
- Les designers inspirants
- Les plateformes de kit de design
- Notion de Design System
- Les logiciels dédiés au UI
UX, IxD et UI
- La méthode UX en 4 étapes
- L'importance du designer d'interaction
- L'interface utilisateur
- Eléments d'interface
- De site Web
- D'application mobile
- D'application pour tablette
Notions d'ergonomie
- Généralités
- Loi de Fitts
- Loi de Hick
- Approche Gestalt
- Exemples sur les formulaires
Design d'interface avec Photoshop
- Menus, outils et palettes
- Espaces de travail
- Fenêtres et onglets
- Bridge
Importation
- Importer et incorporer
- Importer et lier
- Bloc d'image
- Objets dynamiques (PSB)
L'image numérique
- Taille, définition et résolution d'image
- Rapport longueur / largeur
- Déclinaisons d'images pour le Web, les smartphones et les tablettes
- Le recadrage libre et le recadrage basé sur un format
- L'ajustement des tailles et des résolutions
- Profils ICC
Les ajustements de contrastes et couleurs
- Réglages dynamiques
- Niveaux et courbes
- Correction et transformation des couleurs
Les sélections
- Les outils de sélection de base
- Rectangle
- Cercle
- Lasso
- Les outils de sélection pour le détourage
- Baguette magique
- Sélection rapide
- L'amélioration du contour
- Sélectionner et masquer
- La mémorisation des sélections
- Création de calques à partir de sélection
- Les tracés à la plume
Les calques et les masques
- Utilisation des calques
- Ordre et organisation en groupe
- Les options de superpositions
- Opacité et modes de fusions
- Les transformations
- Transformation manuelle
- Outil règle
- Transformations géométriques
- Déformation
- Fluidité
- Le photomontage
- Les masques
- Masque de fusion et masque vectoriel
- Masquage multiple
- Copier le SVG
- Copier le CSS
La création de maquette pour les pages Web
- L'outil texte et les palettes texte, les feuilles de style
- Utilisation des polices
- Panneau Glyphes
- Les outils de création graphique
- Plumes et formes vectorielles
- Calques de forme
- Les styles de calques : effets d'ombre portée, de relief...
- Les plans de travail
- Préférences pour les plans de travail
- Création d'un document de plan de travail
- Ajout de plans de travail au document actif
- Utilisation des plans de travail
- Exportation de plans de travail
- Les compositions de calques
- Visibilité
- Position
- Style
Export d'images
- Tableau comparatif des formats Web
- Choix entre JPEG, PNG, GIF, WEBP et SVG
- Rapport poids / qualité
- Outils intégrés de comparaison
- Enregistrer pour le Web
- Exporter les images
- Exporter l'HTML
- Exporter les images et l'HTML
- Exportation rapide au format (...)
- Exporter sous
- Enregistrer sous
- Export CSS
La découpe pour le Web
- Notion de tranches
- Manuelles
- D'après les calques
- D'après les repères
- L'exportation des tranches
- Conservation et réglage de la transparence
- Exportation en image seule ou avec l'HTML
- Réglages des paramètres d'exportation
- L'exportation des images à partir des calques
Tester sur le Web
- En local
- Ouverture dans un navigateur
- Créer un serveur Web local
- A distance chez un hébergeur
- Outils de transferts FTP
Edition du code HTML et CSS
- Remplacement des éléments images par du texte
- Utilisation des images comme image de fond de cellule ou comme arrière-plan d'une règle CSS
- Création d'un fichier des styles CSS séparé
Design d'interface avec Illustrator
- Menus, outils et palettes
- Travailler sur plusieurs plans de travail
- Exporter
- La sélection
- Les écrans (iOS et Android)
- Le Web
- Trancher et exporter pour le Web
- Exportation d'icones d'applications
Création d'animation (GIF animés)
- La palette animation
- Ajout d'image
- Création de trajectoire
- Réglage du GIF animé
- Mouvement en 3D pour la création de vidéo
- Introduction aux animations Lottie (Airbnb + After Effects)
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Identifier le bon format de visualisation pour vos indicateurs (KPI)
- Créer des tracés en vectoriel
- Concevoir des formes, graphiques, pictogrammes, symboles et avatars
- Finaliser et exporter.
| Tarif |
A partir de 560,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Maîtriser la création des masques d'écrêtage avec Illustrator
- Maîtriser la création des masques d'opacité avec Illustrator
| Tarif |
A partir de 790,00 € |
| Durée |
0j / 4h |
| Modes |
|
Objectifs de la formation
- Appréhender le vocabulaire et les concepts clés de l'ergonomie et de l'UX Design et savoir les appliquer sur un projet web mobile
- Appréhender les exigences ergonomiques du développement d’applications web pour les appareils tactiles
- Disposer d'une méthodologie de conception et d’évaluation d’interfaces mobiles : charte graphique, navigation, guidage, esthétique, coût, robustesse, adaptabilité, performance, etc.
- Appréhender les meilleures pratiques pour réaliser des maquettes et conduire le cycle de maquettage d’une application web compatible avec les mobiles
| Tarif |
A partir de 2 100,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Analyser les mécanismes utilisés par le Legal design
- Construire ses livrables à partir de la méthodologie acquise
- Utiliser le Legal design dans ses missions quotidiennes
| Tarif |
A partir de 1 129,00 € |
| Durée |
1 jour |
| Modes |
|
Objectifs de la formation
- Améliorer la colorimétrie d'une image en utilisant les techniques de retouche avancées et non destructives de Photoshop
| Tarif |
A partir de 790,00 € |
| Durée |
0j / 4h |
| Modes |
|
Objectifs de la formation
- Maîtriser les règles de base du dessin vectoriel, dessiner, retoucher des vecteurs
| Tarif |
A partir de 790,00 € |
| Durée |
0j / 4h |
| Modes |
|
Objectifs de la formation
- Dessiner des formes simples avec Illustrator et modifier leur aspect de base
- Réaliser des objets en 3D, à partir de dessins vectoriels, avec Illustrator
| Tarif |
A partir de 1 700,00 € |
| Durée |
2j / 14h |
| Modes |
|
ILLUSTRATOR Maîtriser une fonction essentielle d’Illustrator : les masques d’écrêtage
Proposé par GROUPE ARKESYSObjectifs de la formation
- Maîtriser la création des masques d'écrêtage avec Illustrator
| Tarif |
A partir de 790,00 € |
| Durée |
0j / 2h |
| Modes |
|
Objectifs de la formation
- Créer des images pour l'imprimeur et pour le Web.
- Acquérir une méthode rationnelle.
- Gagner du temps en utilisant les outils appropriés.
- Faire des retouches crédibles.
- Acquérir des trucs et astuces "pro".
| Tarif |
A partir de 1 630,00 € |
| Durée |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
- Acquérir les bases essentielles de Photoshop pour redimensionner, recadrer, retoucher les couleurs et les imperfections de vos photos.
- Maîtriser les principaux détourages d'images avec Photoshop.
- Préparer vos visuels pour l'impression ou pour le Web.
| Tarif |
A partir de 1 400,00 € |
| Durée |
3 jours (21 heures) |
| Modes |
|
