Page

1
 SOMMAIRE
INTRODUCTION

I : PRESENTATION DE L’ENVIRONNEMENT DU LOGICIEL (FIREWORKS)

a) La barre de menu
b) La barre des propriétés
c) La barre d’outils
d) La barre de calques

2 : TRAITEMENT D’IMAGES

a) Détourage
b) Rognage
c) Ajustement de couleurs

3 : CREATION DE SUPPORTS

a) Créer un document
b) Créer ou importer les objets
c) Créer un texte et propriétés
d) Créa logo
e) Créa carte de visite
f) Créa papier entête
g) Créa timeline Facebook
h) Créa d’une affiche
i) Créa « grand format »

ANNEXE
2
Page
INTRODUCTION

Il est possible de réaliser soit même et de manière professionnelle tous nos supports
« prints » et visuels en s’accordant un peu de temps pour une formation simple et
claire.
Dans le monde de l’infographie, il y a un vaste choix de logiciels et d’outils afin de
réaliser des créas. C’est un domaine en constante évolution à cause des standards
parallèlement liés aux attentes des cibles.
L’infographie est un domaine qui exige au-delà de la maitrise d’un logiciel, une fibre
artistique ; c’est de l’art visuel qui intègre la maitrise des couleurs, leur agencement,
de la créativité et beaucoup d’observations ainsi que de concentration.
Tout le monde peut devenir infographiste, même ceux qui ne sont pas très à l’aise
avec l’outil informatique, il suffit d’avoir de la volonté et beaucoup de passion.
Pendant 6 heures, vous ferez des pratiques qui vous donneront de vraies bases de
l’infographie afin de vous rendre indépendant sur la création des supports de vos
structures.

I : PRESENTATION DE L’ENVIRONNEMENT
DU LOGICIEL (FIREWORKS)

Adobe Fireworks est un logiciel de création d'images pour

le web, commercialisé par Macromedia puis Adobe.
Adobe Fireworks permet aussi de créer des images pour
l'impression, même si le logiciel ne supporte pas le CMJN
(Cyan, Magenta, Jaune, Noir), il supporte tout de même les
gestions des PPP (points par pouce).
Il permet par exemple de réaliser des effets d'ombre sous un
texte, de créer des boutons afin de réaliser un menu, d'optimiser des images,
d'effacer les yeux rouges sur une photo, etc.
À la suite du rachat de Macromedia par Adobe, Fireworks est devenu presque
obsolète, car bien moins performant et fonctionnel que Photoshop, autre produit
développé par Adobe.
L'entreprise a tout de même souhaité l'ajouter à sa gamme Creative Suite, car les
deux outils ont des interfaces et une approche de la retouche et de la création de
formes tout à fait différentes. Le programme est bien plus spécifique, si ce n'est pas
dédié, à la création pour le web.
3
Page
Adobe Fireworks est un logiciel simple, très adapté pour les amateurs et faisant
presque tout ce que peuvent réaliser les logiciels célèbres tels que Adobe Photoshop
et Illustrator.
En maitrisant Adobe Fireworks, vous pourriez sans soucis vous retrouver dans les
logiciels : Adobe Photoshop et Illustrator ; car ils représentent presque les mêmes
environnements et les mêmes outils.

a) La barre de menu

Les quelques éléments constamment utiliser de la barre de menu :

Créer un nouveau document, commencer une nouvelle créa

CTRL+N
Enregistrement du document
CTRL+S
Ouvrir un nouveau document
4

CTRL+O
Page
 Importer une image de tout format sur notre document
CTRL+R
Exporter notre document sous plusieurs formats
CTRL+MAJ+R
CTRL+MAJ+X

Enregistrer notre document

Retour chariot : avant et après.

CTRL+Z = Avant
CRTL+Y = Après

Couper // Copier // Coller

Les menus à activer afin d’avoir tous les outils nécessaires pour la créa

5
Page
 b) La barre des propriétés

C’est la barre qui affiche toutes les propriétés au sujet d’un document sélectionné
ou d’un objet sélectionné sur le document. Elle permet de modifier les dimensions,
le positionnement, les effets ou filtres ainsi que les couleurs du document ou de
l’objet sélectionné.

Propriété d’un document

Ci-dessous, les propriétés

de l’objet sélectionné

c) La barre d’outils

C’est la barre de tous les outils nécessaires pour faire les créas

Les flèches de sélection et de manipulation des objets sur

les documents (déplacement, sélection, déformation,
modification)

Outil de mise à l’échelle.

6

Outil de recadrage ou de rognage

Page
 Outil de cadre de sélection

Outil lasso pour faire des sélections plus ondulées.

Outil baquette magique

Outil gomme

Outil ligne pour tracer des lignes ou traits

Outil formes géométriques (rectangle, cercle, étoile, etc)

Outil texte, pour écrire sur les créas

d) La barre de calques

7
Page
Elle présente tous les objets placés sur la créa par ordre de superposition. Elle permet
de sélectionner l’objet que nous voulons manipuler parmi tous ceux qui sont sur la
créa.

2 : TRAITEMENT D’IMAGES

En infographie, il est important de savoir traiter les images afin de pouvoir leurs
donner plus d’éclat et aussi leur appliquer les effets qui rendront nos créas plus
belles.

a) Retouche

Enlever les tâches, revoir le teint ou l’éclat de l’image. Nous allons le faire en
premier temps avec PICASSA.
8
Page
 Photo avant
traitement

b) Détourage

Délimitation du contour du sujet sur un cliché en effaçant le fond.Nous pouvons le faire avec 3
outils du logiciel Adobe Fireworks.

Les 3 outils cités ci-dessous peuvent être utilisés pour le détourage d’une image. Le choix se fera
en fonction de la complexité du détourage. Par exemple pour une image avec un fond unique
9
Page
comme celle-ci-dessus, l’outil baguette magique est suffisant pour faire un détourage de
précision.

c) Rognage

Le rognage est le recadrage d’une image. Je veux prendre juste la tête du

monsieur. L’outil recadrage est suffisant pour le faire.

d) Ajustement de couleurs

Sélectionner avant tout l’image avec l’un des outils de sélection : et

vous verrez apparaître ci-dessous ces propriétés.

Cliquez dans la barre des

propriétés sur le (+) de
« Filtres »et choisissez parmi
les filtres suivants ce qu’il vous
faudrait pour retoucher
l’image dans « régler la
couleur » :

 Courbes
 Luminosité/contraste
 Teinte/Saturation
10
Page
3 : CREATION DE SUPPORTS

a) Créer un document

Pour créer un nouveau document, vous n’avez qu’à faire : Fichier/ nouveau OU
CTRL+N. Vous pourriez définir les dimensions (longueur/largeur) du document, sa
résolution ainsi que sa couleur de fond.

La résolution du document va dépendre de l’usage du document à créer.

Pour Internet (Timeline, bannière, images) : 72 pixels/pouce

Pour l’impression (Affiche, bâche, flyer, carte de visite) : 300 pixels/pouce

Pour les créas destinées à l’impression, vous devez mettre les dimensions
en centimètre. Par exemple pour une affiche en format A4, format papier rame :
11
Page
 La couleur de fond dépendra de vous.
Blanc, transparent (Pour la production de
fichier PNG), ou personnalisée (Pour les
couleurs de votre choix).

Ensuite cliquez sur « OK » pour créer

votre document.

b) Créer ou importer les objets

Créer un carré, un rond, une étoile, etc… avec l’outil forme sur votre document.

. Maintenez la souris sur la forme pour voir toutes les formes à créer.

Chaque forme dessinée quand elle est sélectionnée affiche des propriétés dans la
barre des propriétés. Vous pourriez changer sa couleur, sa taille, son
12

positionnement, y mettre des effets, des filtres selon votre créativité.

Page
 c) Créer un texte et propriétés

Le texte peut être créé sur le document avec l’outil texte . Après l’écriture du
texte, vous pourriez changer la couleur, la police, le positionnement et aussi y
mettre des effets pour l’embellir.

d) Créa logo

Vert ou bleu ? Lettrage, icône ou bien une combinaison des deux ? Garamond
ou Helvetica ? Votre designer va devoir prendre un certain nombre de décisions au
moment de concevoir votre logo. Le but pour vous est de connaître et comprendre
les différents composants d’un logo pour pouvoir l’orienter et lui faire des retours
pertinents.
13
Page
 1. Style

Lettrage, symbole, ou les deux?

Au moment de rédiger votre cahier des charges, sur 99 designs, vous avez la
possibilité de sélectionner trois styles de logos afin de recevoir différentes
propositions de la part des designers. Nous allons vous présenter ici les principaux
styles de logo afin de vous aider à faire le meilleur choix pour votre marque.

Logotype : Un logotype (ou logo typographique) est constitué d’un ou plusieurs mots
qui illustrent un positionnement de manière distincte.

C’est un choix de logo qui s’avère pertinent si vous avez :

– Un nom court, unique voire amusant

– Un nom clair et explicite
– La volonté de construire votre notoriété autour de votre nom

Sigle/Acronyme : Un sigle ou acronyme de votre marque peut être stylisé pour

représenter votre logo.

Ils sont idéaux si:

– Vous souhaitez un symbole qui se suffit à lui-même
– Votre nom est trop long ou trop lourd
– Vous établissez une marque mère

Pictogramme : Le pictogramme s’apparente à une métaphore visuelle de votre

entreprise, de vos produits ou de vos services.

Ils sont particulièrement pratiques si:

– Vous souhaitez communiquer de manière rapide sur votre industrie
– Vous ne bénéficiez tellement pas de publicité ou relation presse
– Vous faites confiance à votre designer pour réaliser une création unique et
créative
14
Page
Forme abstraite : Les logos conceptuels se focalisent sur les qualités émotionnelles
des couleurs et des formes.

C’est un choix à considérer si:

– Votre offre est complexe ou immatérielle
– Vous souhaitez que votre logo voyage au-delà des frontières
– Votre logo est voué à une grande visibilité auprès de votre public

Emblème : Ici, le nom de l’entreprise est associé à un pictogramme ou à une forme

dans le but de créer un badge, un ensemble inséparable.

C’est un type de logo intéressant si vous souhaitez:

– Mettre en avant le travail d’une équipe
– Donner une impression de force
– Transmettre un sentiment de tradition

2. Les couleurs

La science associée à la signification des couleurs et à leurs impacts sur chaque

individu est extrêmement complexe. Néanmoins, avec une connaissance basique de
la palette de couleurs, vous allez être capable de comprendre et d’aider votre
designer dans ses choix. En lui décrivant votre activité, il sera capable de déterminer
les couleurs qui communiquent le mieux votre marque.

Ci-dessous, vous trouverez les associations de couleurs les plus communes. Il est
essentiel de les connaitre afin de pouvoir faire des suggestions pertinentes à votre
designer.

Rouge
15

Exprime la passion, la confiance, le dynamisme et capte l’attention.

Page
Orange

L’orange est une couleur agressive mais amicale qui inspire l’enthousiasme,
l’aventure, l’optimisme.

Jaune

La bonne humeur du jaune est contagieuse et exprime la chaleur, l’originalité, la

convivialité.

Violet

Le violet est une couleur apaisante que l’on associe souvent à l’imagination et au
luxe.
16
Page

Bleu
Le bleu est une couleur profonde qui incarne la confiance, le calme, l’intelligence.

Essayez plusieurs couleurs

Souvenez-vous bien que vous n’êtes pas limité à une seule couleur. Si vous souhaitez
montrer la variété de vos produits ou bien si vous vous adressez à des enfants, vous
pouvez très bien opter pour un logo multicolore.

3. Police

Trouver celle qui vous correspond. Une police bien choisie va renforcer le message
de votre logo (et donc de votre marque). Le rôle du designer va être de trouver la
police qui correspond le mieux à votre personnalité. Voici les deux polices de base
qu’il faut absolument connaitre.

Serif : Les polices Serif (comme la police Times New Roman, par
exemple) sont composées de caractères avec empattements (petites extensions
aux extrémités de ses lettres). Les polices Serif sont un bon choix pour les
marques qui souhaitent s’inscrire dans une tradition et inspirer confiance.

Sans serif : Les polices sans Serif (comme la police Arial, par exemple) sont
constituées de caractères à bâton qui ne possèdent pas d’empattements — les
lettres ont des bords simples, légers. Ces polices sont populaires pour les marques
qui souhaitent incarner la modernité et donner une apparence propre.
17
Page
 e) Créa carte de visite

Les dimensions standards des cartes de visites sont les suivantes.

Pour une carte de visite standard, les dimensions standard correspondent au format
9 x 5,5 cm, soit la taille d’une carte bancaire habituelle. Il s’agit d’une taille qui peut
s’insérer dans un porte-carte standard ou dans un portefeuille ordinaire.
Cette dimension de carte standard favorise donc son accessibilité puisqu’on peut
la transporter avec soi, et en cas de besoin, il suffit de sortir la carte pour trouver les
coordonnées de la personne mise en avant, celles de l’entreprise qui l’emploie ou de
l’institution chrétienne à laquelle il appartient. Opter pour une carte de visite de
dimensions standards peut être avantageux d’autant plus que l’orientation de la carte
importe peu.
18
Page
f) Créa papier entête
19
Page
Un papier à en-tête est une feuille de papier de correspondance sur laquelle est
imprimée le sigle, l'adresse, le logo de l'expéditeur. Cette inscription est
généralement située dans l'angle supérieur gauche de la feuille.

Toute structure digne de ce nom doit avoir du papier à entête pour communiquer
avec ses clients, ses fournisseurs ou l'administration. Aujourd'hui, avec l'informatique
et particulièrement avec les logiciels de bureautique, vous pouvez créer votre propre
papier à entête et vous aurez ainsi le modèle que vous souhaitez, avec les enveloppes
coordonnées.

Avec Microsoft Word, la tâche est très simple et rapide. Après avoir créé le modèle,
vous avez le choix entre faire les tirages vous-mêmes ou l'envoyer à une imprimerie
si vous avez des centaines d'exemplaires à faire.

1
Commencez par faire un brouillon de votre papier à entête. Avant de vous
lancer sur Word, disposez sur un brouillon les différents éléments de votre entête,
pour voir ce que cela donne. Par brouillon, on entend une feuille de papier blanche
de la même taille que votre futur papier à entête.
Parmi les éléments à faire figurer, il y a bien sûr le nom de votre structure, l'adresse,
les numéros à contacter (téléphone, fax…) au sein de l’institution, mais aussi le logo.
Il est souhaitable de mettre sous le nom de la structure, si ce dernier n'est pas
20

explicite, votre domaine d'activité. Aussi, faut-il prévoir une ligne pour cette
Page

précision.
2
Lancez Microsoft Word. Ce logiciel a été conçu pour ce genre de travail et tous les
outils dont vous allez avoir besoin s'y trouvent. Si complexe que soit votre esquisse,
Word vous permettra de le retranscrire à l'identique.

3
Ouvrez un nouveau document et enregistrez-le comme modèle. Donnez-lui un
nom sans équivoque, du genre entête 1 et mettez-le dans un dossier approprié,
facile à retrouver (un dossier « Modèles », par exemple). Ainsi, chaque fois que vous
aurez besoin d'imprimer un courrier, vous saurez où trouver votre modèle.

4
Insérez votre entête. Dans Word 2007, cliquez sur Insertion, puis Entête. Créez
un entête vierge qui servira de cadre à votre modèle.

Avec Word 2003, vous pouvez voir votre entête en cliquant sur la flèche située juste
en dessous de la rubrique Entête de l'onglet Insertion. Cliquez sur Affichage de
l'entête au bas du menu déroulant.

5
Tapez le texte de votre entête. Mettez le nom de la structure, son adresse, les
numéros de téléphone, l'adresse du site Internet et l'adresse mail pour vous joindre.

6
Placez le logo de l'entreprise. Cliquez sur Images de l'onglet Insertion. Vous
allez devoir retrouver dans le bon dossier l'image numérique du logo. Il peut être en
format .jpg, .bmp ou .png. Cliquez sur le nom du fichier image, puis sur le
bouton Insérer.

7
En pied de page, vous pouvez insérer un texte qui rappelle, par exemple,
votre slogan, vos numéros de téléphone, de fax ou vous pouvez remettre le
21

logo.
Page

Dans l'onglet Insertion, cliquez sur le menu déroulant dans la partie Pied de page.
Centrez votre texte en utilisant l'option de centrage sous l'onglet Accueil.
Tapez, par exemple, votre texte. Modifiez la police et sa taille. Les textes situés à cet
endroit sont souvent en italique et en caractères minuscules, tandis que les mots-
clés commencent par une majuscule.

8
Vérifiez votre lettre à entête. Appuyez sur la touche Esc de votre clavier pour
fermer les sections d'entête et de pied de page. Vous pouvez alors afficher le modèle
en plein écran ou l'imprimer pour voir ce que cela donne et pour le corriger.

g) Créa une couverture Facebook

La couverture Facebook, ou journal, est la forme de présentation et d'organisation

des pages fans (pages de marques) devenue obligatoire fin mars 2012.

La timeline de marque doit notamment comporter une photo ou image de

couverture et une photo de profil.
22
Page
 h) Créa d’une affiche

Nous allons créer ensemble cette affiche en format A4.

Les différents formats papier pour le « print » :

23
Page
i) Créa « grand format »

24
Page
Ce sont habituellement les supports tels que :

 4 par 3 (4 mètres sur 3 mètres)

 Les bâches
 Les kakemonos
 Les grandes affiches
 Les oneviews
 Les branding de véhicule (voiture, bus, car)
 Les totems
 Les enseignes

Le logiciel de créa aura du mal à vous permettre de travailler sur de si grand format
de supports en mètres. Pour y arriver, diviser vos dimensions déjà converties du
Mètre au Centimètre par 10. Par exemple, pour le « 4 par 3 », qui a des dimensions
de 4 mètres sur 3 mètres en hauteurs,

4 m = 400 cm
3 m = 300 cm
25

Pour la créa, vous prendrez 40cmx30cm. MAIS, veillez à garder les 300 dpi ou
Page

300 pixels/pouce.
L’imprimeur pourra à l’impression multiplier les dimensions par 10 pour avoir la
bonne taille et imprimer votre support de grande taille.

26
Page
ANNEXE

Les différents liens qui pourront vous aider

https://www.dafont.com/
Polices gratuites
http://fr.allfont.net/
https://www.google.com/ (Images)
Images gratuites
https://pixabay.com/
Images gratuites vectorielles https://fr.freepik.com/
Icones gratuits http://www.iconarchive.com/

27
Page
Merci à nos partenaires qui ont été d’un soutien énorme pour cette cause, la cause de la
femme digitale au Gabon :

DIGIeWOMEN SCHOOL
+241 066 89 55 26
E-mail : digiewomen@gmail.com

28
Page