Designer Web
Formation CCP - Élaborer le design graphique d'un outil de communication numérique
A savoir :
Ce CCP peut être complété par
- le CCP Contribuer à la gestion et au suivi d'un projet de communication numérique
- le CCP Réaliser un outil de communication numérique
en vue d'obtenir le titre Concepteur Designer UI. > En savoir plus sur ce titre
Objectif de la formation
Concevoir et réaliser le design d'outils de communication numériques adaptés à différents supports de publication, en tenant compte de l'ergonomie, de l'accessibilité, du référencement, dans le respect de la législation des droits d'auteur.
Pré-requis
Maîtriser parfaitement un poste informatique. Avoir une bonne connaissance du web en général et un sens créatif est apprécié.
Programme de la formation CCP - Élaborer le design graphique d'un outil de communication numérique
Concevoir un site ou une application Web
- Qui : cerner votre client
- QUOI : quel est le projet, quelle est la demande ?
- Site statique
- Site Administrable
- Site E-commerce
- Site Full jQuery
- QUOI : contenu détaillé
- L'arborescence
- Les médias
- QUAND : Quelle est la dead-line ?
- COMMENT ?
- Les outils
- Avantages/inconvénients
- POURQUOI : développer votre argumentaire
- Planifier son projet
- Le webdesign / analyse de sites
- sites fullPage
- sites extensibles
- site institutionnels
- webzine / blog
- E-commerce
- site one-page
- Tendances graphiques actuelles
Réaliser des illustrations, des graphismes et des visuels
-
Présentation d’Illustrator
- Images vectorielles
- Créer un nouveau document
- Découverte de l’interface
- L’espace de travail
- Panneau Contrôle
- Panneau Outil
- Panneaux
- Barre de l’application
- Le clavier, les touches essentielles
- Présentation des outils de base
- La barre d’outils
- Création d’un objet simple
- Création des couleurs
- Le panneau Contours
- Le panneau Nuancier
- Les dégradés
- Création de texte
-
L’outil Plume
- Dessiner des tracés droits
- Fermer un tracé
- Ajouter ou supprimer des points
- Dessiner des tracés courbes
- Les calques
- Définition
- Renommer un calque
- Masquer et afficher un calque
- Verrouiller et déverrouiller un calque
- Les outils de transformation
- La barre d’outils
- La rotation
- Le miroir
- La mise à l’échelle
- Utiliser la symétrie et la jonction de points
- Les Formes
- Les fonctions 3D
- Modélisation
- Texture
- Les symboles
- Les transparences
- L'opacité
- Les modes de fusion
- Le masque d'opacité
- Les outils de déformations avancés
- Outil Transformation
- Distorsion de l'enveloppe
- Le dégradé de forme sur chemin
- Les attributs d'aspect et les effets
- Vectorisation et peinture dynamique
- Dessin avancé / nouveautés
- Exercices pratiques
- Les concepts de base de Photoshop
- Découverte de l'interface
- Gestion de l'espace de travail
- Les préférences
- Créer un nouveau document
- Les modèles de couleur
- Le modèle RVB
- Le modèle CMJN
- Le clavier, les touches essentielles
- Les calques et l'outil déplacement
- Le panneau de gestion des calques
- Gérer son espace de travail
- Enregistrer ses maquettes
- Les formats d'enregistrement
- Le psd, tif, eps, jpg...
- Le détourage simple
- Les sélections directes sur les images
- Détourage à la baguette magique
- Mémoriser la sélection
- Les couches
- Le détourage/montage avancé
- Détourage au tracé
- Le masque de fusion
- La correction de couleur
- Luminosité / Contraste
- La teinte / saturation
- Les corrections sélectives
- Les niveaux
- Correction d'une dominante de couleur
- Les calques de réglage
- Retoucher une image
- Recadrage et rotation
- Retouche d'image
- Corriger un contre-jour
- Compenser le bruit numérique
- Colorisation
- Méthodes
- Colorisation par calques de réglage
- Les filtres
- Le texte
- Gestion du texte
- Créer des effets
- Les calques avancés
- Calque de remplissage
- Mode de fusion
- Les effets
- Transformations avancées
- La torsion
- Déformation personnalisée
- Créer un motif
- La retouche avancée
- Les scripts / le traitement par lot
- Les objets dynamiques
- Création
- Importation
- Modification
- Les filtres dynamiques
- Le détourage par couches
- Le détourage par plage de couleur
- Outils avancés / nouveautés
- Amélioration du contour
- Echelle basée sur le contenu
- Remplissage basé sur le contenu
- Déformation de la marionnette
- Déplacement basé sur le contenu
- Nouveaux filtres d'atténuation
- Nouvelle palette de dessin vectoriel
- Nouveaux motifs
- Exercices pratiques
Réaliser des maquettes et des interfaces : Adobe Photoshop
- Notions de base
- Présentation
- Résolution
- Mode colorimétrique
- Les formats d'images
- Le format GIF
- Le format JPEG
- Le format PNG
-
Les tranches
- Présentation
- Création d'une tranche
- Sélection et modification
- Propriété d'une tranche
- Enregistrement pour le web
- Choisir son format
- Préférences
- Technique de découpage d'un webdesign
- Gérer les effets de survol
- Optimiser ses images de fond
- Organiser ses sauvegardes
- Le GIF animé
- Création d'une nouvelle image
- Régler le temps d'affichage de chaque image
- Options de lecture
- Lire l'animation
- Utilisation de la trajectoire
- Exercices pratiques
Élaborer une animation pour différents supports de diffusion : Adobe Animate
- Principes de base
- Présentation
- Environnement de travail de Flash
- La scène et le scénario
- Symboles et occurrences
- La fenêtre Bibliothèque
- Création d’une animation et définition de ses propriétés
- Le dessin
- Le dessin brut
- Le dessin d’objet
- Les outils de dessin "primitive"
- Dessiner des formes brut simples
- Modification des attributs de couleur
- Formes personnalisées
- Principe de fusion et de segmentation
- Les transformations
- Le texte
- Les symboles
- Les différents types de symboles
- Créer un symbole
- Effets sur les occurrences des symboles
- Luminosité
- Teinte
- Alpha
- Comprendre le scénario
- La lecture
- L’image par image
- La répétition d’image
- Les boutons
- Création du bouton
- Appliquer une action à un bouton
- Les interpolations
- Précautions
- Le déplacement
- La rotation
- L’alpha
- Le guide de trajectoire
- L’interpolation de forme
- Les autres interpolations
- Les masques et importation d’images
- Importation de médias externes
- Les clips
- Les filtres
- L’insertion de son
- Réaliser une barre de préchargement
- Gérer les séquences
- Script de préchargement
- Simuler un chargement
- L’exportation
- Insertion d’une animation dans une page HTML
- Exercices pratiques
Evaluation & sanction
Fiche d'évaluation sur la satisfaction globale des stagiaires : organisation, qualités pédagogiques du formateur, méthodes et supports utilisés.
Certificat de Compétences Professionnelles enregistré dans le Titre Professionnel Designer Web - Code titre n°192304
Durée conseillée * :
406 heures
(*) : cette durée peut varier selon le niveau d'entrée du stagiaire et son objectif individuel
Public en situation de handicap : contactez-nous en cliquant ici ou par téléphone au 03 26 85 21 18