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
- Préparer les examens 220-901 et 220-902 pour obtenir la certification CompTIA A+
- Utiliser des outils et des techniques de dépannage des PC, des ordinateurs portables et des mobiles y compris dans un contexte réseau
- Configurer et optimiser les performances des PC et des ordinateurs portables
- Installer et configurer des OS comme Windows, iOS, Android, Apple OS X, Linux
- Connaîter les fondamentaux de la sécurité et du Cloud Computing
- Évaluer les options de configuration et de mise à niveau de Windows
- Analyser les protocoles, le câblage et les composants des réseaux
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation Photoshop Prise en main vous aurez acquis les connaissances et compétences nécessaires pour :
- Maîtriser les fonctions simples de Photoshop
- Modifier la colorimétrie d’une image
- Créer des calques
- Réaliser des retouches photos simples (transformations, déformations, outil tampon)
- Créer des filtres simples
| Tarif |
A partir de 1 250,00 € |
| Durée |
3j / 21h |
| Modes |
|
Adobe Photoshop – Connaître les fondamentaux de la retouche et du montage photographique
Proposé par ENI ServiceObjectifs de la formation
- Identifier et connaitre les différents formats d'images
- Décrire les modes coulorimétriques
- Gérer la taille et la résolution d'une image
- Créer et gérer un plan de travail
- Créer et importer des objets dynamiques
- Maitriser les calques de couleur, dégradés et motifs
- Créer une forme vectorielle
- Transformer une image
- Maitriser les sélections
- Ecrire du texte et le mettre en forme
- Utiliser l’historique
- Envoyer pour révision
- Exporter le document
| Tarif |
A partir de 1 050,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous aurez acquis les connaissances necessaires pour :
- Avoir obtenu la certification « DTMethod® Foundation ».
- Lecture du workbook de préparation de la formation.
- Avoir une première expérience du Design Thinking et/ou de la résolution de problèmes de manière innovante.
- Être impliqué dans une démarche de création de nouveau produit/ service/ processus ou d’évolution d’un produit/ service/ processus existant.
| Tarif |
A partir de 1 480,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Évaluation des compétences acquises via un questionnaire en ligne intégrant des mises en situation.
| Tarif |
Contacter l'organisme |
| Durée |
3 jours (21 heures) |
| Modes |
|
PACK Créer et animer un site web avec WORDPRESS Photoshop et Canva
Proposé par SHURAFORM - FORMAEREMObjectifs de la formation
Comprendre les principes de base de la retouche photo avec Photoshop.Apprendre à utiliser les outils essentiels de Photoshop pour l'édition et la manipulation d'images.
Maîtriser les techniques avancées de Photoshop pour la retouche photo professionnelle.
Acquérir des compétences en design graphique en utilisant les fonctionnalités avancées de Canva.
Apprendre à créer des illustrations et des graphiques attrayants avec Canva.
Comprendre les bases de la conception web et l'installation de WordPress.
Savoir personnaliser un site WordPress en utilisant des thèmes et des plugins.
Apprendre à créer des mises en page attrayantes et adaptées aux mobiles avec WordPress.
Explorer les fonctionnalités avancées de WordPress, telles que la gestion des utilisateurs et la sécurité.
Comprendre les principes de l'optimisation des moteurs de recherche (SEO) pour les sites WordPress.
Apprendre à intégrer des médias sociaux et à partager du contenu depuis WordPress.
Acquérir des compétences en gestion de projet pour la création de sites web avec WordPress.
Savoir concevoir des infographies percutantes avec Canva pour communiquer efficacement.
Apprendre à créer des visuels attrayants pour les réseaux sociaux avec Canva.
Explorer les meilleures pratiques en matière de workflow et d'organisation pour maximiser l'efficacité dans l'utilisation de Photoshop, WordPress et Canva.
Ces objectifs devraient vous permettre de couvrir les principales compétences et connaissances nécessaires pour maîtriser ces trois outils dans le cadre d'une formation en e-learning.
| Tarif |
A partir de 690,00 € |
| Durée |
5j / 37h |
| Modes |
|
Objectifs de la formation
- Identifier, expliquer et illustrer les principaux éléments qui forment le « Clean Code »
- Apprendre les principes et les bonnes pratiques pour écrire ou réécrire un code « propre »
- Définir le lien entre la qualité du code et la facilité d’évolution des applications
- Comprendre ce qu’est un code propre : règle de nommage, organisation de vos méthodes, classes, design OOP au sein de votre projet
- Reconnaître les principaux code smells et leurs corrections respectives
- Être capable de corriger rapidement l’essentiel des code smells
| Tarif |
A partir de 2 050,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Identifier les bases essentielles de Photoshop
- Gérer les principaux détourages d'images avec Photoshop
- Préparer ses visuels pour l'impression ou pour le Web
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Utiliser les graphiques et les diagrammes de PowerPoint pour présenter ses informations efficacement
- Présenter des ensembles de données et de statistiques avec impact
- Concevoir un design unique adapté à son message pour ses présentations, adapté à son message
- Construire un modèle corporatif intéressant et agréable d'utilisation
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
Formation Présentation du service Creative Cloud et nouveautés InDesign, Photoshop et Illustrator
Proposé par PLB CONSULTANTObjectifs de la formation
Le but de ce cours d'un jour est de savoir identifier et comprendre les dernières fonctionnalités de la suite Adobe sur les logiciels InDesign, Illustrator et Photoshop. plus généralement il s'agira aussi de savoir analyser le fonctionnement de Creative Cloud
| Tarif |
Contacter l'organisme |
| Durée |
1j / 7h |
| Modes |
|
