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
- 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
Maîtriser les principales fonctionnalités de Photoshop - Savoir effectuer des retouches sur une image - Concevoir des compositions et réaliser des effets grâce aux calques et aux filtres - Maîtriser le travail non destructif dans Photoshop - Savoir créer des montages et détourages complexes - Utiliser les outils d'automatisation en traitement par lot| Tarif |
A partir de 1 875,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Analyser les facettes du leadership managérial
- Évaluer son potentiel charismatique vis-à-vis de son équipe
- Utiliser son leadership pour développer son influence en tant que manager
| Tarif |
A partir de 1 400,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Découvrir la programmation via le VBA - Utiliser les objets VBA d'Access - Intégrer du SQL dans ses macros| Tarif |
A partir de 1 125,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Retoucher une image et gommer les défauts
- Corriger la luminosité et le contraste d'une image avec les outils de base de Photoshop
- Améliorer et modifier les couleurs d'une image avec les outils de base de Photoshop
- Redimensionner une image d'après un format imposé
- Identifier le format d'enregistrement adapté à une image destinée à être mise en ligne
- Redimensionner et enregistrer des images par lot
| Tarif |
A partir de 790,00 € |
| Durée |
0j / 6h |
| Modes |
|
Objectifs de la formation
- Utiliser les fonctions de base d'Illustrator pour créer, retoucher des dessins
- Maîtriser les règles de base du dessin vectoriel, dessiner, retoucher des vecteurs.
- Améliorer le rendu et l'aspect des dessins, grâce aux principaux outils artistiques proposés par Illustrator
| Tarif |
A partir de 1 700,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Décrire les raisons de la création d'IPV6
- Décrire les nouveautés d'IPV6
- Décrire l'adressage IPv6
- Attribuer des configurations IP en automatique avec DHCP v6
- Utiliser des applications en IPv6 (DNS, Telnet, SSH, ...)
- Faire cohabiter IPv4 et IPv6 à l'aide de tunnels
- Implémenter du routage sur un réseau IPv6
- Sécuriser la communication IPv6 en utilisant IPsec
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Maîtriser les bases du traitement des images numériques pour le web
- Acquérir une méthode de travail professionnelle
| Tarif |
A partir de 1 700,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Réaliser des illustrations, dessins techniques, dessins de mode, en utilisant les fonctions avancées d'Illustrator
- Gérer les couleurs, les motifs et maîtriser la notion de bibliothèques
- Améliorer le rendu et l'aspect des dessins, grâce aux fonctions artistiques proposées par Illustrator
- Acquérir une méthode de travail cohérente pour une production plus efficace pour le stylisme et le modélisme avec Adobe Illustrator
| Tarif |
A partir de 1 700,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Acquérir les fondamentaux de l’ergonomie et de l’UX Design pour optimiser vos publications Web
À l'issue de la formation, le stagiaire sera capable de :
- Intégrer l'ergonomie et l'UX Design dans les processus de conception Web
- Appréhender les normes et techniques pour améliorer la qualité des interfaces
- Modéliser les utilisateurs et les tâches liées à une application Web pour adapter son IHM
| Tarif |
A partir de 800,00 € |
| Durée |
2 jour(s) |
| Modes |
|
