Formations
Designer Web

retour aux formations

Designer Web

Formation CCP - Élaborer le design graphique d'un outil de communication numérique

eligible cpf

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