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.

M2I


Un leadership dans le domaine de la formation
Voir la fiche entreprise

Tarif

A partir de 1 380,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

M2I


Un leadership dans le domaine de la formation
Voir la fiche

Tarif

A partir de 1 380,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
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

Avoir une bonne connaissance de l'environnement informatique (pratique courante d'OS X ou de Windows).

Public

Webmasters, créateurs de sites Internet, chefs de projets tablettes et smartphones, responsables de campagne multicanal, développeurs d'applications pour tablettes (iPad / Android) et smartphones.

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
  • Centre
  • Entreprise
  • Distance

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
  • Centre
  • Entreprise
  • Distance

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
  • Centre
  • Entreprise
  • Distance

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
  • Centre
  • Entreprise
  • Distance

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
  • Centre
  • Entreprise
  • Distance

ILLUSTRATOR Remise à niveau

Proposé par GROUPE ARKESYS

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
  • Centre
  • Entreprise
  • Distance

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
  • Centre
  • Entreprise
  • Distance

PHOTOSHOP ELEMENTS Initiation

Proposé par GROUPE ARKESYS

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
  • Centre
  • Entreprise
  • Distance

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
  • Centre
  • Entreprise
  • Distance

UX Design - Publication digitale

Proposé par CIT FORMATION INFORMATIQUE

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
  • Centre
  • Entreprise

Je cherche à faire...