Graphiste multimedia – certifiant

• MODULE 1 : BASES DU GRAPHISME (15J – 105H)
  • 1- Photoshop multimedia (5J – 35 H)
  • 2- Illustrator multimedia (5J – 35 H)
  • 3- InDesign multimedia (5J – 35 H)
• MODULE 2 : WEBDESIGN – Initiation (5J – 35 H)
• MODULE 3 : ANIMATION ET EFFETS SPECIAUX AVEC ADOBE AFTER EFFECTS  -Initiation (5J – 35 H)

MODULE 1 : BASES DU GRAPHISME

1- PHOTOSHOP MULTIMEDIA

 INTRODUCTION

• Photoshop et le traitement de l’image pixel : qu’est-ce qu’un pixel
• Présentation de l’interface : menu, outils et palettes
• L’espace de travail

 PRÉPARER MON IMAGE

• Ouvrir, redimensionner et recadrer une image
• Désincliner l’image
• Taille de l’image – Taille de la zone de travail
• Naviguer dans l’image (outil zoom, main,panneau navigation, raccourcis….)

DIAGNOSTIC DE L’IMAGE

• L’histogramme
• Contraste, exposition, dominante

CONNAÎTRE LES PRINCIPES TECHNIQUES D’UNE IMAGE

• Résolution et formats d’images
• Les modes colorimétriques : RVB, CMJN, etc.
• Théorie de la couleur : notions basiques
• Théorie de l’image numérique, différence image bitmap/image vectorielle

 LA CORRECTION COLORIMÉTRIQUE DE L’IMAGE

• Présentation des réglages (menu image)
• Utiliser les réglages non destructifs (calques de réglage)
• Les réglages ajustant la luminosité, les contrastes, le point blanc et le point noir…
• Les réglages affectant la teinte, la couleur, la saturation…
• Tons foncés/tons clairs et Virage HDR

 COMPRENDRE ET UTILISER LES CALQUES

• Notions de calques (notion de plans)
• Dupliquer, supprimer, verrouiller  ou déplacer un calque
• S’organiser avec les libellés (couleurs) et les groupes de calques (en bref)
• Calques de réglages « couleur unie » et « dégradé »

SÉLECTION ET DÉTOURAGE : PREMIÈRE APPROCHE

• Notion de sélection
• Les outils de sélection (cadre, lasso, lasso polygonal, lasso magnétique, baguette magique, sélection rapide…)
• Copier une sélection et coller sur un nouveau calque
• Travailler avec du contour progressif

QUELQUES OUTILS PRINCIPAUX

• Pinceau/crayon/gomme
• Forme de base, diamètre, dureté, opacité…
• Sélecteur de couleur (premier plan / arrière plan)
• Outil Pipette
• Pot de peinture
• Outil dégradé
• Palette couleur
• Le nuancier
• Utiliser les repères et les règles

 ENREGISTRER ET EXPORTER DANS DIFFÉRENTS FORMATS D’IMAGE

• Méthode de travail en retouche : travailler au format psd
• Le format raw, aperçu rapide de Camera Raw (pour un approfondissement voir le cours sur Camera Raw)
• Présentation des principaux formats d’images (Tiff, Jpeg, etc.)
• Optimisation pour le print : passage rvb vers cmjn, améliorer la résolution
• Optimisation pour le web (les formats du web : Jpeg, Gif, Png, etc.

LES BASES DE LA RETOUCHE D’IMAGE

• Utiliser l’outil Tampon
• Outil Correcteur, correcteur localisé, pièce et déplacement basé sur le contenu
• Les outils de retouche locale (goutte d’eau, éponge, netteté, densité – et +….)

UTILISATION DES FILTRES POUR LA CORRECTION D’IMAGE

• Les principaux filtres de netteté
• Les principaux filtres de flou (gaussien, directionnel…)
• La galerie d’effets de flou
• Filtre « correction de l’objectif » (pour la photo)

 TRAVAILLER EN NON DESTRUCTIF (PREMIÈRES NOTIONS)

• Travailler avec des calques de réglages
• Echantillonner les calques inférieurs (retouche)
• Objets dynamiques pour filtres dynamiques
• Les masques de fusion (notion de détourage bitmap)

LES MASQUES DE FUSION

• Le détourage avec les masques de fusion (à partir de sélections)
• Masque de fusion sur un calque de réglage (pour régler une zone de l’image)
• Retoucher un masque de fusion (pinceau, gomme,lisser, contours progressifs..)

EXERCICES APPLIQUÉS

• Retouche photo
• Photomontage simple

LE VECTORIEL DE PHOTOSHOP

• La palette Tracés
• Combiner plusieurs tracés
• Les calques de formes
• Le détourage à la plume (masque vectoriel)

ALLER PLUS LOIN AVEC LES CALQUES

• Le calque d’écrêtage
• Lier des calques
• Travailler avec les modes de fusion (notions de base)

 LE TEXTE

• Ajouter du texte (calque de texte)
• Options pour le texte

 PHOTOSHOP PRODUCTIF (BASES)

• Utilisation de Photomerge
• Planche contact
• Importations de fichiers images (liens ou incorporés)
• Ouverture de fichiers autres (Pdf, Ai, )

 RETOUCHER UN PORTRAIT (si profil photo)

• Techniques de retouche variées et combinées
• Utilisation de filtres pour la retouche d’images
• Le filtre passe-haut
• Le filtre fluidité (en filtre dynamiques)

 PHOTOSHOP MULTIMÉDIAS

• Optimisation pour le web (les formats du web: Jpeg, Gif, Png, etc.)*
• La palette Animation (Gif)
• La palette Montage (en bref)
• Organiser et découper un Design Web (outil tranche) et exportation*

• Notions et techniques abordées plus précisément dans la formation Web Design

 EXERCICES APPLIQUÉS

• Photomontage de complexité intermédiaire
• Retouche portrait (profils photo) ou Maquette newsletter (profils web)

 2- ILLUSTRATOR MULTIMEDIAS

Introduction 

• Rappel : l’image bitmap (avec des pixels) et une image vectorielle
• Les préférences d’Illustrator

Présentation d’Adobe Illustrator et de son interface

• Choisir son plan de travail
• Présentation rapide des principaux outils et palettes, notion d’espace de travail
• Créer et enregistrer un nouveau document
• Raccourcis claviers principaux

L’objet vectoriel, les formes vectorielles

• Comprendre la forme vectorielle
• Le point d’ancrage (types sommet ou courbe),
• Le vecteur et la poignée de direction, etc.
• Créer un rectangle, une ellipse, un polygone
• Créer un triangle avec l’outil Polygone
• Les déformations, utilisation du cadre de sélection

Les attributs de couleur et de contour

• Appliquer un contour et un fond à une forme
• Les options de contour
• Les différents types de fond dans la palette Nuancier : couleur, dégradé et motif
• Gérer le nuancier (vers la bibliothèque CC)
• Création d’un dégradé de couleur
• L’outil pipette
• Le panneau Aspect (en bref)
• Le panneau Transparence (en bref)

Les outils et techniques de sélection

• Sélection flèche noire et flèche blanche : fonctionnalité et spécificité
• La sélection directe progressive (flèche blanche avec +)
• Les autres outils de sélection (Baguette magique et Lasso)
• La sélection par attributs identiques
• Mémoriser les sélections

Dessin vectoriel, première approche

• Dessin libre au crayon
• Dessin au pinceau
• Outil Forme de tâche
• Maîtriser la plume (différences avec Photoshop)
• Vectorisation automatiques
• Simplifier, joindre, nettoyer, etc.
• Décalage, vectorisation de contours, etc.

Déformer, transformer l’objet vectoriel

• Déformer et transformer en utilisant la flèche blanche
• Les outils de transformation Rotation, Miroir, Mise à l’échelle, Déformation
• La palette Transformation
• L’outil Transformation manuelle

Profondeur de travail

• Les calques, les sous-calques…
• Premier plan / Arrière plan
• Copier devant, copier derrière…
• Les groupes
• Le mode Isolation

Déplacer, dupliquer, aligner les objets vectoriels

• Le menu Joindre et Alignement dans Objet > Tracé
• La palette Alignement
• Le menu Transformation répartie
• Différentes possibilités pour dupliquer un objet vectoriel

Combiner, maîtriser les objets vectoriels

• Combiner avec la palette Pathfinder
• Les tracés transparents
• Les masques vectoriels (écrétage, opacité)
• Retour sur le travail en mode Isolation ou avec la flèche blanche + ou avec le panneau calques
• Outil concepteur de formes

Les bases du texte dans Adobe Illustrator

• Outil texte (de point ou captif dans un bloc)
• Outil texte captif
• Outil texte curviligne
• Les palettes Caractère et Paragraphe
• Spécificités des attributs pour le texte

• Vectoriser le texte

Gestion des images dans Illustrator

• Importer une image
• Questions de résolutions et de profils colorimétriques…
• Pixellisation
• Le panneau Lien : lien d’une image, intégrer une image
• Image sur un calque en mode modèle

Réaliser des dessins vectoriels simples

• Types de travaux réalisés (à titre indicatif, non exclusif) :
• Logo, cartographie-infographie, signalétique, stylisme de mode, tatouage, illustration, etc.

Outils et panneaux créatifs

• Aller plus loin avec l’outil Dégradé de couleurs
• L’outil Dégradé de formes
• L’outil Filet de dégradés
• Les Symboles dans Illustrator, avantages…
• Modifier et organiser les symboles (liens avec la Bibliothèque CC)
• Substituer un symbole
• Organiser la bibliothèque CC
• Création de motifs
• Vectoriser une image

Les formes de pinceau dans Illustrator

• La forme artistique
• La forme diffuse
• La forme calligraphique
• La forme de motif
• Option de pointe de pinceau
• Faire une forme de pinceau avec une image pixels
• Outil Largeur

Aller plus loin avec le panneau Aspect

• Travailler avec plusieurs fonds ou/et contours
• Ajouts et modifications d’effets simples (ombres portées, lueurs externes, arrondi…)
• Supprimer, glisser ou dupliquer un aspect avec le panneau calques

La gestion des couleurs et les Harmonies de couleurs dans Illustrator

• Mode colorimétrique suivant type de document
• Créer, importer une bibliothèque de nuances et ajouter à la bibliothèque CC
• Le panneau couleurs
• Le panneau guide des couleurs
• Créer des groupes de couleurs harmonieuses
• Repérer les couleurs d’une photo
• Les Thèmes Adobe Color

Méthodes spécifiques de colorisation

• Redéfinir les couleurs de l’illustration
• Notion et utilisation de couleur globale
• Coloriser avec l’outil Concepteur de forme
• Coloriser avec la peinture dynamique
• Retour sur le panneau Transparences et les modes de fusion

Quelques méthodes créatives et productives

• Les styles graphiques
• Créer des scripts d’action
• Concevoir un modèle de document
• Utilisation des espaces de travail
• Synchroniser ses paramètres avec CC, retour sur la Bibliothèque CC

Maîtrise du texte dans Illustrator

• Rechercher et appliquer des polices
• Chaînage des textes
• Les styles en quelques mots (approfondi dans InDesign)
• Habillage de texte
• Rechercher et remplacer et Remplacer ou rechercher une police

Travailler en volume dans Illustrator

•  L’effet 3d (rotation, extrusion, révolution)
• L’outil grille de perspective

Quelques techniques liées aux métiers de l’impression

• Les gammes de couleur Pantones, les tons directs et les niveaux de gris
• Optimiser les couleurs
• Afficher la séparation des couleurs
• Aplatissement des transparences
• Options d’exportations PDF
• Assemblage du fichier

Réaliser des dessins vectoriels complexes

• Types de travaux réalisés (à titre indicatif, non exclusif) :
  • Logos, pictogrammes
  • Bouton web effet aqua
  • Signalétique
  • Rough vectoriel
  • Illustration vectorielle

Flux de travail avec la suite infographique (Photoshop, InDesign…)

• Structurer les calques, les repères…
• Grille de document Illustrator
• Exportations AI, les options
• Récupérer les calques dans Photoshop
• Créer des objets dynamiques vectoriels pour Photoshop
• Importer un PSD dans Illustrator
• Exporter vers InDesign
• Faire des recherches de couleurs à partir d’une compo dans InDesign
• Échanger des nuances avec Photoshop / InDesign
• Retour sur l’utilisation de la Bibliothèque CC

Création de contenu web et périphériques mobiles

• Utilisation et préparation des symboles (éléments pour Flash ou Webdesign)
• Préparer des CSS depuis Illustrator CC
• Exports d’images SVG
• Outil Tranches avec Illustrator (rappel sur Photoshop)
• Enregistrer pour le web…

Le Design Web avec Illustrator (à approfondir avec le cours de WebDesign)

• Le Design web, les différents supports écran…
• Paramétrer Illustrator pour le Web
• Utiliser les modèles Responsive (qu’est-ce que le Responsive)
• Créer un modèle pour des newsletters
• Alignement au pixel près
• Utiliser les règles, les repères et/ou une grille
• Comprendre les couleurs Web
• Utilisation des calques pour un Design Web Illustrator
• La typographie web avec Illustrator : les règles, les polices sécurisées
• Simuler un modèle CSS
• Réaliser sa maquette Web
• Design de boutons de navigation
• Créer et organiser les pages
• Les éléments d’interface, en bref (zones, formulaires, boutons radio, barres de progression…)
• Créer une planche de sprites
• Exporter en HTML
• Exports des CSS

3- INDESIGN MULTIMEDIAS

Découvrir Indesign et comprendre son utilisation – présentation de l’outil

• Indesign outil de mise en page pour la PAO print et/ou numérique
• Notions sur la chaîne graphique
• Présentation de l’interface (les menus, les outils, la barre de contrôle, les palettes, etc.)

Créer un nouveau document

• Choisir le format de son document
• Choisir ses repères de marges et de colonnes

Prise en main de base

• Créer, manipuler, gérer les blocs texte et image dans Indesign
• Spécifités des différents blocs
• Créer et appliquer des couleurs
• Importer une image de fond et positionner les éléments
• Le panneau calques
• Quelques mots sur l’exportation PDF

Travailler le texte et la typographie

• Les attributs de texte (caractère-paragraphe)
• Initiation à la typographie et à la lisibilité d’un texte
• Gestion des polices Open Type
• La palette Glyphes
• Remplir avec texte de substitution
• Installation de polices

Organiser sa mise en page dans Indesign

• Création d’un document avec des colonnes
• Création d’un document multi-pages (pages en vis-à-vis ou non)
• Importation multiple (images et autres sources)
• Panneau Liens et résolution d’images
• Fonctions d’affichage
• Se servir de repères
• Déplacer, dupliquer, aligner des blocs
• Principes de base pour la mise en page (théorie)
• Gérer les pages, les options…
• L’outil Pages et ses réglages
• Premières notions de gabarits
• Utilisation productive des calques pour la mise en page

Gérer ses images dans Indesign

• Les principaux formats d’images utilisés
• Les modes colorimétriques (spécificité du CMJN)
• Le panneau Liens pour la mise à jour des images
• Spécificités PSD et/ou AI
• Les options de calques d’objet
• Mini-bridge (en bref)

Dessiner, modifier, couper, transformer

• Outils de dessin de base
• L’outil Plume et retouches vectorielles
• Outil Ciseaux
• La transformation manuelle

Couleur de fond et de contour

• Fond et contour
• Créer une nuance
• Les nuances Pantone
• Créer un dégradé
• Teintes groupes de couleurs
• Thèmes Adobe Color
• Attributs de contours (épaisseur, flèches…)
• Spécificités avec les blocs texte (mise en forme…)
• Contour progressif dégradé
• Tracés transparents / Pathfinder

Aller plus loin avec les objets ou blocs

• Formes de blocs
• Angles de blocs
• Ajustement des images dans les blocs
• Outil Espace
• Groupes de blocs

Aller plus loin avec blocs de texte

• Options de blocs de texte : justification verticale
• Le chainage de texte
• Colonnes dans un bloc de texte
• Habillage d’un objet par du texte
• Objets ancrés

Le Texte et graphisme

• Aller plus loin avec les caractères (casse, déformation, etc.)
• Texte curviligne
• Vectoriser le texte
• Modifier le texte par le dessin vectoriel

Le Texte et l’Édition (styles)

• Les styles de caractère
• Les styles de paragraphe
• Lettrines
• Césures et justification (vérifier le gris typographique)
• Les listes à puces et numérotées
• Grille de ligne de base
• Filets de paragraphes
• Étendue de colonnes
• Le style suivant
• Les styles d’objet
• Les styles imbriqués
• Groupes de styles
• La tabulation

InDesign et les tableaux

• Créer un tableau
• Importer un tableau depuis Word
• Importer un tableau depuis Excel
• Styles de tableau, styles de cellules, etc.

Préparer son document pour l’exportation

• Vérifier et préparer pour la conformité des éléments de la page (images et textes) avec les critères de qualité de l’imprimerie
• Exports pour l’impression : eps, pdf, gestion des typos, profils imprimeur…
• Exports de documents pdf pour support écran, les solutions…
• Sécurité, protection des données et de l’utilisation du document, copyright…

Pratique – réaliser des mises en page autour de projets complets

• Exercices de mises en page proposées par le formateur (plaquettes, brochures, dossiers de presse, etc.)

Bridge et InDesign (perfectionnement)

• Utilisation globale de Bridge
• Comparaison avec Mini Bridge
• Créer une collection
• Légendes et images dynamiques de Bridge
• Le panneau Liens
• Créer des extraits
• Utiliser les bibliothèques
• Vers InDesign
• Préférences et paramètres par défaut

Outils avancés pour l’Édition (perfectionnement)

• Création et application de gabarits et sous-gabarits
• Utiliser les styles pour le chapitrage
• La numérotation automatique des pages
• Les sections automatiques
• Liste, index, Table des matières
• Création d’un livre et gestion des chapitres

InDesign pour le numérique (multi-médias)

• Le PDF Interactif, quelles différences ?
• L’interface InDesign pour l’interactif
• Les Hyperliens et les références croisées
• Des Boutons pour des liens ou pour la navigation
• Formulaires PDF
• Les Transitions de page
• Animations dans une page (PDF ou SWF)
• Insertions d’éléments multimédia
• Créer un document pour tablette (Folio)
• Mise en page liquide
• Correspondance des styles
• Récupérateur de contenu
• Diaporama et états d’objet
• Vidéo et Folio Overlays
• Animations folio overlays (blocs défilants, mouvements d’image…)
• Insertion de fichiers HTML
• Assemblage et export du folio
• Exportation ePub (styles, balises…)

Pratique d’InDesign multimédia

• Réalisation d’un document long (catalogue, magasine, livre…)
• Publication sur tablettes et écrans multiples
• Conception d’un ebook
• Réalisation d’un formulaire interactif

MODULE 2: WEBDESIGN

Au cours de la formation webdesign les notions apprises sont mises en pratique et les stagiaires réalisent une maquette graphique.

1 -­ Base de connaissances technique

• Fonctionnement d’un site dynamique
• Webmaster et développeur
• Le référencement naturel et les normes w3C
• Le référencement actif et les réseaux sociaux
• Html et css
• Php et les gabarits dynamiques
• Hébergement, MySql et bases de données
• WordPress et les autres CMS
• Le responsive design, les mediatags et bootstrap 2

2- Stratégie de communication sur le web

• Architecture de l’information UX
  • Énumérer
  • Catégoriser
  • Structurer
• Interface Utilisateur UI
  • Navigation principale et secondaire
  • Hiérarchisation des blocs
  • Raccourcis contextuelles et liens transversaux

3-­ Méthodologie graphique

• Les gabarits de maquette graphique sur Photoshop
• La grille
• La typographie sur le web
• Les feuilles de styles
• L’iconographie
• Diversité et cohérence des typologies
• La gestion des blocs
• Le Favicon
• Les différents types de sites et leurs objectifs
  • Site e-­commerce
  • Site évènementiel
  • Site institutionnel
• Culture Internet et design contemporain.

4 -­ Mise en pratique, étude de cas

• Analyse d’une demande
• Esquisse d’intention interface (page d’accueil)
• Réalisation d’une maquette Photoshop (page d’accueil)
• Déclinaison multi support
• Déclinaison pages intérieures

MODULE 3 :  ANIMATION ET EFFETS SPECIAUX AVEC AFTER EFFECTS

Introduction

• Interface graphique
• Compositions
• Importation + gestion de métrages
• Calques

Animation

• Animation par images clés
• Interpolation spatiale / temporelle
• Parentage / calques nuls
• Précompositions
• Animation de texte
• Outil marionnette
• Masques & Formes

Création et manipulation de masques

• Animation de tracés
• Calques de forme
• Répétitions

Vidéo

• Effets / Filtres vidéo
• Calques d’effets
• Modes de fusion
• Outils de peinture / clonage
• Remappage temporel

Finalisation

• Exportation / Rendu (Media Encoder)
• Compressions, débits
• Diffusion

Mis à jour le 1 juin 2020