Vous êtes sur la page 1sur 167

Licence Professionnelle 3

Communication & Développement


des Marques

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

• EVALUATION DES PRE-REQUIS


23/01/2023 INFOGRAPHIE 2
Présentation de l’enseignant

Dr Landry K. TANOH
Tél. : (225) 07 48 08 18 88
01 01 03 93 68
E-mail : lktanoh@gmail.com

Enseignant à Pigier-CIdepuis 2012


• Processus de Production dans les médias (L2 CDM)
• Communication Graphique (L3 MA)
• Infographie (L3 CDM)
Depuis 2013 :
Chef d’entreprise
Directeur artistique de GROUPE MEDIAS
Un studio de création graphique,
sis à Yopougon, Maroc

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

Une image vaut mieux que mille mots

 La communication par l’image à travers les grands médias


(affichage, télé, internet) est désormais incontournable à toutes
les entreprises, avec ou sans but lucratif, qu’elles soient
commerciales, associatives ou administratives.
 En principe, les entreprises qui ont besoin de réaliser ces
supports font appel à des agences de communication, des
maisons d’édition, des sociétés de production audiovisuelle, des
ateliers de sérigraphie ou d’imprimerie (offset ou numérique),
des studios de photographie, de création graphique ou de
conception multimédia.
Désormais, une partie au moins de cette sous-traitance sera
assurée en interne avec votre compétence en infographie.
23/01/2023 INFOGRAPHIE 5
 L’infographie est le métier de celui qui
réalise à l’ordinateur des supports de
communication visuelle (affiche,
plaquette, site Internet, emballage,
mise en page de journaux, etc.).

 Son objectif est de faire passer un


message clair et efficace, à travers un
choix judicieux de textes et d ’images
qu’il met en scène grâce à des logiciels
spécifiques.

NB : Il réalise certaines étapes de son travail sans


ordinateur : la photographie, le dessin et l’impression.

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).

Au terme de ce cours, vous serez


capable de réaliser :
LOGO - AFFICHE – PROSPECTUS – BANDEROLE –
CARTE DE VISITE – ETIQUETTE – CARTE D’INVITATION
CARTE DE VŒUX – DEPLIANT – PLAQUETTE
23/01/2023 – etc.
INFOGRAPHIE 8
Au terme de ce cours, vous serez capable de réaliser :
• AFFICHE
• PROSPECTUS
• BANDEROLE
• CARTE DE VISITE
• ETIQUETTE
• CARTE D’INVITATION
• CARTE DE VŒUX
• PLAQUETTE
• CALENDRIER
• DÉPLIANT
• EMBALLAGE
• etc
BIBLIOGRAPHIE

INTERNET
Voir YOUTUBE, GOOGLE IMAGES, GETTYIMAGES, FREEPIK, etc.

23/01/2023 INFOGRAPHIE 10
METHODOLOGIE ET BAREMES
DES DEVOIRS & EXAMENS TERMINAUX

Exercice 1 : QUESTION DE COURS /8


1) Connaissance de Photoshop (QCM) (/4)
2) Analyse d’affiche (/4)

Exercice 2 : REALISATION D’UNE AFFICHE /12


1) Enregistrement du fichier (/2)
(Dossier/Dénomination, Format/Dimension, Résolution/Mode)
2) Choix, Créativité, et traitement des images (/6)
3) Accroche (formulation, mise en forme) (/4)
LISTE DES 3 TRAVAUX PERSONNELS
TPE 1 : PRISE DE VUE PUBLICITAIRE /20
1) Mise en scène (/12)
2) Présentation du produit (/8)
TPE 2 : REPRODUCTION/ADAPTATION D’UNE AFFICHE /20
1) Traitement des visuels (/12)
2) Accroche (formulation, mise en forme) (/8)
TPE 3 : CREATION D’UNE AFFICHE /20
1) Traitement, créativité et originalité des visuels (/12)
2) Accroche (formulation, mise en forme) (/8)
1.
NOTIONS DE BASE EN
INFORMATIQUE

23/01/2023 INFOGRAPHIE 13
1. Notions de base en informatique

Le système informatique est composé de deux parties :

- Le matériel : l’unité centrale et les périphériques,


- Les logiciels : le système d’exploitation et les applications
LE MATERIEL
L’UNITE CENTRALE

Elle s’occupe du traitement et du stockage de l’information.


Elle est essentiellement composée d’une carte mère sur
laquelle il y a principalement :
 le microprocesseur (CPU = Central Processing Unit)
 la mémoire centrale (ROM et RAM = mémoire vive)
 la carte graphique

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.

On distingue deux types de logiciels :

1. Les logiciels de base ou systèmes d’exploitation


(Windows, Unix, Linux, OS),

2. Les logiciels d’application (Word, Excel, MSN, …)


LE SYSTEME D’EXPLOITATION
 Il assure la communication entre le matériel, les
logiciels, les périphériques et l’utilisateur,
 Il permet à l’ordinateur de démarrer et se charge
d’établir la communication entre le matériel et les
programmes,
 Il permet d’organiser (copier, renommer,
supprimer, déplacer, …) les disques et les fichiers,
 Il gère la lecture/écriture des données sur le
disque ou dans les mémoires,
 Il affiche les informations sur l’écran, interprète
les touches tapées au clavier
 etc.
LES LOGICIELS D’APPLICATION
Ce sont des programmes qui permettent de réaliser des
tâches précises. On distingue :
 Les logiciels de bureautique (word, excel,
powerpoint, etc.),
 Les logiciels d’infographie, les logiciels de gestion,
 Les logiciels de programmation, les logiciels
utilitaires,
 Etc.

NB : Il existe aussi des logiciels pour divers secteurs d’activité :


éducation, mathématique, statistique, mécanique, médecine,
aéronautique, etc. Chaque logiciel a son format de fichier
remarquable par l’extension des fichiers qu’il crée. Ex. PSD est le
format des fichier natifs de Photoshop
2.
NOTIONS DE BASE
EN PHOTOGRAPHIE

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.

Il existe plusieurs types, dont :


 Photos journalistiques (faits-divers, spectacles, etc.)
 Photos domestiques (selfie, anniversaire, ...)
 Photos administratives (passeport, scolarité, etc.)
 Photos artistiques (tableau abstrait ou réaliste, ...)
 Photos nature morte (paysage)
 Photos publicitaires (affiche, couverture de
magazine, …) etc.

Le cours s’intéresse à la photo publicitaire de


produit de marque
2) Les techniques de prise de vue
 Eviter de centrer
 Soignez le décor
 Approchez-vous
 Parlez à votre sujet
 Multipliez les images
 Cultivez les temps morts
 Initiez le mouvement
3) Les angles de prise de vue
Un plan (orientation) et un angle de vue (cadrage) doit
être privilégiée pour mettre en évidence un détail
particulier.
PLAN (ORIENTATION) UN ANGLE DE VUE
 Plan Horizontal  Gros plan/
 Plan vertical Très rapproché
 Vue en plongée  Rapproché/
 Vue d’en bas Portrait
 Vue de profil  A la taille
 Vue de face  A moitié
 Vue au ¾  Aux genoux
 En entier
 Sur le vif
 Casting
3.
NOTIONS GENERALES
EN INFOGRAPHIE

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

Dans la suite Adobe


1. Graphisme/PAO
a) Graphisme (Photoshop, Illustrator)
b) PAO (Indesign)
2. Multimédia
a) Webdesign (Dreamweaver)
b) Modélisation et animation 2D/3D (Animate, 3DSMax)
3. Audiovisuel
a) Montage audio et vidéo (Audition, Premiere Pro)
b) Effets spéciaux (AfterEffects)

23/01/2023 INFOGRAPHIE 27
1) Domaine du graphisme/PAO

DOMAINES FONCTIONS LOGICIELS SUPPORTS


Traitement Adobe Photoshop Affiches, prospectus,
d’image étiquette, plaquettes,
Gimp, Paint Shop
calendriers, etc.
Pro
GRAPHISME
Dessin Adobe Illustrator, Logo, Carte de visite,
vectoriel Corel Draw emballage, dessin,
mascotte, storyboard, etc.
PAO Mise en page Quark Xpress, Magazine, journal, livre,
Adobe Indesign, revue, etc.

Métiers : créatif, maquettiste, illustrateur


2) Domaine du multimédia
DOMAINES FONCTIONS LOGICIELS SUPPORTS
Construction Développement Adobe Site web, présentation de
de Site web de présentation Flash, produit, jeux vidéo,
dynamiques ou FireworksDreamw
Interactives eaver
Modellisation et Images de 3DStudioMax, Film d’animation,
animation synthèse 2D/3D Autocad maquette
virtuel industrielle(maison, pont,
voiture, etc.)

Métiers : webdesigner, animationniste, concepteur 3D


3) Domaine de l’audiovisuel
DOMAINES FONCTIONS LOGICIELS SUPPORTS DE
COMMUNICATION
Télévision Montage Adobe Première, Emission télé, reportage,
vidéo Corel VideoStudio, documentaire, etc.
Cinéma Ajout d’effets Adobe After Films, spot pub, générique,
spéciaux Effects, Final Cut, clip
Pinaccle, Cinema
4D

Métiers : monteur, motion designer

Seul Adobe Photoshop est nécessaire pour ce


cours
4.
NOTIONS DE BASE
EN PUBLICITE
1) Rappel
La publicité (Promotion) est une composante du marketing mix
(Produit, Prix, Placement, Promotion).

Elle peut porter sur :


• L’institution ou l’annonceur lui-même (exple : MTN, AIR
France, etc.),
• Un produit ou un service à travers sa marque,
• Un évènement,
• Une sensibilisation à changer de comportement.

La cible de la communication peut être identique ou différente de la


cible marketing

L’objectif de la communication est différente de l’objectif marketing


qu’on définit en termes de part de marché, volume de vente,
bénéfice, etc.
2) Objectifs
 Les objectifs cognitifs ("faire connaître") : ils touchent la notoriété,
l'information sur l'entreprise, la collectivité ou l'entité qui communique
(annonceur)
 les objectifs affectifs : ils touchent l'image de l'annonceur. On les appelle
aussi "objectifs d'image". Leur finalité est de "faire aimer" un produit, un
service, ou autre, de le rendre attractif.
 Les objectifs conatifs : ce sont les objectifs comportementaux. Comment
faire déplacer dans un centre commercial par exemple, comment inciter à
la consommation. Ils sont en rapport direct avec le vécu personnel du
consommateur…
Introduction générale

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

Pour communiquer, les organisations adoptent une


stratégie qui ressort dans le choix des visuels (images).

Elle peuvent communiquer sur :


1) Une sensibilisation (Non au Covid, Non à la
drogue, Oui à l’école; etc.)
2) Une institution (MTN, Gandour, etc.)
3) Un événement (Réception, Spectacle, etc.)
4) Un service (transport, restauration, formation,
etc.)
5) Un produit (huile, riz, beurre; café, eau, etc.)

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 :

3) Orientation : 3) Orientation : ………………………….

……………………………. ……………………………. 2) Angle :


……………………………
3) Orientation :
…………………………….
1) Type : ………………………………………………………………………………….……………………….
2) Angle : ………………………………………………………………………………….…………………………
3) Orientation : …………………………………………………………………………………………………………….
2) Informatique
1) Quelle est la mémoire 3) Quelle est la capacité
minimale pour une utilisation minimale du processeur pour une
optimale des logiciels utilisation optimale des logiciels
d’infographie ? d’infographie ?
 2 Go  1,5 GHz
 4 Go  2 GHz
 6 Go  3 GHz
 8 Fo  4 GHz
 16 Go  5 GHz

2) Quelle est la capacité 4) Quelle est la résolution


minimale du processeur pour une minimale du moniteur pour une
utilisation optimale des logiciels utilisation optimale des logiciels
d’infographie ? d’infographie ?
 Core Duo  800x600 pixels
 Pentium 3  1024x768 pixels
 Core i3  1280x600 pixels
 Core i5  400x300 pixels
 Core i7  768x1024 pixels
1) Lequel est un intrus ? 3) Lequel est un intrus ?
 Le clavier  Disque dur
 La souris  Clé USB ou Flash
 Le scanner mémoire
 Caméra Web  mémoire RAM
 Le modem
4) Lequel est un intrus ?
 carte graphique,
2) Lequel est un intrus ?  Carte mémoire
 L’écran  disque dur
 Imprimante  mémoire RAM
 Le casque
d’écoute/Les hauts
parleurs
 Microphone
Quel est le nom et la catégorie de chaque périphérique

1 2 4

3
8
7
6 10
5
9
Ces images sont-elles de type matriciel ou vectoriel

A B C

Nommez chaque partie du clavier


1) Quel est 2) Quel est 3) Quel est 4) Quel est
l’extension des l’extension des l’extension des l’extension des
fichiers fichiers video ? fichiers audio ? fichiers
d’image ? bureautiques ?
 JPEG  JPEG  JPEG  JPEG
 DOCX  DOCX  DOCX  DOCX
 PSD  PSD  PSD  PSD
 GIF  GIF  GIF  GIF
 XLSX  XLSX  XLSX  XLSX
 AVI  AVI  AVI  AVI
 PDF  PDF  PDF  PDF
 MOV  MOV  MOV  MOV
 PNG  PNG  PNG  PNG
 TIFF  TIFF  TIFF  TIFF
 PPTX  PPTX  PPTX  PPTX
 PCX  PCX  PCX  PCX
 MP3  MP3  MP3  MP3
 MPEG4  MPEG4  MPEG4  MPEG4
 WMF  WMF  WMF  WMF
Quel est le nom d’un logiciel d’infographie
utilisé pour faire

 La mise en page des magazines ………………………....…..


 La retouche de photo ……………………………….
 La création de logo ………………………………
 Le reportage de mariage ………………………….…..
 La conception de plan de maison : ………………………..….….

 La création de site web : ……………………………….


 La création d’affiche ……………………………….
 La production de dessins animés ……………………………….
 La PAO ……………………………….
 La production de jeu vido ……………………………….
1) 4 logiciels d’infographie 2) 4 logiciels d’infographie
permettant de faire le traitement permettant de faire la mise en
d’image page des livres et des journaux

 Premiere  Illustrator  Premiere  Illustrator


 Photoshop  Xpress  Photoshop  Xpress
 InDesign  Photofiltre  InDesign  Photofiltre
 AfterEffects  FreeHand  AfterEffects  FreeHand
 CorelDraw  Publisher  CorelDraw  Publisher
 Photopaint  Fireworks  Photopaint  Fireworks
 FinalCut Pro  Pinnacle  FinalCut Pro  Pinnacle
 PaintShop Pro  Video Studio  PaintShop Pro  Video Studio
 PhotoPaint  Sony Vegas  PhotoPaint  Sony Vegas
 Dreamweaver  Cinema 4D  Dreamweaver  Cinema 4D
 Autocad  Dreamweaver  Autocad  Dreamweaver
 Flash  Bryce  Flash  Bryce
 VideoStudio  3DStudio Max  VideoStudio  3DStudio Max
 LiveMotion  Fireworks  LiveMotion  Fireworks
3) 4 logiciels d’infographie 4) 4 logiciels d’infographie
permettant de faire le montage permettant de faire le dessin
video vectoriel

 Premiere  Illustrator  Premiere  Illustrator


 Photoshop  Xpress  Photoshop  Xpress
 InDesign  Photofiltre  InDesign  Photofiltre
 AfterEffects  FreeHand  AfterEffects  FreeHand
 CorelDraw  Publisher  CorelDraw  Publisher
 Photopaint  Fireworks  Photopaint  Fireworks
 FinalCut Pro  Pinnacle  FinalCut Pro  Pinnacle
 PaintShop Pro  Video Studio  PaintShop Pro  Video Studio
 PhotoPaint  Sony Vegas  PhotoPaint  Sony Vegas
 Dreamweaver  Cinema 4D  Dreamweaver  Cinema 4D
 Autocad  Dreamweaver  Autocad  Dreamweaver
 Flash  Bryce  Flash  Bryce
 VideoStudio  3DStudio Max  VideoStudio  3DStudio Max
 LiveMotion  Fireworks  LiveMotion  Fireworks
5) 4 logiciels d’infographie 6) 4 logiciels d’infographie
permettant de faire la permettant de faire la
modélisation 3D programmation web

 Premiere  Illustrator  Premiere  Illustrator


 Photoshop  Xpress  Photoshop  Xpress
 InDesign  Photofiltre  InDesign  Photofiltre
 AfterEffects  FreeHand  AfterEffects  FreeHand
 CorelDraw  Publisher  CorelDraw  Publisher
 Photopaint  Fireworks  Photopaint  Fireworks
 FinalCut Pro  Pinnacle  FinalCut Pro  Pinnacle
 PaintShop Pro  Video Studio  PaintShop Pro  Video Studio
 PhotoPaint  Sony Vegas  PhotoPaint  Sony Vegas
 Dreamweaver  Cinema 4D  Dreamweaver  Cinema 4D
 Autocad  Dreamweaver  Autocad  Dreamweaver
 Flash  Bryce  Flash  Bryce
 VideoStudio  3DStudio Max  VideoStudio  3DStudio Max
 LiveMotion  Fireworks  LiveMotion  Fireworks
Compléter les phrases suivantes

 Parmi les ordinateurs, il y a les PC qui fonctionnent grâce


au système d’exploitation …………… et les ……………
 La vitesse du processeur se mesure en ………..
 La taille de l’écran se mesure en ………….
 L’encre et ………………………… sont des consommables

 La feuille A6 mesure : …………x……… cm


 La feuille A5 mesure : …………x……… cm
 La feuille A4 mesure : …………x……… cm
 La feuille A3 mesure : …………x……… cm
 La feuille A2 mesure : …………x……… cm
 La feuille A1 mesure : …………x……… cm
 La feuille A0 mesure : …………x……… cm
Donnez 5 noms de polices Donnez 5 noms de polices
sans empattement avec empattement
1. …………………………….…… 1. …………………………….……
2. …………………………….…… 2. …………………………….……
3. …………………………….…… 3. …………………………….……
4. …………………………….…… 4. …………………………….……
5. …………………………….…… 5. …………………………….……
6. …………………………….…… 6. …………………………….……
7. …………………………….…… 7. …………………………….……
8. …………………………….…… 8. …………………………….……
9. …………………………….…… 9. …………………………….……
10. …………………………….…… 10. …………………………….……
Citez 2 formats d’image numérique A quels logiciels d’infographie
convenant à chacun des visuels ci- correspondent ces icones
dessous ?

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 :

Une correction Une retouche Une montage


d’image d’image d’image
Leçon 1 :
L’espace de travail de Photoshop
O.P. : Nommer les outils et options essentiels de Photoshop

Introduction
On distingue dans l’espace de travail de Photoshop :

La barre des menus La barre d’état


La barre des options Le document ouvert
Les barres de défilement La palette des outils
Les autres palettes (calques, couleurs, etc.)

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

a) FICHIER (Nouveau…, Ouvrir, Importer, Enregistrer


sous…etc.)
b) EDITION (Couper, Copier, Coller, Remplir,
Transformation manuelle)
c) IMAGE (Mode, Réglage, Taille de l’image, etc.)
d) CALQUE (NouveauCalque, Style de calque, )
e) TEXTE (Déformer le texte, caractère, Paragraphe, etc.)
f) SELECTION (Tout sélectionner, Désélectionner,
Intervertir, Modifier, Transformer la sélection, etc.)
g) FILTRE (Galerie des Filtres, etc.)
g) AFFICHAGE (Galerie des Filtres, etc.)
g) FENETRE (Règle, Nouveau Repère, etc.)
2) Les palettes
a) La palette
des outils
Chaque fois qu'un outil est sélectionné , vous disposez d'options
complémentaires à l'outil sélectionné sous la barre de menu.
C’est la barre des options.

Exemple pour l’Outil Texte :

N'hésitez pas à modifier ces options pour découvrir les


fonctionnalités plus avancées de chaque outil.
Lorsqu’un outil est sélectionné, il est automatiquement prêt à
être utilisé.

Exemple de l’outil RECTANGLE DE SELECTION


Certains outils cachent
d’autres outils dans qui
sont accessibles en
maintenant le bouton
gauche enfoncé.
Les outils essentiels :

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.).

• L’œil permet d’afficher ou de masquer l’image


• On peut changer le nom et la position
du calque (premier ou arrière plan)
• Le calque doit toujours être « pixéllisé »
(bouton droit de la souris sur le nom du calque)
pour être retouchable
• La sélection automatique du calque
est possible si cette option est activée
dans la barre des options
Leçon 2 :
Les fonctions de base de Photoshop
O.P. : Utiliser les fonctions de base de photoshop

1. Fonctions de base

 Ouvrir une image


Fichier Ouvrir
Les caractéristiques
de l’image ouverte
(Taille, dimension
résolution) sont
visibles dans le
menu Image  Taille
de l’image
 Visualiser une image

Utiliser l’outil « LOUPE »


• pour afficher un zoom avant (Ctrl+ Plus)
• pour afficher un zoom arrière (Ctrl+Moins)

Utiliser l’outil « MAIN »


ou barre d’espace du clavier pour naviguer sur l’image zoomée

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
(ImageRéglageTeinte et Saturation)

 Eclaircir une image


(ImageRéglageLuminosité/Contraste)
 Ajout d’effets ou de filtres
(CalqueStyle de calque ou FiltreGalerie de filtres)
Créer un nouveau document
Pour créer un nouveau document, vous devez aller dans le menu
FICHIER / Nouveau... puis spécifiez :

1. Un nom de document (facile à mémoriser, exple : AFFICHE


EAU CELESTE)
2. Les dimensions de ce document en largeur et hauteur
- en cm, pour les documents à imprimer
- en pixel, pour les documents à transférer sur internet
3. La résolution : 300 ppp (doc. à imprimer en offset)
100 ppp (doc. à imprimer en numerique)
4. Le mode
- CMJN, pour les documents à imprimer
- RVB, pour les documents à transférer sur internet
5. Une couleur d’arrière-plan (choisir BLANC)
Pour un document
destiné à la diffusion
sur le Web ou les
réseaux sociaux, il
faut choisir :
 Le mode RVB,
 Une résolution
entre 72 et 100

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)

1. Redimensionner cette image et positionner la dans le


tier gauche ou droit du document en fonction de
l’angle de prise de vue
POSITIONNEMENT DES IMAGES :
CAS D’UNE AFFICHE
• Sélectionner l’outil DEPLACEMENT
• Cocher sélection automatique (situé sous la barre des
menus)
• Placer le personnage dans le 1/3 gauche ou droit (avec
l’outil déplacement).
• Placer le produit dans le 2/3 gauche ou droit (avec l’outil
déplacement).

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.

Pour le créer, il faut remplir le document avec une couleur unie


ou dégradé. C’est possible grâce à l’outil RECTANGLE DE
SELECTION (pour sélectionner la page) et l’outil POT DE
PEINTURE ou DEGRADE DE COULEUR pour remplir la sélection.
9) Détourer une image
Une image existe toujours avec un sujet et un arrière plan (décor),
qui peut être neutre (couleur unique) ou illustré.
Arrière plan NEUTRE Arrière plan ILLUSTRE

Détourer, c’est supprimer l’arrière plan pour ne voir que le sujet


(produit ou personnage). Un arrière plan peut se supprimer avec
l’un ou l’autre des outils suivants :
• l’outil BAGUETTE MAGIQUE (seulement arrière plan neutre )
• l’outil LASSO POLYGONAL
• L’outil ELLIPSE
• L’outil RECTANGLE DE SELECTION
10) Ajouter du texte
• Pour saisir un texte, vous devez choisir l’outil TEXTE HORIZONTAL
puis cliquer sur le document pour saisir.
• Pour la mise en forme, il faut d'abord sélectionner le texte saisi
puis modifier (police, style, taille, couleur, interligne, alignement,
etc.) grâce à la barre d’option ou la palette des caractères.
13) Faire un montage d’images
 Gestion des sélections
 Sélection rectangulaire et elliptique
 Sélection lasso et lasso polygonal
 Baguette magique
 Sélection rapide
 Plage de couleur

 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

Pour l'archivage en qualité relative, , il faut


choisir :
 Les formats JPEG (compressé)
ou BMP (non compressé)
 Le mode RVB
 Une résolution de 72 à 200 ppp
12) Imprimer le fichier
Menu FICHIER  Imprimer
Pour l'impression en bonne qualité, il faut choisir :
 les formats JPEG (imprimante), TIFF ou PDF.
 Le mode CMJN (couleurs)
 Une résolution de 300 ppp
Vidéo : LES BASES DE PHOTOSHOP (16 min)
UE INFOGRAPHIE
QUIZ CHAPITRE 1
Cochez la/les bonne(s) réponse(s)
Photoshop est un programme de retouche d’image
compatible avec les images de type ...
 Vectoriel
 Matriciel
 Pixéllisé
 Aucune réponse n’est correcte
 Toutes les réponses sont correctes

Quel est le format de fichiers d’image d'origine dans


Photoshop, ce qui nous permet de sauvegarder les
calques ouverts
 JPG
 PDF
 PNG
 PSD
 TIFF
Quels formats de fichier d’image sont utilisés pour
l'impression haute qualité ?
 JPEG
 TIFF
 PDF

Quels formats de fichiers d’image sont utilisés pour


Internet ?
 JPEG
 TIFF
 GIF
 EPS
 PNG
La résolution d'une image en bitmaps est…
 Nombre de pixel contenant un carré de pouce
de chaque côté.
 Nombre de pixel en largeur d'une image.
 Nombre de pixel total dans une image.

Si vous mettez la résolution d’une image jusqu'à de


72 dpi (pixels par pouce), que va-t-il arriver?
 l’image perdra en netteté,
 l’image deviendra de très grande taille et aura
beaucoup de netteté.
 l'image perdra de la couleur.
Dans Photoshop, si je souhaite faire l'intersection de
2 sélections je peux utiliser la combinaison
 CTRL+ALT
 ALT+SHIFT
 SHIFT
 CTRL
 CTRL+ALT GR

Dans Photoshop quel espace colorimétrique doit être


utilisé en général pour les images destinées à
l'imprimeur…
 Lab
 RVB
 TSL
 Niveaux de gris
 CMJN
Quel mode de couleur employer pour développer
une photo numérique ?
 Lab
 RVB
 TSL
 Niveaux de gris
 CMJN

Une image a une résolution de 300 ppp. Quelle sera


sa résolution si je double sa taille en cm, sans
ajouter de pixels supplémentaires ?
 200 ppp
 600 ppp
 100 ppp
 150 ppp
 300 ppp
Une couche Alpha permet de
mémoriser une sélection ?
 Toujours
 Jamais
 Parfois

Parmi ces options, laquelle n’est pas une option de


réglage d’image
 Desaturation
 Noir et Blanc
 Mixage
 Isohélie
Parmi ces options, laquelle n’est pas un masque de
fusion d’image
 Fondu
 Produit
 Eclaircir
 Lumière

Parmi ces palettes, laquelle n’appartient pas à


Photoshop
 Tracé
 Navigation
 Couleur
 Image
 Nuancier
Quel est l’outil de Photoshop qui permet de
sélectionner une portion d’image de forme ovale ?
 Lasso
 Ellipse de selection
 Recadrage
 Pièce
 Ovale

Quel est l’outil de Photoshop qui permet de


redélimiter une image entière sur une partie ?
 Lasso
 Ellipse de selection
 Recadrage
 Pièce
 Ovale
Quel est l’outil de Photoshop qui permet d’effacer
des tâches sur un visage ?
 Correcteur
 Gomme
 Baguette magique
 Pièce
 Pipette

Quel est l’outil de Photoshop qui permet de masquer


des rides ou une cicatrice sur la peau ?
 Correcteur
 Gomme
 Baguette magique
 Pièce
 Pipette
Quel est l’outil de Photoshop qui permet de détourer
une image sur fond blanc ou unicolore ?
 Correcteur
 Gomme
 Baguette magique
 Pièce
 Pipette

Quel est l’outil de Photoshop qui permet de détourer


une image ayant plusieurs côtés droits ?
 Lasso polygonal
 Lasso magnifique
 Baguette magique
 Pièce
 Pipette
Quel est l’outil de Photoshop qui permet de détourer
une image ayant une forme circulaire ?
 Lasso polygonal
 Lasso magnetique
 Ellipse de selection
 Pièce
 Pipette

Quel est l’outil de Photoshop qui permet de détourer


une image ayant une forme libre sur un fond diffus ?
 Plume
 Lasso magnétique
 Baguette magique
Quel est l’outil de Photoshop qui permet de détourer
une image ayant une forme libre sur un fond
contrasté ?
 Lasso polygonal
 Plume
 Baguette magique
 Pièce

Quel est l’outil de Photoshop qui permet de se


déplacer sur une image surzoomée ?
 Lasso magnetique
 Main
 Navigation
 Pipette
Quel est l’outil de Photoshop qui permet de
sélectionner une couleur dans l’image ?
 Nuancier
 Lasso magnetique
 Pièce
 Pipette

Quel est l’outil de Photoshop qui permet d’effacer


une partie de l’image ?
 Lasso polygonal
 Lasso magnetique
 Baguette magique
 Gomme
 Pipette
Quel est l’outil de Photoshop qui permet de colorier
une sélection avec une couleur unie ?
 Dégradé
 Lasso magnetique
 Pot de peinture
 Pipette

Quel est l’outil de Photoshop qui permet de colorier


une sélection avec une couleur dégradé ?
 Lasso polygonal
 Pinceau
 Baguette magique
 Dégradé
 Pot de peinture
Quel est l’outil de Photoshop qui permet de colorier
une sélection avec une couleur unie ?
 Dégradé
 Lasso magnetique
 Pot de peinture
 Pipette

Quel est l’outil de Photoshop qui permet de colorier


une sélection avec une couleur dégradé ?
 Lasso polygonal
 Pinceau
 Baguette magique
 Dégradé
 Pot de peinture
Quel est l’outil de Photoshop qui permet de peindre
à main levée ?
 Lasso polygonal
 Lasso magnetique
 Pinceau
 Pièce
 Pipette

Quel est l’outil de Photoshop qui permet de choisir


une couleur ?
 Pot de peinture
 Lasso magnetique
 Nuancier
 Couleur de Premier Plan
 Pipette
Quel est la palette de Photoshop qui permet de créer
une couleur ?
 Couleur
 Lasso magnetique
 Nuancier
 Couleur de Premier Plan
 Tranche

Quelle est la palette de Photoshop qui permet de


zoomer sur l’image ?
 Loupe
 Image
 Navigation
 Zoom
 Pipette
Quelle est la palette de Photoshop qui permet de
changer la taille de la police ?
 Caractère
 Texte
 Paragraphe
 Pipette

Quelle est la palette de Photoshop qui permet de


masquer un calque ?
 Masque
 Calque
 Couche
 Oeil
Quelle est la palette de Photoshop qui permet de
convertir un tracé en selection ?
 Caractère
 Texte
 Tracé
 Selection
 Pièce

Quelle est la palette de Photoshop qui permet de


modifier le dégradé de couleur ?
 Caractère
 Couleur
 Dégradé
 Pièce
Quelle est la palette de Photoshop qui permet de
mettre un calque en arrière plan ?
 Caractère
 Texte
 Calque
 Pièce

Quelle est la palette de Photoshop qui permet de


changer la couleur de la police ?
 Caractère
 Texte
 Couleur
 Paragraphe
Complétez avec les mots entre parenthèse
Photoshop est un logiciel de traitement d'images qui
permet de (« Créer, Retoucher, Corriger »)
a) ………………. les défauts d'une photographie
vieille, abimée, déchirée, trop sombre (sous-
exposée) ou trop claire (surexposée).
b) …………….. la photo par effacement des éléments
indésirables sur une image (fils électriques,
personnage non souhaité) ou changement de
couleur.
c) ……………….. de nouvelles images par montages
de plusieurs photographies, modifiées ou replacées
dans des contextes différents.
Il existe deux types d’images numériques (vectorielle,
matricielle)
a) Les images ………………… sont des images dont la
particularité est que chaque forme qui la compose
est décrite à partir de lignes, courbes et formes
géométriques directement créées sur le logiciel.
b) Les images …………………. reposent sur une grille
de plusieurs pixels, en largeur et hauteur.
Chaque format d’image a une utilité pratique (jpeg,
gif, tiff, psd, bmp)
a) Le format …………. n'est pas compressé et est codé en 8 bits
donc limité à 256 couleurs.
b) Le format ……. est très utilisé pour les photographies
sur Internet.
c) Les imprimeurs utilisent plutôt le format ……….…... Il est
utilisé parce qu'il restitue parfaitement les images et les
photographies. Il prend de la place sur le disque dur (on dit
qu'il est lourd !). Il est codé en 32 bits et affiche des millions de
couleurs.
d) Le format natif de Photoshop est : ………………..
e) Le format natif des images de Windows est ………….
La compression de donnée consiste à obtenir des
fichiers plus légers, afin (améliorer, limiter)
a) ………………….. la vitesse d’affichage à l’écran ou
du transfert sur internet
b) …………………. l'espace de stockage utilisé sur un
disque dur.
Modes de couleurs des images numériques (noir ou
blanc bitmap, couleurs indexées, niveaux de gris, RVB,
CMJN)
a) Les pixels des images numériques sont en
………………….. ou …………………… lorsqu’elles
sont en noir et blanc sur une couche de couleurs.
b) Les pixels des images numériques sont en
…………………. ou ……………….. lorsqu’elles sont en
couleurs sur une plusieurs couches de couleurs
c) Les images numériques possèdent des caractéristiques
qui s’expriment en différentes unités de mesures
(octet, pixel, pixel par pouce, bit par pixel)
 La définition en …………..
 Le codage en ……………..
 La taille en …………………
 La résolution en …………..
La taille d'une image numérique est l’espace qu’elle occupe dans la
mémoire de l’ordinateur. Elle s’exprime en octet. (Go, Ko, To, Mo)
a) 1024 octets = 1 ……………
b) 1024 Ko = 1 ……………
c) 1024 Mo = 1 ……………
d) 1024 Go = 1 ……………

e) 7000 octets = ……………Mo


f) 8000 Ko = ……………Go
g) 9000 Mo = ……………Ko
h) 10000 Go = ……………To
L'interface de Photoshop est essentiellement faite de menus et
panneaux. Les panneaux sont parfois les raccourcis pour réaliser
les mêmes tâches que les menus (outils, Fenêtre, couleurs,
nuancier, barre d’option, Calques)
a) Le panneau …………………. est le plus important. Chaque
outil qui le compose est associé à une ……………….………….
b) Les panneaux ……………….…… et ………………….
permettent de sélectionner la couleur avec laquelle vous
souhaitez travailler.
c) Le panneau ………..………………… sert à voir toutes les
images qui composent un document Photoshop, et à
sélectionner l’image sur laquelle vous voulez travailler.
d) On peut très facilement afficher et masquer des panneaux, via
le menu ……………………..….……
1) Trouvez le nom de 10 outils de Photoshop ?
Reliez ces raccourcis clavier Photoshop à leur fonction
de traitement d’images (exemple : 2B)
A. Ctrl+N H. Ctrl+V O. Ctrl+T
B. Ctrl+O I. Ctrl+Z P. Ctrl+SHIFT+S
C. Ctrl+W J. F6 Q. SHIFT+F5
D. Ctrl+P K. Ctrl+X R. Ctrl+R
E. Ctrl+Q L. Ctrl+A S. F12
F. Ctrl+S M. Ctrl+D T. Ctrl+SHIFT+F
G. Ctrl+C N. Ctrl+H

1. Afficher/Masquer les 8. Supprimer la 14. Tout sélectionner


règles sélection 15. Enregistrer sous…
2. Retour à version 9. Ouvrir un nouveau 16. Remplir avec une
précédente existant couleur
3. Atténuer la couleur 10. Fermer le fichier en 17. Enregistrer les
4. Dupliquer la sélection cours modifications
5. Imprimer le 11. Coller la sélection 18. Copier la sélection
document 12. Annuler la 19. Afficher/Masquer les
6. Quitter l’application modification repères
7. Créer un nouveau 13. Afficher/Masquer la 20. Transformer le
document palette Couleur calque
Cochez la bonne réponse

Le mode Masque permet : Qu'est-ce qu'une image aplatie ?


 De créer ou d'améliorer une  Une image avec 3 couches
sélection  Une image avec un seul calque
 De mémoriser une sélection  Une image en CMJN
 De créer un masque vectoriel
Je souhaite passer une image en niveau
L'outil plume permet : de gris, j'utilise de préférence la
 De réaliser une sélection de commande suivante :
pixels  Calque/Nouveau calque de
 De réaliser un tracé vectoriel réglage N&B
 De réaliser une forme vectorielle  Image/Mode/ Niveaux de gris
 Calque/Nouveau calque de
La taille de la zone de travail permet : réglage/Mélangeur de couches
 De créer de l'espace
supplémentaire
 De modifier la résolution de
l'image
 D'agir sur les pixels de l'image
Un masque de fusion permet Le raccourci clavier pour
 de fusionner les calques désélectionner :
 de masquer ou d'afficher tout
ou partie du calque auquel il  CTRL + B
est rattaché  CTRL + D
 de transformer un tracé en  CTRL + Y
sélection

Une sélection mémorisée est À quoi sert l'outil ?


stockée :
(Vous ne pouvez sélectionner qu'une
 sous forme de tracé dans la
seule réponse.)
palette tracés
 Sous forme de couche alpha  À sélectionner des tranches.
dans la palette couches
 À effectuer un tracé vectoriel.
 sous forme de masque dans
la palette calques  À sélectionner librement une
zone de l’image.
 À tracer un masque.
 À découper une image en
tranches.
Chapitre 2 :
ETAPES DE REALISATION
D’UNE AFFICHE PUBLICITAIRE

Objectif Pédagogique :
Concevoir et réaliser une affiche publicitaire
LEÇON
CONCEPTION
1 O.P. Concevoir une affiche

Introduction

L’affiche est une feuille d’annonce imprimée et exposée


au grand public. Elle sert à accroître la visibilité et la
notoriété d’un produit, d’un service, d’une marque, d’un
événement, bref d’un message à but lucratif ou non. Elle
est imprimée sur un support papier, bâche ou vynil pour
être collé sur un mur ou un panneau.
a) Réfléchir pour trouver un concept
 Un concept est une création originale qui permet de
faire passer efficacement un message. En marketing,
lorsque ce concept est illustré par une photo bien
choisie, cela augmente la compréhension et l’impact
recherchés sur les cibles.

 Par son attractivité et son expressivité, la photo a le


pouvoir de motiver à la consommation d’un produit.

 Lorsque cette photo est traitée à l’aide de Adobe


Photoshop l’impact est doublement ressenti.
Comment trouver un concept?

• S’informer sur le produit (avantage promis) et la


cible (satisfaction recherchée);
• Rédiger un slogan accrocheur du produit, des
objectifs, de la cible, etc.
• Proposer différentes pistes de création à travers
une réflexion personnelle, une recherche
documentaire ou brainstorming collectif pour
mettre en place la copy stratégie;
• Sélectionner les images les plus expressives grâce
à des prise de vue, scan ou téléchargements ou
en composer (grâce à Photoshop).
Pour trouver un concept, Il faut aussi se poser les
bonnes questions
• Qui est l’annonceur (quel est son logo et sa charte
graphique) ?
• Quel est le produit spécifique ?
• Quel est la marque spécifique ?
• Quelle est la cible (et cœur de cible) de ce produit et cette
marque ?
• Quelle est le message (objectif de communication) ?

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

La copy strategy ou copy stratégie, est une méthode créative


née dans les années 1980, inspirée de la théorie de
l'USP (Unique Selling Proposition : proposition originale de
vente) de l'agence Ted Bates. Très efficace pour les produits de
consommation courante, qui ne demandent pas de réflexion
particulière au moment de passer à l'achat.

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 »

1. La copy stratégie classique


Le produit doit se démarquer de la concurrence et de la
communication antérieure dans le secteur. Pour cela, la
publicité fait une proposition attractive,
exclusive et spécifique au consommateur cible en 4 points :

• La promesse (l’avantage que procure le produit) implicite ou


explicite dans le message (accroche). Le message à
communiquer à la cible, correspond à un point fort du produit
ou service. (exple : soins esthétiques adaptés aux peaux jeunes,
illuminent le teint.)
• La preuve (visuel qui rend la promesse crédible, réaliste et
compréhensible). C’est le résultat, la démonstration, la preuve
doit être concrète, facilement compréhensible par le
consommateur. (exple : Une jeune fille séduisante reçoit des
soins avant d'aller au bal.)
• Le bénéfice : L’avantage immédiat du consommateur. Il doit être
crédible et adapté à sa psychologie (exple : bonne mine,
séduction.

• Le ton (l’ambiance ou le style derrière le message). Il doit créer


une émotion (exple Ambiance romantique, décor luxueux,
valse...)
Dans la recherche d’image, il faut :

 Faire un casting : qui / qu’est ce qui doit figurer dessus ?


Dans quel vêtement et environnement? Parfois, il faut se
faire assister par un photographe pour la prise de vue et un
infographiste professionnelle pour le photo montage
 S’inspirer des campagnes similaires antérieures

Une affiche réussie doit :


Informer le
consommateur
Créer le Susciter
besoin l’intérêt
Décrire les
qualités du
Attirer produit
l’attention
On peut utiliser divers procédés afin d’étonner le public:

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

Cette annonce fut la première à


communiquer sur un produit sans
le montrer (Jean-Louis Steiff 1962).

La beauté du corps féminin,


renforcée par l’image poétique de
la rose, la pudeur féminine et la
sensibilité évoquées par la pose,
le visage occulté du modèle sont
tous des signifiants chargés de
sens pour les destinatrices de
message qui véhicule la promesse
du produit.
Le plan de travail créatif (Young et Rubicam)

Elle complète le modèle de la copiy stratégie classique en


intégrant d'autres rubriques qui rappellent les points clés du
diagnostic de communication :

• Le fait principal (positionne le produit et la marque par rapport à la


concurrence et aux attentes du consommateur.)
• Le problème à résoudre (conclusion du diagnostic mercatique)
• - Les objectifs (définis en fonction du problème à résoudre, ils sont
opérationnels et déterminés dans le temps.)
• Les concurrents (leur stratégie publicitaire, leur positionnement
marketing)
• La copy strategy (cible*, promesse*, preuve*, bénéfice
consommateur*, thème et ambiance)
• Les instructions et les contraintes (législation, budget, charte
graphique et autres contraintes créatives)
La copy strategy créative
C'est une variante de la précédente, qui se décline en 3 points :

• l'axe remplace la promesse. Il résume une idée force, et une


seule. La meilleure façon de déterminer un axe publicitaire est
de recenser les freins et les motivations.
• le concept d'évocation crédibilise l'axe, sans être aussi
démonstratif qu'une preuve. Le concept d'évocation est une
situation concrète suffisamment évocatrice pour convaincre le
client de la véracité de l'axe. Il crée un effet de réel, qui donne
l'illusion d'une situation, d'une sensation, d'une émotion. Il
peut être :
- Direct : on montre le résultat, la satisfaction du besoin
- Indirect : on suggère le résultat, la satisfaction est induite
Ici, le lien affectif associé au don est évoqué indirectement
par l'ours en peluche. Le concept d'évocation doit être
crédible, vraisemblable et conforme aux bienséances.
• le thème concerne l'ensemble des techniques
d'expression du message, il englobe le ton* et l'univers.
Le thème est la déclinaison du message par tous les
moyens d'expression liés au support.
Dans le cas d'un spot audiovisuel, il s'agit du scénario, du
choix des acteurs, de la mise en scène, du ton, de la
musique, des couleurs, de la composition de l'image, ..

Exemple de copie stratégie créative : Don du Sang


Axe : Le don du sang sauve des vies qui nous sont chères
Freins Motivations
risque d'infection, appréhension de la piqûre générosité, don d'une substance vitale
milieu médicalisé froid, impersonnel sécurité sanitaire du centre de transfusion
anonymat, pas de reconnaissance nos proches peuvent en avoir besoin un jour
Photo • Quel est le plan?
de personnages • Quel est le cadrage?
La star stratégie
Pour sortir la marque de
l'anonymat, la publicité fait
parfois appel à des vedettes du
spectacle ou du sport, ou à des
réalisateurs prestigieux.

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

La réalisation est l’étape du travail qui s’effectue sur


l’ordinateur à l’aide d’un logiciel spécifique, en
l’occurrence Photoshop.
Etape 2 : La réalisation
Cas d’un format 30x20 cm
1) Ouvrir Adobe Photoshop
2) Créer un nouveau document
MENU FICHIER  Nouveau…
Nom
AFFICHE THE LIPTON

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

 Afficher les règles


aller dans le menu AFFICHAGE→ règles
(ou taper sur le clavier CTRL+R)
 Repère des marges
Horizontale haut :
menu AFFICHAGE→ nouveau repère→
cocher horizontale→ position 1cm→
OK

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

• Pixellisation (pour rendre l’image


modifiable)
Afficher la palette des calques : menu
FENETRE → calque (ou F7 sur le clavier)
Clic droit sur le nom du calque→
pixelliser le calque

• Redimensionnement (agrandir ou • Positionnement de l’image


réduire la taille de l’image) Sélectionner l’outil DEPLACEMENT
CTRL+T
(maintenir le bouton shift→ Cocher sélection automatique : calque (situé
tirer vers le haut et vers le bas sous la barre des menus)
jusqu’à couvrir toute la hauteur
et la largeur de la page→ Couvrir toute la page
relâcher shift →
taper sur le bouton ENTRER. Placer le personnage dans le 1/3 gauche ou
droit (avec l’outil déplacement).

23/01/2023 INFOGRAPHIE 159


5) Ecrire le slogan
Outil TEXTE HORIZONTAL

• Grossir la taille et le style


• Attention à la police, l’alignement,
la casse et la couleur

Certaines
organisations et
marques possèdent
des signatures. Il faut
parfois en tenir
compte dans la
recherche de slogan

23/01/2023 INFOGRAPHIE 160


LEÇON
IMPRESSION OU DIFFUSION
3 O.P. Imprimer une affiche sur papier

Introduction

La réalisation est l’étape du travail qui s’effectue sur


l’ordinateur à l’aide d’un logiciel spécifique, en
l’occurence Photoshop.
Enregistrer le fichier avant impression ou diffusion
Menu Fichier  Enregistrer sous
Enregistrer pour l’impression ou 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

Pour l'archivage en qualité relative


 Les formats JPEG (compressé)
ou BMP (non compressé)
 Le mode RVB
 Une résolution de 72 à 200 ppp
Petits formats (offset et numérique)
Etape 3 : L’impression • A4 (30 x 20 cm) ou A3 (40 x 30
cm) : idéal pour l’affichage à
AFFICHE l’intérieur et à l’extérieur des
bureaux
• A2 (40 x 60 cm) : idéal pour
l'affichage à l’extérieur des
bureaux

Grands formats (numérique)


• A1 (60 x 80 cm) et A0 (80 x 100)
cm : Idéal pour ne pas passer
inaperçu dans les rues de la ville
(clôtures, bus et abris bus).
L’affiche sert à accroître la • Plusieurs m2 : Idéal pour les
visibilité d’un produit, d’une campagnes de publicité sur les
personne ou encore d’un service. panneaux, façades d’immeuble,
banderoles et fond de scène.
Le support (papier, bâche ou
NB : Le format 4x3 m2 ou 12m2 est
vynil) est généralement collé sur le standard des panneaux routiers.
un mur ou un panneau. • Très Grands formats : dizaines ou
centaines de m2: tête de pont ou
23/01/2023 INFOGRAPHIE clôture de stade 163
Menu FICHIER  Imprimer
• Faire un test miniature (A4 couleur, pour demande
d’avis et correction) avant l’impression finale en
grand format
• Imprimer au format réel sur le support final.
• Choisir :
 les formats PSD, TIFF ou PDF.
 Les modes CMJN
 Une résolution de 300 ppp
23/01/2023 INFOGRAPHIE 165
23/01/2023 INFOGRAPHIE 166
23/01/2023 INFOGRAPHIE 167

Vous aimerez peut-être aussi