Académique Documents
Professionnel Documents
Culture Documents
UE INFOGRAPHIE
23/01/2023 INFOGRAPHIE 1
PROJET PEDAGOGIQUE
• Présentation de l’enseignant
• Intérêt de l’UE Infographie
• Planning et Objectif général
• Objectifs spécifiques
• Bibliographie
• Méthodes et barèmes des devoirs et examens
terminaux
• Prérequis (Photographie, Informatique et Infographie)
• Introduction Générale
Dr Landry K. TANOH
Tél. : (225) 07 48 08 18 88
01 01 03 93 68
E-mail : lktanoh@gmail.com
1993 – 2013 :
Infographiste
Chef de studio et directeur artistique en Agence
Conseil en Communication (BULLES & PETALES,
INDIGO PUBLICITE, EXPERTIS, AG PARTNER, etc.,)
INTERET DU COURS
23/01/2023 INFOGRAPHIE 6
PLANNING
Projet pédagogique
Chapitre 1
INITIATION À ADOBE PHOTOSHOP
Chapitre 2
ETAPES DE REALISATION D’UNE AFFICHE
23/01/2023 INFOGRAPHIE 7
Objectif général :
Cette formation vise à initier les auditeurs à l’utilisation d’un logiciel
de référence en infographie (Adobe Photoshop) pour faire la
promotion des marques à l’aide des documents publicitaires
Objectifs spécifiques :
Concevoir un message marketing (trouver un concept ou un
slogan original),
Réaliser un support de communication (sur l’ordinateur
grâce à un logiciel professionnel)
Produire sur papier (des affiches et
prospectus professionnels).
INTERNET
Voir YOUTUBE, GOOGLE IMAGES, GETTYIMAGES, FREEPIK, etc.
23/01/2023 INFOGRAPHIE 10
METHODOLOGIE ET BAREMES
DES DEVOIRS & EXAMENS TERMINAUX
23/01/2023 INFOGRAPHIE 13
1. Notions de base en informatique
Remarque :
Une pratique optimale des logiciels d’infographie nécessite
au moins :
1) Un processeur Core i5 de 3 GHz
2) Une RAM de 16 Go
LES PÉRIPHÉRIQUES
a. Les périphériques d’entrée c. Les périphériques de
Le clavier stockage
La souris Disque dur
Le scanner Clé USB ou Flash mémoire
Caméra Web
Microphone d. Autres périphériques
Le lecteur / graveur de
b. Les périphériques de sortie CD/DVD
L’écran
Imprimante
NB : Il y a des périphériques à
Le casque d’écoute/Les l’intérieur de l’unité centrale (carte
hauts parleurs graphique, disque dur et mémoire
Le modem RAM)
LES LOGICIELS
Un logiciel est un programme de traitement de
l'information contenant les procédures et les données
nécessaires à une application. C’est la partie qui donne
au matériel toute sa vie et son intelligence. Un
ordinateur sans logiciel ne peut pas fonctionner.
23/01/2023 INFOGRAPHIE 20
1) Types de photographie
Une photo peut être diversement motivée. Dans
tous les cas de figure, il y a toujours le sujet en
premier plan et le décor en arrière-plan.
23/01/2023 INFOGRAPHIE 24
1) Le matériel de travail en infographie
Le matériel minimum d’un infographiste est composé :
d’un micro-ordinateur (PC ou Mac) dont la
configuration minimale est :
• Processeur MultiCore (i5) ayant une vitesse d’au
moins 2 Ghz,
• DD : 500 Go
• Ram : 4 Go
d’un scanner ou d’un appareil photo numérique
d'une clé USB ou d’un disque dur externe
d'une imprimante
Kit de connexion internet
2) Les caractéristiques de l’image
numériques
1. Types d’image numérique
2. Compression de l’image numérique
3. Mode de l’image numérique
4. Dimension de l’image numérique
5. Définition d’image numérique matricielle
6. Résolution d’image numérique matricielle
7. Taille de fichier d’image numérique
23/01/2023 INFOGRAPHIE 26
3) Les domaines d’application de
l’infographie
23/01/2023 INFOGRAPHIE 27
1) Domaine du graphisme/PAO
23/01/2023 INFOGRAPHIE 34
L’infographie est Pour la promotion
l’application de l’informatique • de l’image (notoriété) de
(gestion automatique de l’entreprise (MTN,
l’information) au graphisme Gandour, etc.)
(création artistique visuelle) • des événements
dans le but d’informer. (Réception, Spectacle,
etc.) ,
L’infographie est au service • des messages de
de la communication et du sensibilisation (Non au
marketing Covid, Non à la drogue,
• des entreprises Oui à l’école; etc.)
commerciales, • des marques de services
• des institutions publiques, (transport, restauration,
• des associations formation, etc.)
• des collectivités locales • des marques de produits
• etc (huile, riz, beurre; café,
eau, etc.)
23/01/2023 INFOGRAPHIE 35
REPARTITION DES THEMES DE FORUMS
23/01/2023 INFOGRAPHIE 36
Les exposés de cette année vont porter sur
la communication « produit »
Les types de communication « produit »
Alimentaire (HUILE, EAU, LAIT, CONFISERIE, THE, CAFE,
BOUILLON, VIN, SODA, BIERE, CACAO, BEURRE, CHOCOLAT,
PATE TOMATE, MAYONNAISE, etc);
Hygiénique (SAVON, DENTIFRICE, ESSUIE-TOUT, etc.);
Médical (MEDICAMENT, PRESERVATIF, etc.);
Cosmétique (PARFUM, POMMADE, etc.);
Electro-ménager (VEHICULE, TELEVISION, ORDINATEUR,
TELEPHONE, FRIGO, etc.);
Maroquinerie (SAC, CHAUSSURE, MONTRE, LUNETTE,
VETEMENT, etc.).
23/01/2023 INFOGRAPHIE 37
EVALUATION
DES PRE-REQUIS
23/01/2023 INFOGRAPHIE 38
1. Photographie
1) Quel est le type de photographie ?
2) Quel est l’angle de prise de vue ?
3) Quelle est l’orientation du cadrage ?
1) Type :
1) Type :
…………………………………….
1) Type : …………………………………. ……………………….
2) Angle :
2) Angle : ………………………………. 2) Angle :
…………………………………….
3) Orientation : ………………………. ……………………….
3) Orientation :
3) Orientation :
…………………………………….
……………………….
1) Type : ……………………………………. 1) Type : …………………………………….
2) Angle : ……………………………………. 2) Angle : …………………………………….
3) Orientation : ……………………………. 3) Orientation : …………………………….
1) Type : 1) Type :
…………………………. ………………………….
2) Angle : 2) Angle :
…………………………… …………………………… 1) Type :
1 2 4
3
8
7
6 10
5
9
Ces images sont-elles de type matriciel ou vectoriel
A B C
1. …………………………….……
2. …………………………….……
1. …………………………….……
2. …………………………….……
Nommez chaque composant
Chapitre 1 :
INITIATION A
ADOBE PHOTOSHOP
Objectif Pédagogique :
Utiliser les fonctions de base
de traitement d’images avec Adobe Photoshop
Chapitre 1 :
Objectif Pédagogique :
Utiliser les fonctions de base
de traitement d’images avec Adobe Photoshop
Leçon 1 :
L’ESPACE DE TRAVAIL DE PHOTOSHOP
O.P. : Nommer les outils et options essentiels de Photoshop
1. Les menus
2. Les palettes
La palette des outils
Les autres palettes
Leçon 2 :
LES FONCTIONS DE PHOTOSHOP
O.P. : Utiliser les outils et options essentiels de Photoshop
1. Fonctions de base 2. Fonctions avancées
Ouvrir une image Créer un arrière plan d’image
Visualiser une image Créer un arrière plan de couleur
Corriger une image Importer et redimensionner une image
Retoucher une image Détourer une image
Créer un nouveau document Faire un montage d’image
Ajouter des repères de marges Enregistrer un travail
Imprimer un travail
Introduction
Adobe Photoshop est le meilleur logiciel de traitement
d’image numérique. Il permet de réaliser :
Introduction
On distingue dans l’espace de travail de Photoshop :
NB : Les palettes ou panneaux sont des fenêtres de paramètres qui sont des
raccourcis des options listées dans les menus.
1) Les menus
1. Rectangle de
sélection
2. Ellipse de
sélection
3. Déplacement
4. Lasso polygonal
5. Baguette
magique
6. Pipette
7. Pot de peinture
8. Dégradé
9. Texte horizontal
10. Main
11. Gomme
12. Loupe
b) Les autres palettes
La palette de calques est l'espace où se trouvent tous les calque.
Il est possible de :
Renommer un calque (clic droit renommer)
Déplacer un calque (clic sur le calque et glisse) : permet de
faire passer un élément graphique 1 situé sur le calque 1 au
dessus d’un autre élément graphique 2 sur le calque 2.
Supprimer un calque (clic + glisse dans la corbeille)
Créer un nouveau calque
Permet de
CRÉER un
nouveau
calque vierge
Permet de
SUPPRIMER un
calque existant
23/01/2023 INFOGRAPHIE 75
Chaque élément du document ouvert est représenté par un calque
(œil ouvert + vignette + nom). Les calques sont empilés dans la
palette des calques (calque d’image, calque de texte, calque de
forme, etc.).
1. Fonctions de base
Utiliser la palette
NAVIGATION pour
visualiser des détails
Corriger une image
Options :
Mode de couleurs
Réglage d'image
Retoucher une image
Changer la couleur d'une image
(ImageRéglageTeinte et Saturation)
Pour l’impression, il
faut choisir :
Le mode CMJN,
Une résolution de
300 ppp
6) Ajouter des repères de marges
Un repère de marges sert de guide pour la mise en page du document. En général,
on laisse une marge de :
• 0,5 cm, pour les documents d’environ A6
• 1 cm, pour les documents d’environ A5
• 1,5 cm, pour les documents d’environ A4
• 2 cm, pour les documents d’environ A3
Il faut d’abord afficher les RÈGLES : aller dans le menu AFFICHAGE→ règles
(ou taper sur le clavier CTRL+R)
MÉTHODE 1 : Faire un clique-glisser à partir du milieu des règles et placer les
repères en tenant compte des valeurs
MÉTHODE 2 :
Repère Horizontal haut : menu AFFICHAGE→ nouveau repère→ cocher
horizontale→ position 1cm→ OK
Repère Horizontal bas : menu AFFICHAGE→ nouveau repère→ cocher
horizontale → position : 19cm→ OK
Repère Vertical gauche : menu AFFICHAGE→ nouveau repère→ cocher
verticale→ position : 1cm→ OK
Repère verticale droit menu AFFICHAGE→ nouveau repère→ cocher
verticale →position : 29cm→OK
Repère de la règle
des tiers
• verticale gauche :
AFFICHAGE→
nouveau repère→
cocher vertical→
position : 10 cm
• vertical droit :
nouveau repère→
cocher vertical→
→ position : 20 cm
2. Fonctions avancées
a) Créer un arrière plan d’image
Un arrière plan est un décor qui met en valeur le sujet du
document. Cela peut être une couleur ou une image dont le calque
est placé juste au dessus du calque d’arrière plan (verrouillé par
défaut). FICHIER Importer (valider avec Entrée)
b) Redimensionner une image importée
• Sélectionner l’image
(Ctrl + T)
• Glisser la souris vers
le haut ou le bas
en maintenant
le bouton gauche
enfoncé + SHIFT
Pour agrandir ou réduire les dimensions d’une image, il faut se
positionner sur son calque, puis faire Ctrl+T avant de tirer sur
l’un des poignets d’extrémité tout en maintenant enfoncée la
touche SHIFT (MAJ )
Finalement, pour placer un personnage en arrière plan, il
faut :
1. Importer l’image d’un personnage : Menu FICHIER
Importer
Pour placer une image spécifique, vous devez aller dans le menu
FICHIER / Importer... puis cliquer sur l’image à importer
(personnage, produit, logo ou décor)
Remarque :
Toute image importée doit être pixellisée afin d’être modifiable
• Afficher la palette des calques : menu FENETRE → calque
(ou F7 sur le clavier)
• Clic droit sur le nom du calque→ Option « pixelliser le
calque »
En cas de vide restant sur le document, il faut :
1. Pixelliser le calque de l’image : bouton droit de la
souris sur le nom du calque Pixelliser le calque
2. Avec l’outil
RECTANGLE DE
SELECTION,
sélectionner le bord
de l’image contenant
une zone de même
couleur
3. Avec Ctrl+T,
transformer en tirant
dans le sens opposé à
l’image pour combler
la partie vide du
document
6) Créer un arrière plan de couleur
Un arrière plan de couleur permet de mettre en valeur le sujet de
la photographie en respectant sa charte graphique.
Gestion
des calques
Déplacement
Repositionnement
Redimensionnement
Deformation
11) Enregistrer le fichier
Enregistrer pour l’impression
Enregistrer pour le web
Pour le Web et les réseaux sociaux, il faut
choisir :
Les formats PNG, JPEG (.jpg) ou GIF.
Les modes RVB, couleurs indexées
ou niveaux de gris
Une résolution de 100 ou 72 ou 96 ppp
Objectif Pédagogique :
Concevoir et réaliser une affiche publicitaire
LEÇON
CONCEPTION
1 O.P. Concevoir une affiche
Introduction
Remarque
Une affiche est avant tout un message d'image, de visuel et non de
texte : elle est vue, mais bien souvent elle n'est pas lue. Il s'agit
donc d'avoir le plus d'impact possible en un temps record sur vos
cibles. L’objectif doit être de mettre en scène nos idées tout en
synthétisant notre message.
Avant de réaliser un support de communication, il faut
réfléchir pour définir une stratégie de communication
fondée sur :
• L’objectif recherchée (informer, rappeler, convaincre ou
persuader)
Il peut s’agir d’un lancement ou d’un repositionnement.
• La cible visée (consommateurs, acheteurs, prescripteurs,
etc.)
La stratégie de communication doit être :
• Claire, simple et facile à comprendre
• Réaliste (le message doit être cohérent avec le produit, sa
charte graphique et l’annonceur)
• Les moyens disponibles (délai, budget, logistique, médias,
hors médias, etc.)
Remarque : La stratégie de communication est à l’origine de la
stratégie de création (copy strategy)
b) La copy strategie
Elle exige :
• une définition précise de la cible en termes qualitatifs* ;
• une analyse de la publicité des concurrents;
• un historique de la communication du produit ou du
service.
Il en existe plusieurs modèles, dont voici les plus utilisés dans le
cadre de la communication « produit »
curiosité
humour
saugrenu L’érotisation
Analyse d’une publicité
Information :
Émetteur : Peugeot
Récepteur : femmes
Message : avant que
votre 106 ne
devienne celle de
votre mari,
réagissez.
Code : langue
française
Canal: écrit et image
Suite analyse de la publicité
Image :
On peut voir que la voiture
est entourée des femmes
Texte :
donc image en premier plan.
Slogan : « c’est la première
Couleurs utilisées :
fois que les hommes sont fous
Blanc et noir : mettre en de la voiture de leur femmes.
valeur le caractère simple et
Marque :
naturel du produit.
Peugeot, 106
Noir : séduction et luxe
Rouge : chaud, dominateur
Le soutien-gorge Rosy
Remarque :
La star strategy s'applique plus à la
marque qu'au produit. Elle cherche à
ancrer dans l'esprit du
consommateur des caractères
psychologiques, sociaux, culturels,...
spécifiques à la marque, et en accord
avec les valeurs du groupe cible.
Ainsi, les campagnes successives
tendent à assimiler la marque à une
personne, qui se caractérise par un
physique, un caractère, un style.
b) Faire une esquisse sur feuille blanche
• Slogan (en haut, centré ou à gauche, 2 lignes max)
• Photo du produit et d’une mise en scène : visage,
marque, tenue, action, … (plus de 50% de l’affiche).
• Logo de l’annonceur (en bas, à droite) avec ou sans
signature
L’esquisse est un
simple dessin
manuel avec ou
sans couleur. Elle
est faite à main
levée sur du
papier
LEÇON
REALISATION
2 O.P. Réaliser une affiche sur ordinateur
Introduction
Largeur x Hauteur
30 cm x 20 cm
Résolution
300 ppp
Mode
Contenu de l’arrière plan Couleur CMJN
Blanc
Etape 2 : La réalisation
Dans Photoshop,
1. Créer un document
correspondant à la dimension
de votre affiche. Exemple
30x20 cm (préciser le mode et
la résolution)
2. Insérer les repères de marges
et ceux de la règle des tiers
3. Importer les visuels dans
l’ordre suivant : personnage,
produit et logo de l’annonceur
4. Traiter les visuels
5. Saisir et mettre en forme
l’accroche
23/01/2023 INFOGRAPHIE 156
L’affiche « produit » est caractérisée par la
présence d’éléments :
OBLIGATOIRES
• La photo du produit avec ou sans
mise en situation (dans le tier gauche
ou le tier droit)
• L’accroche ou slogan bien visible (en
haut à gauche ou au centre)
• Le logo de la marque (en bas à droite,
sauf si la signature est mentionnée)
• L’arrière plan virtuel ou réel
FACULTATIFS
• La photo de la cible ou du
consommateur vêtu au couleur de la
marque avec ou sans mise en situation
(au centre, dans le tier gauche ou le
tier droit)
• Le logo du fabriquant ou distributeur
(discret ou en vue)
23/01/2023 INFOGRAPHIE 157
3) Insérer des repères
Horizontale bas :
Repère de la règle des tiers
suivre le même chemin..............→
verticale gauche : AFFICHAGE→
position : 19cm→ OK
nouveau repère→ cocher vertical→
position : 10cm
Verticale gauche :
menu AFFICHAGE→ nouveau repère→
vertical droit :
cocher verticale→ position : 1cm→ OK
suivre le même chemin
verticale droit : suivre le même
→ position : 20cm
chemin..................→position :
29cm→OK
23/01/2023 INFOGRAPHIE 158
4) Importer les images
(Personnage + Produit)
• Menu FICHIER → importer→
sélectionner l’image → OK
Certaines
organisations et
marques possèdent
des signatures. Il faut
parfois en tenir
compte dans la
recherche de slogan
Introduction