Le terme design graphique a une origine intéressante, car il combine deux mots issus de

langues différentes :

1. Design

 Vient de l’anglais design

 Lui-même dérivé du latin designare
qui signifie : tracer, concevoir, planifier

Donc à la base, design = l’idée de concevoir quelque chose

2. Graphique

 Vient du grec graphikos

qui signifie : relatif à l’écriture, au dessin, à la représentation visuelle

💡 En résumé (version simple)

Design graphique = art de communiquer visuellement une idée

Design Graphique

Le design graphique, est l’art de concevoir des visuels pour communiquer un message. Il
combine texte, images, formes, couleurs et typographie pour transmettre une idée de
manière visuelle.
Histoire du design graphique

Le design graphique existe depuis que l’être humain communique avec des images.
Des peintures rupestres aux hiéroglyphes, puis aux manuscrits décorés du Moyen Âge,
l’homme a toujours cherché à transmettre des messages visuellement.
L’invention de l’imprimerie au XVe siècle a permis de reproduire facilement textes et
images, donnant naissance à la typographie.
Au XIXe siècle, avec la révolution industrielle, les affiches colorées et la publicité
deviennent populaires.
Au XXe siècle, le mouvement du Bauhaus apporte des règles modernes : simplicité,
lisibilité et harmonie entre forme et message.
Plus tard, les ordinateurs et logiciels comme Photoshop et Illustrator changent
complètement la façon de créer.
Aujourd’hui, le design graphique est partout : sur les réseaux sociaux, les sites web, les
emballages et les applications.
Il unit créativité et communication pour transmettre des idées et donner une identité aux
marques.

Rôle d’un graphique designer :

1- Comprendre les besoins d’un client ou d’un projet.

2- Trouver des solutions visuelles adaptées, en créant des visuels attrayant et

cohérents avec le message à transmettre.

Il utilise des logiciels comme : Photoshop, Adobe Illustrator, In Design, etc.

Quelques domaines où s’applique le graphique design :

• Identité visuelle : logos, chartes graphiques, branding.

• Communication imprimée : affiches, flyers, brochures, cartes de visite.

• Édition : mise en page de magazines, livres, journaux.

• Web design : design pour le web et les réseaux sociaux.

• Packaging : conception des emballages de produits.

• Publicité : visuels pour campagnes, annonces promotionnelles.

Design artistique et design fonctionnel.

Le Design artistique

Exprimer une idée, une émotion ou une vision personnelle.

axé sur la créativité, l’esthétique et l’expression personnelle.
 Critère de réussite : la beauté, l’originalité, l’impact visuel ou émotionnel.
 Exemples : Un design expérimental qui cherche à surprendre ou à faire réfléchir.
Le design artistique est proche de l’art visuel : il ne cherche pas toujours à être pratique,
mais à toucher, émouvoir ou inspirer.
Le Design fonctionnel

Résoudre un problème ou faciliter une utilisation.

axé sur la fonction, la lisibilité, et l’efficacité.
 Critère de réussite : clarté du message, utilité, compréhension rapide par le
public.
 Exemples : Une affiche publicitaire lisible à distance.
Le design fonctionnel vise la communication efficace.
Couleur
La couleur est un élément visuel utilisé pour exprimer une émotion ou attirer
l’attention.
Voici une explication simple de la signification des principales couleurs :
 🔴 Rouge : énergie, passion, amour, puissance, urgence.
 🟠 Orange : créativité, chaleur, enthousiasme, dynamisme.
 🟡 Jaune : joie, optimisme, attention, jeunesse.
 🟢 Vert : nature, équilibre, santé, croissance, espoir.
 🔵 Bleu : confiance, calme, sécurité, sérieux, professionnalisme.
 🟣 Violet : mystère, luxe, spiritualité, imagination.
 ⚫ Noir : élégance, force, mystère, sophistication.
 ⚪ Blanc : pureté, simplicité, clarté, paix.
 Gris : neutralité, équilibre, modernité, sobriété.
 Rose : douceur, amour, féminité, tendresse.
 🟤 Marron : terre, stabilité, confort, authenticité.
Cercle chromatique
Le Cercle chromatique c’est la base, il est une représentation ordonnée des couleurs

Il existe trois catégories de couleurs :

1- les couleurs primaires (rouge, jaune, bleu),
En les mélangeant, on obtient toutes les autres couleurs.
2- les couleurs secondaires (orange, vert, violet).

3- les couleurs tertiaires, qui résultent du mélange d'une couleur primaire et d'une couleur
secondaire, (ex : rouge-orangé).

Types d’harmonies (associations de couleurs)

 Complémentaires : opposées sur le cercle (ex : bleu et orange).

 Analogues : côte à côte (ex : jaune, vert, bleu-vert).

 Monochrome : une seule couleur avec ses nuances (ex : bleu clair, bleu moyen,
bleu foncé).

 Triadique : trois couleurs espacées de façon égale (ex : rouge, jaune, bleu).
  Tétradique : quatre couleurs formant un rectangle ou un carré (ex : Bleu, Jaune,
Rouge, Vert).

Quelques propriétés fondamentales des couleurs

1. Teinte (Hue)
- C’est la couleur de base elle-même (rouge, vert, bleu, jaune, etc.).
Elle correspond à la position de la couleur sur le cercle chromatique.

2. Saturation (Saturation)
- C’est l’intensité ou la pureté d’une couleur.
Une couleur très saturée est vive, une couleur peu saturée est terne ou grise.

3. Valeur / Luminosité (Value / Brightness)

- Mesure la clarté ou l’obscurité d’une couleur.
Plus la valeur est élevée, plus la couleur est claire.

4. Température (Temperature)
- Caractère chaud (rouge, orange, jaune) ou froid (bleu, vert, violet) d’une couleur.
5. Teinte secondaire (Tint)
- Couleur à laquelle on ajoute du blanc → plus claire.

6. Ombre (Shade)
- Couleur à laquelle on ajoute du noir → plus foncée.

7. Ton (Tone)
- Couleur à laquelle on ajoute du gris → moins vive.

8. Opacité / Transparence (Opacity / Transparency)

- Indique dans quelle mesure on peut voir à travers la couleur.

9. Contraste (Contrast)
- Différence entre deux couleurs en termes de teinte, valeur ou saturation.
Typographie
- La typographie est l’art et la manière de choisir, d’organiser et d’utiliser les lettres
(polices, tailles, formes, espaces) pour rendre un texte lisible et harmonieux.
Police
- Une police (ou police de caractères) est un style complet de lettres, de chiffres et de
symboles ayant la même apparence graphique.
En résumé :
La typographie est la discipline,
la police est l’outil.

Les grands familles de polices :

1. Serif (avec empattements) → classique, sérieux, traditionnel.
Exemple : Times New Roman
2. Sans Serif (sans empattements) → moderne, clair, minimal.
Exemple : Helvetica, Arial
 3. Script / Calligraphique → élégant, artistique, personnel.
Exemple : Pacifico, Great Vibes
4. Display / Fantaisie → décoratif, original, pour attirer l’attention.

Les principes de base du design Graphique :

Équilibre, contraste, hiérarchie, espacement, alignement, répétition,

Proximité́.

Équilibre
L’équilibre c’est la répartition visuelle harmonieuse des éléments dans une composition.
Contraste

Le contraste sert à faire ressortir ce qui est important, à attirer le regard et à éviter que
tout se fonde ensemble.

Exemple : du texte clair sur un fond foncé.

Hiérarchie
La hiérarchie visuelle est la manière d’organiser les éléments d’un design (textes,
images, couleurs…) pour que le spectateur sache instinctivement quoi regarder en
premier, puis ensuite.
Espacement
L’espacement désigne la distance entre les éléments visuels, surtout entre les lettres,
mots et lignes, pour rendre un texte lisible et agréable à regarder.
Types d’espacement en typographie :
1. Crénage (Kerning)
 Distance entre deux lettres.
 Exemple : ajuster l’espace entre “A” et “V” pour que ça semble
harmonieux.
2. Approche (Tracking)
 Distance entre toutes les lettres d’un mot ou d’une phrase.
 Sert à aérer ou condenser un texte.

3. Interligne (Leading)
 Distance entre deux lignes de texte.
 Trop petit → texte serré, difficile à lire.
 Trop grand → texte dispersé.

Alignement
L’alignement c’est la disposition logique des éléments sur des lignes imaginaires pour
assurer cohérence et ordre visuel. Rien ne semble placé au hasard.
Répétition
C’est la réutilisation d’éléments visuels (couleurs, formes, polices, motifs) pour créer
une unité et renforcer l’identité visuelle du design.
Proximité
C’est le regroupement des éléments liés les uns aux autres pour indiquer leur relation.
Cela aide à organiser l’information et à rendre la lecture plus claire.

Introduction Adobe Photoshop

Adobe Photoshop est un logiciel de retouche, de création et de manipulation d’images

développé par Adobe. C'est l'un des outils les plus populaires et puissants dans le
domaine de la création graphique et de la photographie.

Photoshop est utilisé pour :

1) La retouche photo:
Améliorer les images, corriger les couleurs, supprimer des imperfections, ou ajouter des
effets spéciaux.

2) La création graphique:
Concevoir des affiches, des bannières, des flyers, ou des visuels pour le web et les
réseaux sociaux.

Création d’un nouveau projet

1) Lancez Adobe Photoshop en cliquant sur son icône sur le Desktop.

2) Clique sur Create new.
3) Dans l’onglet Name entre le nom du projet.
4) Dans l’onglet Document Type choisit Custom.
5) configurer les réglages selon les paramètres de votre projet.
6) clique sur Ok.
Interface
L’interface de Photoshop est l’ensemble des outils, menus et panneaux que tu vois à
l’écran quand tu ouvres le logiciel.
C’est ton espace de travail visuel pour créer, retoucher ou concevoir des images.

Espace de travail

L’espace de travail Adobe Photoshop est organisé pour vous permettre de vous
concentrer sur la création ou la retouche d’images. Il comprend des menus, des outils et
de palettes permettant d’afficher, de modifier et d’ajouter des éléments à vos images.
Vous pouvez le personnaliser en fonction des tâches que vous y effectuez.
L’espace de travail contient 4 éléments principal :
1- La barre de menu.
2- La barre de d’option.
3- La barre d’outils.
4- La barre des panels (Palettes).

• La barre de menu occupe la partie supérieure de l’écran. Les différentes commandes y

sont classées la dans.

• La barre d’options affiche des options relatives à l’outil sélectionné.

• La barre d’outils contient des outils permettant de créer et de modifier des images, des
illustrations, des éléments de page, etc. (Les outils connexes sont regroupés).

• Les panneaux (palettes ) vous aident à surveiller et à modifier votre travail. Certains
panneaux sont affichés par défaut. Vous pouvez toutefois en ajouter et les organises selon
votre choix
Ils peuvent être regroupés, empilés ou ancrés.
Personnalisation de l’espace de travail

Pour créer un espace de travail personnalisé, déplacez et manipulez les panneaux (appelés
palettes) et les Outils dans Photoshop puis l’enregistrer.

Panneaux utiles à garder ouverts :

a) Calques : pour organiser ton projet.

b) Caractère : pour personnaliser ton texte.

c) Propriétés : pour ajuster rapidement les éléments.

d) Historique : pour revenir en arrière facilement.

e) Nuancier / Couleur : pour travailler ta palette.

OUTILS
Lorsque vous lancez Photoshop, la palette d’outils apparaît à gauche de l’écran.
Vous pouvez développer certains outils de la palette afin d’afficher d’autres outils
masqués. Un petit triangle situé en bas à droite de l’icône de l’outil signale la présence
d’outils masqués.
Les Outils essentiels pour le Graphic Design:

1. Outil Déplacement ou Move Tool (V)

L’outil Déplacement permet de déplacer des calques, objets, formes et textes.

2. Outils de Sélection

Less outils de sélection permettent de tracer des formes de sélection.

. Marquee Tool (M)

Pour sélectionner des zones simples.

. Lasso Tool (L)

Pour des sélections à main levée.

. Pen Tool (P)

Sélection ultra précise avec courbes (vecteur). Très utile pour le design de logos ou
l’illustration.

. Quick Selection Tool (W)

Sélection automatique par couleur ou forme.

3. Outil Texte ou Type Tool (T)

Pour écrire et styliser du texte.
Tu peux jouer sur la police, la taille, l’interlignage, etc.

4. Outils Formes vectorielles ou Shape Tool (U)

Permettent de dessiner des

Rectangle, ellipse, polygone, etc.
Parfaits pour créer des éléments nets et redimensionnables sans perte de qualité.

5. Outils pinceau ou Brush Tool (B)

Les outils de peinture servent à dessiner ou peindre.

6. Outil Gomme Erase Tool (E)

Pour effacer des parties d’un calque ou d’une image

Attention : destructif. À utiliser avec modération ou sur des masques.
7. Outils de transformation

Ctrl + T / Cmd + T : transformation manuelle (redimensionner, pivoter, incliner).

Tu peux aussi cliquer-droit pendant la transformation pour accéder à des options comme
“déformation” ou “perspective”.

8. L’outil Zoom ou Zoom Tool (Z)

permet d’agrandir et de réduire l’affichage dans l’espace de travail

Masque de fusion ou Layer Mask

Un masque de fusion est un outil fondamental en graphic design

Il permet de cacher ou révéler certaines parties d’un calque sans les effacer.
Le masque agit comme un filtre de visibilité :
 Blanc = visible
  Noir = caché
 Gris = semi-transparent (partiellement visible)
Fonctionnement dans Photoshop :
1. Sélectionne un calque.
2. Clique sur l’icône « Ajouter un masque de fusion » (rectangle avec un rond
blanc) dans le panneau des calques.
3. Peins sur le masque (pas sur le calque !) avec :
 Pinceau noir → cache des zones
 Pinceau blanc → révèle les zones
 Nuances de gris → rendent les zones partiellement visibles

Filtres et effets
un filtre est un effet visuel qu’on applique à une image ou à un calque pour modifier son
apparence
Exemple :
Quand tu mets un filtre de flou sur l’arrière-plan d’une affiche, c’est pour attirer
l’attention sur le sujet principal.
Où les trouve-t-on ?
 Photoshop : menu Filtre (Flou gaussien, Ondulation, Liquéfier, etc.)
 Illustrator : menu Effet > Galerie d’effets

Retouche d’image

La retouche d’image, c’est l’art d’améliorer ou de transformer une photo pour qu’elle
soit plus belle, plus nette et plus expressive, tout en gardant un aspect naturel ou créatif
selon le besoin.
Objectif principal :

 Corriger les défauts (couleurs, luminosité, imperfections, éléments gênants).

 Améliorer la qualité esthétique.
Photomontage
Le photomontage est une technique qui consiste à assembler plusieurs images pour
créer une nouvelle composition visuelle.
Composition
La composition est l’organisation visuelle des différents éléments d’un design (texte,
image, formes, couleurs, etc.) dans un espace donné afin de créer un ensemble équilibré,
clair et harmonieux.
Disposition

La disposition est la manière d’organiser et de placer les éléments visuels

(textes, images, formes, couleurs…) sur une page ou une interface.

C’est la structure visuelle du design : elle détermine où chaque élément se trouve et

comment ils interagissent entre eux.

Objectif de la disposition
 Créer un équilibre visuel.
 Rendre la lecture fluide et agréable.
 Mettre en valeur le message principal.
 Guider le regard du spectateur dans un ordre logique.

Éléments liés à la disposition

La disposition est étroitement liée à plusieurs principes de design :
Élément lié Rôle

Grille Structure de base qui guide le placement des

Élément lié Rôle

éléments.

Alignement Garantit que tout soit bien organisé visuellement.

Hiérarchie visuelle Détermine l’ordre de lecture et d’importance.

Espacement /
Donnent de la respiration au design.
Marges

Équilibre Évite que la page soit trop chargée d’un côté.

Proximité Regroupe ce qui est lié pour plus de clarté.

En pratique :
Quand tu réalises une affiche ou un flyer :
 tu places le titre en haut,
 le visuel principal au centre,
 les informations secondaires en bas,
 et tu laisses des espaces vides pour aérer.
C’est ça, la disposition.