COURS REDIGE PAR ANDREA BALMA

COURS D’INFOGRAPHIE

1
SOMMAIRE
CHAPITRE 1 L’INFOGRAPHIE ......................................................................................................................... 3
1. INFOGRAPHIE ........................................................................................................................................... 3
2. L’INFOGRAPHISTE ................................................................................................................................... 3
A- LE GRAPHISTE :............................................................................................................................................... 3
B- L’ILLUSTRATEUR :. ......................................................................................................................................... 3
C- L’INFOGRAPHISTE : ......................................................................................................................................... 3
D- L'INFOGRAPHISTE ET L'INFORMATION ............................................................................................................. 4

3. METIERS CONCERNES PAR L’INFOGRAPHIE ................................................................................. 4

4. COLLABORATEURS DE L’INFOGRAPHISTE .................................................................................... 4
5. FICHES METIERS : INFOGRAPHIE....................................................................................................... 5
6. LOGICIELS DE CREATION INFOGRAPHIQUE ET MULTIMEDIA .................................................. 5
CHAPITRE 2 INITIATION AUX LOGICIELS DE PAO( PUBLICATION ASSISTEE PAR
ORDINATEUR) ..................................................................................................................................................... 7
I- OUTILS DE BASE POUR DEBUTANT ........................................................................................................ 7
II- NIVEAU 1 ......................................................................................................................................................... 8
III- NOUVEAU FICHIER PHOTOSHOP ........................................................................................................... 9
IV- NIVEAU 2 ........................................................................................................................................................ 9
V- NIVEAU3 ........................................................................................................................................................ 10
VII- COMMENT CREER DES BOUTONS PHOTOSHOP ........................................................................... 12
VIII- COMMENT FAIRE DES EFFETS SPECIAUX AVEC DES TEXTES .............................................. 13
IX- COMMENT UTILISER ADOBE IMAGE READY .................................................................................... 14

INFOGRAPHIE-NOTIONS 2
Chapitre 1 l’infographie
1. Infographie

Lors de l’introduction de son concept dans la langue française vers les années
1980, elle désignait uniquement les graphismes, que l'on appelait alors
« infographies » (information par le graphisme), destinés à mettre en image des
informations généralement statiques au moyen de diagrammes, de cartes ou de
schémas.

Mais le concept d'infographie s'étant rapidement élargi à tous les graphismes

produits par des moyens informatiques, on la distingue de nos jours par le terme
infographie (information/informatique et graphisme).

L'infographie est donc la science de l'image numérique dont le procédé

consiste à appliquer l’informatique à la représentation graphique et au traitement des
images

2. L’infographiste

a- Le graphiste :

Son métier est de mettre le sens en images, principalement par la maîtrise de la

lettre - la typographie, et l'équilibre de la mise en page - maquette, entre le texte et
les images. De l'affiche au logotype, le graphiste pratique la précision sur les bases
d'une compétence plastique et historique. Il utilise des illustrations ou des photos. Il
sait évidemment se servir d'un ordinateur. Son travail est avant tout orienté vers
l'imprimerie, l'édition papier; il est transposable sur Internet.

b- L’illustrateur :.

Il utilise de plus en plus l'ordinateur, ne serait-ce que pour scanner ses dessins. Il
peut comme le graphiste entrer dans l'équipe des concepteurs d'un site Web. Son
travail est de commenter par l'image tout propos, quelle que soit sa longueur.
Pochette, première de couverture, visuels et images jointes. Pour réagir à la
concurrence du photographe, il a du au cours du 20ème siècle, renforcer son style et
faire preuve d'originalité.

c- L’infographiste :
Son étymologie fait une allusion évidente à l'ordinateur et aux programmes qui s'y
rapportent.
Le sens commun voit l'infographiste pratiquer son métier devant un écran
d'ordinateur et produire des images, indépendamment du texte qu'elles
accompagnent, avec toutes les pirouettes technologiques qui s'apparentent au
dessin animé.
On ne peut pas le considérer comme une sorte de graphiste contemporain.
Les savoirs se recoupent partiellement, mais le graphiste est un spécialiste de la
typographie et du texte en tant que message. Quels points communs a-t-il alors avec
l'illustrateur ? La pratique de certains logiciels informatiques d'une part et la vocation

INFOGRAPHIE-NOTIONS 3
des travaux d'autre part, qui font de l'infographiste un héritier affranchi de son
ancêtre illustrateur. Ses productions sont souvent conçues comme un tout, texte et
image ; et elles sont réalisées avec des technologies exigeantes et pointues. Enfin,
le résultat est apprécié pour ses vertus essentiellement esthétiques. Dans la
conception de sites Web, l'infographiste est naturellement chargé de la charte
graphique. Dans ce cas, il règle les rapports entre le texte et l'image de façon
dynamique, sans pour autant en calculer tous les aspects en terme de référencement
et de contenu. Leur sens est plus naturellement confié à l'architecte de l'information.

d- L'infographiste et l'information

L'infographiste ne structure pas l'information : il l'habille, il lui donne un look, il lui

donne une forme visuelle. D'autre part, il ne sépare plus le texte de l'image mais les
associe - c'est la véritable révolution ! Les visuels font partie du texte au lieu de
l'illustrer. L'image retrouve le sens qu'elle avait avant les ravages de l'écriture. Ce,
grâce au principe de l'interaction : le fait de cliquer sur une image pour découvrir une
autre page lui donne un sens.

L'infographiste doit servir les mots et les images dans un contexte dynamique et
interactif. Un travail énorme de structuration de l'information attend l'infographiste et
ses partenaires de travail (architecte de l'information) dans tous les domaines.

Si, du premier coup d'oeil, vous pouvez repérer votre marque de parfum ou de
biscuits… préférée dans un rayon de supermarché, c'est à l’infographiste que vous le
devez. Il a parfaitement rempli sa mission : donner une identité visuelle à un produit.
Il sait choisir la couleur, cadrer une photo, mettre en scène des dessins, bref,
associer texte et image pour véhiculer un message.

3. Métiers concernés par l’Infographie

Tous les secteurs de la création graphique et de l’image sont concernés par

l’infographie : publicité, design, architecture, édition, cinéma, TV, dessin animé, jeux,
mais aussi industrie (aéronautique, automobile...), recherche scientifique (médecine,
sciences fondamentales...).

Le métier s’ouvre progressivement à différentes activités de l’édition : illustrateur,

maquettiste, opérateur PAO (publication assistée par ordinateur), photograveur
(métiers du prépresse) et plus récemment les métiers de l’animation vidéo.

4. Collaborateurs de l’infographiste

L’infographiste qui se doit d’avoir comme atouts une bonne culture générale, une
solide formation en dessin, un sens créatif et artistique très développé ne peut
travailler seul. Il exprime en images le travail qui provient d’une chaîne notamment
dans le domaine de la publicité ce qui fait référence au marketing et à la
communication. Aussi est-il amené à collaborer étroitement avec d’autres
professionnels : directeur artistique, photographe, scénariste, animateur 3D,
architecte, imprimeur, webmaster, programmeur, créateur de graphisme, chargé de
communication...soit pour l’édition et l’impression (brochures, dépliants, plaquettes,

INFOGRAPHIE-NOTIONS 4
 catalogues..) soit pour la publication en réseaux (pages Web, documents
électroniques).etc

5. Fiches métiers : infographie

L'infographiste exerce souvent en indépendant à la commande. Les débouchés

se situent dans tous les secteurs de la communication visuelle : agences de publicité,
studios de création graphique, presse, sociétés de production de films ou de
télévision, multimédias, services de communication des grandes entreprises.
Différentes appellations lui sont décernées : infographe, designer graphique,
dessinateur de publicité, graphiste publicitaire, graphiste télématicien, concepteur de
mise en page ou encore infographiste.

6. Logiciels de création infographique et multimédia

L’infographiste travaille essentiellement avec ces différents logiciels mais deux

peuvent être suffisants pour son travail de retouche et de créativité : il s’agit d’adobe
photoshop et d’adobe illustrator

Retouche d'images et création

Photoshop Elements éditeur :Adobe (tarif éducation)
Paint éditeur : Microsoft
Gimp (logiciel libre)
Photofiltre logiciel gratuit
Photofiltre studio shareware
Pixia logiciel gratuit
PhotoImpact éditeur : U-Lead
PhotoPaint éditeur : Corel
Paint Shop Pro éditeur : Corel
Photoshop éditeur :Adobe (tarif éducation)
Painter éditeur : Corel
Dessin vectorisé
Corel Draw éditeur : Corel
Illustrator éditeur : Adobe
Outils de création pour Internet
Image Ready vendu avec Photoshop
Microsoft Gif animator Montage de gif animé
Animation Shop vendu avec PaintShop Pro

Flash animation vectorielle interactive Macromédia

Dreamweaver Création et gestion de sites Macromédia

Dreamweaver 2 (logiciel propriétaire gratuit) éditeur : Macromédia
FrontPage Création et gestion de sites éditeur : Microsoft
Go Live Création et gestion de sites éditeur : Adobe
Des outils de création multimédia (PREAO) permettent d'exporter créations et diaporamas au format HTML :
Mediator Création multimédia éditeur : MatchWare
PowerPoint PREAO éditeur : Microsoft
Création et animation d'images de Synthèse 3D

INFOGRAPHIE-NOTIONS 5
Carrara Studio animation, effets spéciaux. éditeur : Eovia

modeleur et module d'animation ( éditeur : TGS

Amapi
Wings 3D modeleur logiciel libre
modeleur
Art of illusion logiciel libre
animation
modeleur
Blender logiciel libre
animation
Cool 3D modélisation et animation de texte éditeur : U-Lead
Bryce création de paysages 3D éditeur Métacréations
Poser modeleur et animation de personnages éditeur : Curious Labs
3D Studio Max PC seulement éditeur : Discreet
Montage vidéo virtuel
Windows movie Maker (XP) éditeur : Microsoft
Premiere Elements éditeur : Adobe
Premiere éditeur : Adobe
Studio 9 éditeur : Pinnacle
Video Studio éditeur : Ulead
Movie 2 éditeur : Apple
Virtual Dub logiciel libre
VidéoWave éditeur : Roxio
Visionneuses, gestion d'images
ACDSEE
Xnview
Picasa

INFOGRAPHIE-NOTIONS 6
Chapitre 2 initiation aux logiciels de PAO( publication
assistée par ordinateur)

Logiciels PHOTOSHOP DEBUTANT:

I- Outils de base pour débutant

Outil déplacement de Photoshop

Outil couleur L'outil couleur est l'un des plus utilisés, vous trouvez ici un tutoriel qui vous explique
comment ...

Outil main de

Il permet de déplacer les images,sur ce lien vous trouvez un tutoriel ..

..Outil gomme L'outil gomme est l'un des outils Les plus utilisés,vous trouvez sur ce lien un tutoriel qui
vou explique comment....

Outil zoom
L'outil zoom est utilisé dans le logiciel photoshop. Il permet de zoomer les images, et aussi ....

Outil forme Ce tutoriel de vous explique image par image comment utiliser ....

Outil sélection de tracé Sur ce lien vous trouvez un tutoriel sur l'outil sélection de tracé...

Outil nettete Vous trouvez sur ce lien un tutoriel sur l'outil netteté qui vous explique...

INFOGRAPHIE-NOTIONS 7
II- NIVEAU 1

La formation débutant niveau 1 est destiné aux débutants qui n'ont jamais utiliser
photoshop, ces tutoriaux vont vous permettre de se familiariser avec photoshop en
effectuant des manipulation simples et la création de formes de bases nécessaire.
Introduction au post de travail de photoshop :Avant de commencer votre formation de
photoshop « débutants niveau 1 », il faut se familiariser avec le poste de
travail de photoshop, voici un donc un petit tutorial d'introduction.
Nouveau fichier photoshop

Premièrement et avant de commencer n'importe quel travail avec

photoshop vous devez ouvrir un nouveau document, choisir la
taille du fichier, sa couleur

Créer ligne droite Nous allons maintenant choisir l'outil trait et créer un
simple trait, suivez ce tutoriel il vous montre comment créer un trait avec
photoshop
créer un cercle sous photoshop Une des formes de bases que vous devez
maîtriser lors de votre formation est le cercle, vous allez utiliser cette forme
souvent dans nos tutoriaux, dessiner votre premier cercle go !
créer un carré sous photoshop

La forme carré est une forme bien utile, elle est la charpente de différents
images : logos de sites et d'entreprises, cadres d'images, . etc

Le poste de travail

On ne vous demande pas

d'apprendre par coeur les moindres
détails de poste de travail, vue que
nous allons apprendre au fur et à
mesure les différents outils de
photoshop au cours de cette
formation, sur ce site, mais de
connaitre le groupe d'outils vous
permettant aussi de s'orienter plus
facilement lors de la lecture et
réalisation des tutoriaux

A- Fenêtre de document B- Dock

de panneaux réduits à la taille
d'icônes C- Barre de titre du
panneau D- Barre de menus E- Barre d'options F- Palette d'outils G- Bouton de
réduction à la taille d'une icône H- Trois groupes de panneaux (panneaux) en
ancrage vertical

INFOGRAPHIE-NOTIONS 8
III- Nouveau fichier photoshop
Pour créer un nouveau document (le fameux PSD de Photoshop), allez sur "Fichier" puis sur
"Nouveau" (Ou en utilisant le raccourci "Ctrl+N") Voici les différents aspects du nouveau
document : 1- Nom de document (et pas du fichier
qui va se trouve sur ton disque dure). 2- Paramètre
prédéfini (à choisir sur la liste déroulante). 3- Taille de
la largeur de l'image (utiliser le pixel mieux que le
cm). 4- Taille de l'hauteur de l'image. 5- Résolution
(c'est le degré netteté de votre image, plus cette
résolution est grande plus votre image est plus nette
mais plus volumineuse en poids).
6- Mode colorimétrique (noir et
blanc ou en couleur RVB). 7-
Couleur de l'arrière plan
(transparent ou une autre
couleur). 8- Pour appliquer les
choix. 9- Pour annuler tout. 10-
Mode avancé (pour les
experts).

Créer une ligne

Ouvrez photoshop, créer un nouveau document puis choisissez l'outil trait.
Tracez un trait libre de cette façon : un clique sur un
point, puis faire glisser le curseur toute en maintenant
enfoncé le bouton de la souris jusqu'au deuxième point
(le bord) Cliquez sur l'outil déplacement puis sur le vide

de votre poste de travail Voici le résultat final suite à

notre tutorial de formation photoshop « créer une ligne droite ».

Créer un cercle sous photoshop

Ouvrez photoshop, créer un nouveau document puis choisissez l'outil ellipse.
Dessinez un cercle de cette façon : un clique sur un point, puis faire glisser le curseur
tout en maintenant enfoncé le bouton de la souris jusqu'à la formation du cercle

Créer un carré sous photoshop :

Suivre le déroulement identique à la création du cercle mais en utilisant l’outil

rectangle

IV- NIVEAU 2

L'historique sous photoshop

Changer la taille d'espace de travail

Changer la taille d'une image

INFOGRAPHIE-NOTIONS 9
 Afficher la grille sous photoshop

Manipulation des couleurs sous photoshop

Modifier les couleurs sous photoshop

.
Enregistrer sous format PNG-8, GIF, JPEG, PNG-24 et WBMP

V- Niveau3

Créer une courbe avec les trajets

Ce tutorial vous aide a bien utiliser l'outil plume qui est l'outil le plus utiliser
sous ....

Créer une fleur avec les trajets

Ce tutorial vous aide a créer une fleure avec les trajets pour mieu
apprendre l'utilisation de l'outil plume ....

Créer un chiffre avec les trajets

Dans ce tutorial de formation photoshop vous allez apprendre comment

créer un chiffre avec les trajets....

Créer un cercle avec les trajets sous photoshop

Dans ce tutoriel de photoshop vous allez apprendre comment créer un

cercle avec les trajets....

Créer un logo avec photoshop

Dans ce tutorial de Photoshop nous allons voir comment créer un logo,

pour commencer

INFOGRAPHIE-NOTIONS 10
 vous montre comment Dans ce tutorial beaucoup de gens
VI- Effets créer un éclaire, dans nous allons veulent inclure ces
d’images ce tutorial vous aurez apprendre images dans
besoin que d'un comment rendre un d'autres images
logiciel Photoshop et arrière plan c'est pour ce la
Créer une
10 minutes .... transparent .... qu'on a besoin de
Surface
supprimé l'arrière
d'eau avec
Changer la Tutoriel plans des images
photoshop
couleur créer ....
C'est possible
d'une une
aujourd'hui de créer
voiture flamme
une surface d'eau
Comment changer la avec photoshop
avec Photoshop, voici
un simple tutorial qui couleur d'une voiture Nous allons
vous aide à créer une ? Cette question est apprendre dans ce Créer de
surface de Photoshop fréquente c'est pour tutorial de l'herbe avec
.... ce la qu'on vient de formation comment Photoshop
créer ce tutorial qui créer du feu avec Ce tutorial vous
vous aide à modifier la photoshop... montre comment
Créer une
couleur d'une voiture créer un gazon pour
planche de
.... les trucages de vos
bois
images, ou aussi à
On voit toujours dans Créer un améliorer vos
Changer la
les dessins animées soleil avec dessins
couleur de
des images comme Photoshop
l'oeil
vrais et on pose
toujours la question J'ai entendu beaucoup Ce tutorial de
comment on fait ? de gens pose la Photoshop vous
Dans ce tutorial nous question : comment je aide à inclure un
d'artiste....
allons voir comment peux changer la soleil dans une
créer une planche du couleur de mes yeux image ou une
photo et pour Supprimer des
bois avec Photoshop ? Donc on vient de
commencer nous objets
.... créer ce tutorial qui
allons ouvrir d'une
vous aide a changé la
Photoshop .... image
couleur de l'oeil ....
Changer
l'arrière
plan d'une Changer une Créer un
avec
image photo a un cadre
Photoshop
dessin avec
Dans notre tutoriel Rendre
photoshop
nous allons apprendre Il y a beaucoup de une
comment changer gens qui veulent Ce tutorial vous image
l'arrière plan d'une changer leurs photos aide à créer un noire et
image. Sur notre à une image pour la cadre avec blanc
exemple nous allons mettre sur un forum Photoshop pour
lCréer une plage
..Créer comme un avatar, vos photos ou
un vous trouvez ici un images et pour
papier tutorial qui vous commencer ouvrez
Photoshop puis .... Enlever les yeux
brulé montre comment
rouges
avec changer une photo à
Photoshop Dans ce une image ....
créer une flamme
tutorial nous allons
voir comment créer un Fusionner
Colorer les calques
papier brulé avec une image
Photoshop, pour noire et Dans ce tutorial de
commencer nous blanc Photoshop
allons ouvrir nous
Photoshop .... Dans ce tutorial nous allons
allons apprendre apprendre
comment colorer une comment fusionner
Créer un image noire et blanc
éclair les calques de
avec Photoshop .... Photoshop ....
avec

Photoshop Rendre Supprimer l'arriére

arrière plan plan d'une image
Ce tutorial de transparent
formation photoshop

INFOGRAPHIE-NOTIONS 11
VII- Comment créer des Boutons photoshop

Tutoriel qui vous montre image par image comment

créer un bouton 3D avec photoshop

Tutorial créer un bouton satin avec

photoshop
Tutorial qui vous montre image par image comment
créer un bouton satin avec photoshop Tutorial créer un bouton « Verre bleu »
avec photoshop
Tutoriel qui vous montre image par image comment
créer un bouton « Verre bleu » avec photoshop

Tutorial créer un bouton neige avec

photoshop
Tutoriel montrant image par image comment créer
un bouton neige avec photoshop Tutorial créer un bouton « Ciel en biseau»
avec photoshop
Tutoriel qui vous montre image par image comment
créer un bouton « Ciel en biseau » avec photoshop

Tutorial créer un bouton orange simplifier

avec photoshop
Tutoriel qui vous montre image par image comment
créer un bouton orange simplifier avec photoshop Tutorial créer un bouton en couleurs avec
photoshop
Tutoriel qui vous montre image par image comment
créer un bouton en couleurs avec photoshop

Tutorial créer un bouton carrelage avec

photoshop
Tutoriel qui vous montre image par image comment
créer un bouton carrelage avec photoshop
Tutorial créer un bouton « plastique» avec
photoshop
Tutoriel qui vous montre image par image comment
créer un bouton « plastique» avec photoshop

Tutorial créer un bouton « jaune lumineux

» avec photoshop
Tutoriel qui vous montre image par image comment
créer un bouton « jaune lumineux » avec photoshop
Tutorial créer un bouton « simple bouton
gris » avec photoshop
Tutoriel qui vous montre image par image comment
créer un bouton « simple bouton gris » avec
photoshop

Tutorial créer un bouton « vert néant »

avec photoshop
Tutoriel qui vous montre image par image comment
créer un bouton « vert néant » avec photoshop

Tutorial créer un bouton arrondi avec

photoshop
Tutoriel qui vous montre image par image comment
créer un bouton arrondi avec photoshop

Tutorial créer un bouton 3D avec

photoshop

INFOGRAPHIE-NOTIONS 12

Tutorial créer un bouton carré avec
VIII- Comment faire des effets spéciaux avec des textes
Effet texte fondu
Tutorial photoshop montrant image par image comment
créer un effet texte fondu
Souligner un texte sous photoshop
Dans ce tutoriel de photoshop nous allons apprendre
comment souligner un texte
Effet tourbillon sur un texte
Dans ce tutoriel de formation photoshop nous
allons apprendre comment créer un effet tourbillon sur
un texte
Effet texte 3d lumineu
Dans ce tutorial de Photoshop nous allons voir
comment créer un effet texte 3d lumineu, pour
commencer ....
Effet texte logo Google
Dans ce tutoriel de photoshop nous allons apprendre
comment créer un effet texte logo Google
INFOGRAPHIE-NOTIONS
photoshop
Tutoriel qui vous montre image par image comment
créer un bouton carré
Effet texte craquelé sous photoshop
Nous allons apprendre dans cette formation (un tutoriel)
comment créer un effet texte craquelé sous photoshop
Sphériser un texte
Tutorial photoshop montrant image par image comment
sphériser un effet texte sous photoshop
Tutorial créer un texte rond
Nous allons apprendre dans ce tutoriel comment créer
un effet texte rond dans les coordonnées polaires
Retourner les écritures
Nous allons apprendre dans ce tutoriel comment créer
un effet texte le plus utiliser,Retourner les écritures ....
Créer un reflet avec Photoshop
Ce tutorial de Photoshop vous aide à créer un effet
reflet textes ou images,nous allons commencer pars
ouvrir Photoshop puis ....
Effet texte griffé avec photoshop
Nous allons apprendre dans ce tutorial de formation
comment créer un effet de texte griffé....
13
IX- Comment utiliser adobe image ready

Il est associé à adobe photoshop son rôle est l’animation des images. Il permet de
concevoir des bandeaux web
Ses outils et les effets d’image et de textes sont à peu près identiques à photoshop.

INFOGRAPHIE-NOTIONS 14