Vous êtes sur la page 1sur 45

VERSION 2.

02 SUPPORT DE FORMATION
RÉALISÉ PAR TONY DELALANDE
v2.02

SOMMAIRE
INFOGRAPHIE 2021/2022
SECTION STYLISME/MODELISME

DÉVELOPPER SA CULTURE ARTISTIQUE 1 PROCESSUS & DÉMARCHE CRÉATIVE 23

TROUVER DES RESSOURCES GRAPHIQUES 3 OUTILS DANS PHOTOSHOP 24

COMPOSANTS & FONCTIONNEMENT D’UN ORDINATEUR 5 PANNEAUX DANS PHOTOSHOP 29

CORRESPONDANCE DES TOUCHES DE CLAVIER MAC/PC 6 RACCOURCIS CLAVIER DANS PHOTOSHOP 31

PARAMÈTRES D’UNE IMAGE MATRICIELLE 7 FOCUS SUR LES CALQUES DANS PHOTOSHOP 34

PARAMÈTRES D’UNE IMAGE VECTORIELLE 8 TECHNIQUES & MÉTHODES DANS PHOTOSHOP 35

FORMATS STANDARDS 9 FIGURINE DE MODE DANS PHOTOSHOP 36

MODES COLORIMÉTRIQUES 10 TUTORIAUX VIDEO POUR ILLUSTRATOR 42

PARAMÈTRES & GESTION DE LA COULEUR 11

RÉSOLUTION & IMPRESSION 13

TYPOGRAPHIE & POLICES DE CARACTÈRES 17


Dans ce document, les raccourcis clavier sont indiqués pour Mac OS. Concernant les correspon-
dances sur Windows, veillez consulter le chapitre page 6. La plupart des raccourcis sont com-
patibles multi-environnement, il est toutefois possible qu’il y ai des différences d’un système à
COMPOSER AVEC LA TYPOGRAPHIE 19 l’autre. Dans ce cas, merci de se référer aux notifications affichées dans le logiciel concerné.
v2.02

DÉVELOPPER
INFOGRAPHIE 2021/2022

SA CULTURE ARTISTIQUE 1/2


SECTION STYLISME/MODELISME

Abduzeedo Fubiz Olybop


https://abduzeedo.com/ http://www.fubiz.net/ https://www.olybop.fr/

Behance Graphéine Ideat


https://www.behance.net/ https://www.grapheine.com/blog https://ideat.thegoodhub.com/
Retour au sommaire

1
v2.02

DÉVELOPPER
INFOGRAPHIE 2021/2022

SA CULTURE ARTISTIQUE 2/2


SECTION STYLISME/MODELISME

DeviantArt Etapes AA13


https://www.deviantart.com/ https://etapes.com/ https://www.aa13.fr/

Art-Spire Designspiration La boite verte


https://www.art-spire.com/ https://www.designspiration.com/ https://www.laboiteverte.fr/
Retour au sommaire

2
v2.02

TROUVER
INFOGRAPHIE 2021/2022

DES RESSOURCES GRAPHIQUES 1/2


SECTION STYLISME/MODELISME

Nom du site Adresse web Type de ressources Photoshop Illustrator

Flickr (Creative Commons) https://www.flickr.com/creativecommons/by-2.0 Images photographiques

Freerange https://freerangestock.com/ Images photographiques

MorgueFile https://morguefile.com/ Images photographiques

Stockvault https://www.stockvault.net/ Images photographiques

Pexels https://www.pexels.com/fr-fr/ Images photographiques

Unsplash https://unsplash.com/ Images photographiques

Pixabay https://pixabay.com/ Images photographiques

SCX https://www.scx.hu/fr/ Images et textures photographiques

Mediamilitia https://mediamilitia.com/ Divers

Freepik https://fr.freepik.com/ Images vectorielles et photographiques

Vecteezy https://www.vecteezy.com/ Images, icônes et motifs vectoriels

All Silhouettes https://www.vexels.com/silhouette-vectors/ Images vectorielles

DinPattern http://www.dinpattern.com/ Motifs et textures


Retour au sommaire

Industrial FX https://www.industrialfx.com/texturelovers/ Motifs et textures

Brusheezy https://www.brusheezy.com/ Formes de pinceaux

Brushlovers https://www.brushlovers.com/ Formes de pinceaux

Dafont https://www.dafont.com/fr/ Polices de caractère

Google Fonts https://fonts.google.com/ Polices de caractère

3
v2.02

TROUVER
INFOGRAPHIE 2021/2022

DES RESSOURCES GRAPHIQUES 2/2


SECTION STYLISME/MODELISME

Same Energy // Visual Search Engine


https://same.energy/
Same Energy est un moteur de recherche qui vous permet de collecter des images en fonction de
leur aspect visuel plutôt que par mots clés.
Développeur basé à Toronto, c’est Jacob Jackson qui est à l’initiative de ce nouveau moteur de recherche
visuel adapté à la collecte d’images visuellement similaires. On ne recherche plus des images par mots
clés, mais bien par humeurs ou styles. « Nous pensons qu’il doit intégrer une riche compréhension visuelle,
capturant le style artistique et l’humeur générale d’une image, et pas seulement les objets qui la composent »,
indique une déclaration.
Retour au sommaire

4
v2.02

COMPOSANTS
INFOGRAPHIE 2021/2022

& FONCTIONNEMENT D’UN ORDINATEUR


SECTION STYLISME/MODELISME

PÉRIPHÉRIQUES EXTERNES
ECRAN CLAVIER

WEBCAM TABLETTE GRAPHIQUE

ET
OU

SOURIS IMPRIMANTE

LA CARTE MÈRE LE PROCESSEUR LA MÉMOIRE VIVE L’ALIMENTATION LA CARTE GRAPHIQUE LE DISQUE DUR
La carte mère est le socle Le CPU est la tête Il s’agit d’un espace de Le bloc alimentation Appelée aussi GPU ou Réservé au système et à
sur lequel tous les compo- pensante de votre ordina- stockage de données permet de fournir carte vidéo, elle est l’utilisateur, le disque dur
sants de votre ordinateur teur. Plus il est puissant, temporaire réservé au plusieurs niveaux de responsable de l’affichage est un espace de stockage
viennent se brancher. plus les informations sont système et qui lui per- tension compatibles aux de tous les éléments à long terme. Il en existe
Retour au sommaire

Elle compte également traitées rapidement ! Son met de gérer plusieurs différents composants graphiques (jeux, photos, 2 types : HDD (à plateaux)
diverses options annexes efficacité dépend de sa programmes à la fois. de votre ordinateur et vidéos, logiciels...). Elle ou SSD (à mémoire flash).
comme l’accès Wi-Fi, la fréquence (exprimée en Appelée aussi RAM, cette d’offrir à chacun d’entre intègre parfois un pro- Sa capacité s’exprime
carte son, un lecteur DVD GigaHertz - GHz) ainsi que mémoire s’exprime en eux une puissance et un cesseur et une mémoire en Gigaoctets (Go) ou en
ou Blu-ray, etc. son nombre de coeurs. Gigaoctets (Go). rendement adapté. dédiée à l’affichage. Téraoctets (To).

Recommandé : Recommandé : Recommandé : Recommandé :


AMD Ryzen, Apple M1, 16 Go AMD Radeon, GeForce SSD 512 Go
Intel i5, i7 ou i9 (minimum 8 Go) (à éviter : Intel Iris Plus) (à éviter : HDD)

5
v2.02

CORRESPONDANCE
INFOGRAPHIE 2021/2022

DES TOUCHES DE CLAVIER MAC/PC


SECTION STYLISME/MODELISME

Clavier Mac Clavier PC

1 Commande cmd ⌘  Control Ctrl

2 Option ou Alt alt ⎇ Option ou Alt Alt

3 Shift ⇧ Shift ⇧

4 Control ctrl control Cette touche n’a pas d’équivalent sur PC

5 Tabulation ⇥ Tabulation ⇥
6 Effacer (backspace) * ← Effacer (backspace) * ←

* Ne pas confondre avec la touche Suppr


Retour au sommaire

6
v2.02

PARAMÈTRES
INFOGRAPHIE 2021/2022

D’UNE IMAGE MATRICIELLE


SECTION STYLISME/MODELISME

Définition : Une image matricielle (ou bitmap) est une image numérique composée d'un tableau de pixels ou points de couleur. Ce type d’image est lié à une résolution.
Tout agrandissement de celle-ci se traduira par une pixelisation et donc une perte de qualité. La photographie est l'un des nombreux domaines d'utilisation de ce type
d’image.
Retour au sommaire

7
v2.02

PARAMÈTRES
INFOGRAPHIE 2021/2022

D’UNE IMAGE VECTORIELLE


SECTION STYLISME/MODELISME

Définition : Une image vectorielle est une image numérique sans pixels composée uniquement d’objets géométriques définis chacun par divers attributs de forme,
de position, de couleur, etc. Ce type d’image ne possédant pas de résolution, elle peut donc être redimensionnée à volonté sans perdre aucune de ses qualités. Ses
domaines d’utilisation sont très vastes : logo d’entreprise, cartographie, signalétique, animation TV, etc.
Retour au sommaire

8
v2.02

FORMATS
INFOGRAPHIE 2021/2022

STANDARDS
SECTION STYLISME/MODELISME

Format Dimensions LxH (en mm)

A0 841 x 1189

A1 594 x 841

A2 420 x 594

A3 297 x 420

A4 210 x 297

A5 148 x 210

A6 105 x 148

A7 74 x 105

A8 52 x 74

A9 37 x 52

A10 26 x 37

La standardisation des formats de papier offre aux professionnels d’innombrables


avantages qui ne se démentent pas au fil des siècles. La norme ISO se fonde sur un
ratio de la longueur par la largeur de la feuille équivalent à la racine carré de 2 (1:1,4142).
Chaque format diffère du suivant par un coefficient de 0,5 et du précédent par un
Retour au sommaire

coefficient de 2.

Exemple : 2 pages A4 (format portrait) permettent d’obtenir 1 page A3 (format paysage).

9
v2.02

MODES Définition : Un mode colorimétrique est la manière

EXEMPLE
CMJN 64, 0, 100, 0
dont les couleurs vont se combiner pour créer une RVB 103, 180, 42
INFOGRAPHIE 2021/2022

COLORIMÉTRIQUES
SECTION STYLISME/MODELISME

Lab 66, -41, 57


image.

Bitmap RVB CMJN


Le mode Bitmap est le plus simple des modes Idéal pour un affichage sur écran d’ordinateur, Le CMJN est utilisé en peinture et pour tous
colorimétriques. Un pixel est soit noir, soit blanc. le RVB est le mode colorimétrique le plus cou- documents destinés à être imprimés. Chaque
A condition que votre image soit au préalable ramment utilisé (vidéo, cinéma, informatique, couleur d’une image CMJN est un mélange, par
passée en niveaux de gris, plusieurs méthodes téléphonie mobile, etc.). Une image RVB est synthèse soustractive, de ces trois couleurs pri-
de conversion sont proposées dans Photoshop. composée de trois couches de couleurs : Rouge, maires (CMJ) dans des proportions différentes
Verte, Bleue. Chaque pixel d’une image RVB est et auquel on peut ajouter du noir. En théorie, la
un mélange, par synthèse additive, de ces trois combinaison des couches primaires CMJ per-
couleurs primaires (RVB) dans des proportions met d’obtenir toutes les autres couleurs ; mais
Niveaux de gris différentes. La combinaison de ces 3 couches en pratique, les gris et noirs sont plus faciles et
Dans ce mode, il n’y a que 256 nuances de gris permet donc d’obtenir toutes les autres cou- économiquement plus rentables à obtenir direc-
allant du noir au blanc. leurs. Les trois primaires en quantité égale four- tement à l’encre noir plutôt que par mélange des
nissent un gris. Chaque composante est codée 3 primaires. Chaque composante est exprimée
sur 256 niveaux d’intensité, de 0 à 255. en pourcentage.
Lab
Le mode Lab permet d’obtenir des couleurs
identiques quel que soit le support (écran, im-
primante personnelle, offset, etc.). Cependant,
comme l’écran fonctionne en RVB, on ne peut
pas afficher l’ensemble des couleurs du mode
Lab. Une image Lab est composée de trois
couches : la couche de luminance L qui corres-
pond aux niveaux de lumière et les 2 couches de
chrominance a et b qui définissent la couleur.
Le mode Lab est peu utilisé dans la pratique. En
toute transparence, Photoshop s’en sert comme
espace intermédiaire lors de la conversion d’un
Retour au sommaire

mode à un autre.

10
v2.02

PARAMÈTRES
INFOGRAPHIE 2021/2022

& GESTION DE LA COULEUR 1/2


SECTION STYLISME/MODELISME

TSL
Teinte

La teinte (ou couleur) renvoie à la caractéristique


unique d’une couleur grâce à laquelle il est possible
de la distinguer visuellement d’une autre. Les teintes
sont constituées par des ondes lumineuses de
longueur différente.

Saturation

La saturation désigne la pureté d’une couleur. Le


niveau de saturation d’une couleur renvoie à sa
propension à s’approcher ou à s’éloigner du gris.

Luminosité

La luminosité désigne la clarté ou l’obscurité d’une


Retour au sommaire

couleur. Elle peut être modifiée par l’ajout de blanc


ou de noir.

11
v2.02

PARAMÈTRES
INFOGRAPHIE 2021/2022

& GESTION DE LA COULEUR 2/2


SECTION STYLISME/MODELISME

Gamut et espace colorimétrique


Un gamut s’emploie pour déterminer la palette de couleurs pouvant être reproduite sur un périphérique
ou système. Dans l’industrie graphique, les principaux espaces colorimétriques sont le RVB et le CMJN.
Aucun système d’impression de couleurs ne peut reproduire le gamut du spectre complet visible par l’oeil
humain. Le gamut RVB reproduit environ 70 % de ces couleurs ; le gamut CMJN, moins. Il est essentiel
d’avoir conscience des restrictions du système quadrichrome et d’éviter de recourir
aux couleurs qui ne peuvent pas être imprimées.

Nuancier/gamut Pantone©
et couleurs d’accompagnement
Les couleurs d’accompagnement s’emploient pour garantir l’impression d’une couleur
Retour au sommaire

spécifique. Elles sont nécessaires si la couleur choisie se trouve en dehors du gamut CMJN.
Les couleurs spéciales sont généralement plus intenses et plus vibrantes (car imprimées
comme aplats) que celles constituées de points de simili. Elles peuvent également servir pour
l’impression de documents qui possèdent peu de couleurs. Si votre document ne comporte
par exemple que 2 couleurs bien spécifiques, il est plus économique d’utiliser les 2 couleurs
Pantone© équivalentes plutôt que de l’imprimer en CMJN. De nos jours, il existe plusieurs types
de nuanciers Pantone© : aplat, hexachrome, métallisé, pastel, etc.

12
v2.02

RÉSOLUTION
INFOGRAPHIE 2021/2022

& IMPRESSION 1/4


SECTION STYLISME/MODELISME

Définition : La résolution est une mesure de la


finesse des détails d’une image pour une dimension 1. Quand format et
donnée (format/taille). Dans une image matricielle,
le nombre de pixels qu’elle contient par unité de lon-
résolution sont liés
gueur (centimètre ou pouce), détermine la densité
de pixels couramment appelé résolution.

La résolution d’affichage d’une image s’exprime en


PPI : Pixels Per Inch (pixels par pouce).

La résolution d’impression d’une image s’exprime


en DPI : Dots Per Inch (points par pouce).

La résolution de trace d’une imprimante offset


s’exprime en LPI : Lines Per Inch (lignes par pouce). 5 x 5 cm (1181 x 1181 pixels) 10 x 10 cm (1181 x 1181 pixels) 20 x 20 cm (1181 x 1181 pixels)
Résolution : 600 PPI Résolution : 300 PPI Résolution : 150 PPI

Lors de l’impression, les pixels affichés à l’écran


sont décomposés en point d’encre pour former une
trame. De manière générale, on normalise la réso-
lution d’une image à 300 PPI (pour une impression
offset avec linéatures comprises entre 150 et 200
LPI). Mais connaître la linéature utilisée pour l’im-
pression peut parfois être utile, dans des cas spéci-
fiques, pour déterminer le nombre de PPI nécessaire
Retour au sommaire

à la fabrication de votre document.

La linéature correspond au nombre de lignes (com-


posées de points de trame) contenus dans un pouce.
Une linéature faible est adaptée aux documents
visualisés de loin tel que les affiches publicitaires
4x3m (65 LPI). Une linéature élevée est adaptée aux
documents nécessitant une définition importante
tel que l’impression de magazines (133 LPI). Résolution : 1 PPI Résolution : 2 PPI Résolution : 4 PPI
13
v2.02

RÉSOLUTION
INFOGRAPHIE 2021/2022

& IMPRESSION 2/4


SECTION STYLISME/MODELISME

2. Quand format et/ou résolution ne sont pas liés (cas d’importation d’image)

Réduction (sous-échantillonnage) Taille réelle Agrandissement (sur-échantillonnage)

Sous-échantillonner (réduire le nombre de Le rééchantillonnage modifie la quantité des Sur-échantillonner (augmenter le nombre de
données de l’image lorsque vous modifiez les
pixels) revient à supprimer des informations pixels) revient à ajouter des pixels mais atten-
dimensions d’une image ou sa résolution. La manière
d’une image. Cette méthode est toutefois à tion cette méthode dégradera votre image en
dont les pixels sont ajoutés (sur-échantillonnage)
privilégier car même si votre image est plus ou supprimés (sous-échantillonnage) dépend de la la rendant floue et en accentuant ces défauts.
petite, elle conservera sa qualité et sa netteté. méthode d’interpolation choisie. Cette méthode est à éviter le plus possible.
Retour au sommaire

14
v2.02

RÉSOLUTION
INFOGRAPHIE 2021/2022

& IMPRESSION 3/4


SECTION STYLISME/MODELISME

2 x 2 cm (236 x 236 pixels)


33 %

Résolution : 300 PPI

6 x 6 cm (709 x 709 pixels)


100 % Résolution : 300 PPI

18 x 18 cm (2126 x 2126 pixels) Démonstration par l’image

300 %
Résolution : 300 PPI
Retour au sommaire

15
v2.02

RÉSOLUTION
INFOGRAPHIE 2021/2022

& IMPRESSION 4/4


SECTION STYLISME/MODELISME

Points de simili en impression

Couleur tirée en aplat Simili conventionnel Impression stochastique Impression stochastique


1er ordre 2d ordre
 aille et espacement de point
T 
Taille de point variable,
fixes. Une couleur imprimée espacement de point fixe.  aille de point fixe et
T 
Taille et espacement de
en aplat présente des points Les similis conventionnels espacement de point variable. point variables. Avec cette
uniformes, de même taille et autorisent différentes tailles Avec cette technique, la taille technique, la taille des points
de même espacement. de points pour la reproduction des points est fixe, mais pas ainsi que leur espacement
des tons, mais avec le même leur espacement ; certains sont variables. Ce procédé
espacement. points peuvent se toucher. permet d’éviter les effets de
moiré.

Angles de trame
Les rangées de points de simili sont définies à différents angles pour éviter toutes interférences. Si ces points étaient positionnés
selon le même angle, un effet de moiré serait alors visible. La différence d’orientation évite ainsi cet effet tout en permettant une
meilleure couverture de la surface imprimée.
Retour au sommaire

16
v2.02

TYPOGRAPHIE
INFOGRAPHIE 2021/2022

& POLICES DE CARACTÈRES 1/2


SECTION STYLISME/MODELISME

Classification
Il existe plusieurs classifications possibles pour les polices de caractères. La classification actuelle VOX-ATYPI offre une approche formelle, historique et
stylistique (pour plus d’infos, voir wikipedia). Celle que je vous propose ici est plus généraliste et facile à retenir. Elle classe l’ensemble des polices de caractères
en 5 grandes catégories :

① Sans empattement Les polices caractérisées par


l’absence d’empattement sont également
appelées « sans serif », « linéales » ou polices
« bâton ».

② A empattement Les empattements (ou serif) correspondent


aux extensions qui forment la terminaison
des caractères. Ils peuvent être triangulaires,
rectangulaires, épais ou encore filiforme.

③ Scripte Les polices scriptes, qui ont pour point


commun de s’inspirer de l’écriture manuelle,
se déclinent en plusieurs sous-catégories
(manuscrite, anglaise, calligraphique,
gothique...).

④ Fantaisie Les polices fantaisie, principalement


Retour au sommaire

décoratives, sont surtout utilisées en titrage


car elles sont souvent d’une faible lisibilité
pour du texte en paragraphe.

⑤ Symbole Les polices symboles, strictement graphiques


et décoratives, ne représentent aucun
caractère mais uniquement des symboles,
icônes, pictogrammes, dessins, formes, etc.
17
v2.02

TYPOGRAPHIE
INFOGRAPHIE 2021/2022

& POLICES DE CARACTÈRES 2/2


SECTION STYLISME/MODELISME

Utilisation Déclinaisons Conseils


Le rôle d’une police de caractères Pour certaines polices caractères,
Exemples de connotations L’emploi de la police « Comic Sans
ne se réduit pas à transmettre un vous pourrez rencontrer plusieurs
typographiques MS » est fortement déconseillé.
message uniquement lié au contenu déclinaisons au sein d’une même
Souvent utilisée en dehors de
textuel, mais véhicule aussi une famille typographique. Voici quelques
son contexte, celle-ci est laide,
image, une impression, un sentiment Tradition exemples de déclinaisons sur la police
ringarde et démodée !
qui parle à notre inconscient et qui Roboto :
s’appuie sur notre patrimoine culturel
commun.
Discrétion
Thin Eviter de mélanger plusieurs
Alors que le texte raconte, affirme et Culture Light
polices Fantaisie en sein d’un
explique, la police murmure et sous- même projet sauf si cela est
entend. Luxe hautement justifié.
Regular
Elle est le vecteur de vos intentions Solidité Medium
Utiliser une police neutre et lisible
et doit être le reflet de vos choix
Modernité
graphiques et stylistiques. Il est donc Bold pour les textes descriptifs !
important de s’interroger sur l’image
que vous voulez donner à votre projet Black
et de vous assurer que la typographie Amour Sur une même planche, il est tout
que vous choisirez est en cohérence Condensed à fait envisageable d’utiliser une
avec l’esprit de votre collection. Vos Noblesse police fantaisie pour les titrages
choix typographiques doivent être et une police neutre pour les
justifiés et en parfaite adéquation Simplicité Formats de polices textes descriptifs.
avec votre concept.
Urgence Sur Mac ou PC, les 2 formats de fichiers
de polices les plus couramment Interroger toujours votre
Retour au sommaire

Technologie utilisés sont le TrueType (.ttf) et entourage afin de vous assurer


Les polices l’OpenType (.otf). que la police que vous avez

sont les
choisie est en cohérence avec vos
Fo l i e intentions et votre sujet.

vêtements Elégance
de vos mots. Délicatesse
Essayer de cerner les tendances
typographiques.

18
v2.02

COMPOSER
INFOGRAPHIE 2021/2022

AVEC LA TYPOGRAPHIE 1/4


SECTION STYLISME/MODELISME

taille, la disposition et le senslectu re

de
Jouer sur la
Retour au sommaire

19
v2.02

COMPOSER
INFOGRAPHIE 2021/2022

AVEC LA TYPOGRAPHIE 2/4


SECTION STYLISME/MODELISME

age
Jouer sur l’habill
et la
FUSION
Retour au sommaire

20
INFOGRAPHIE 2021/2022

21
Retour au sommaire
v2.02

SECTION STYLISME/MODELISME
COMPOSER
AVEC LA TYPOGRAPHIE 3/4

Jouer avec les


masques
v2.02

COMPOSER
INFOGRAPHIE 2021/2022

AVEC LA TYPOGRAPHIE 4/4


SECTION STYLISME/MODELISME

Jouer avec
l’l’aaccumulation
ccumulation
l’accumulation
et l’illisibilité
et
etl’illisibilité
et
et
et l’illisibilité
et
etet et l’illisibilité
l’illisibilité
l’illisibilité
l’illisibilité
l’illisibilité
l’illisibilité
et l’illisibilité
l’illisibilité
et l’illisibilité
l’illisibilité
Retour au sommaire

22
Retour au sommaire INFOGRAPHIE 2021/2022

23
v2.02

SECTION STYLISME/MODELISME
PROCESSUS
& DÉMARCHE CRÉATIVE
v2.02

OUTILS
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 1/5


SECTION STYLISME/MODELISME

Outils Activation Utilisation

Déplacement V ou ⇧V Déplace une sélection, un calque ou un repère.

Crée, déplace ou redimensionne plusieurs zones


Plan de travail V ou ⇧V
de travail.

Rectangle M ou ⇧M Effectue une sélection rectangulaire ou carrée.

Ellipse M ou ⇧M Effectue une sélection ovale ou circulaire.

Effectue une sélection horizontale d’un pixel de


Rangée
haut.

Effectue une sélection verticale d’un pixel de


Colonne
large.

Lasso L ou ⇧L Effectue une sélection à main levée.

Effectue une sélection en connectant des lignes


Lasso polygonal L ou ⇧L
droites.

Effectue une sélection qui s’aligne sur les bords


Lasso magnétique L ou ⇧L
d’une image quand vous faîtes glisser.

Recherche et sélectionne automatiquement un


Sélection d’objet W ou ⇧W
objet dans une zone définie.

Effectue une sélection en détectant et en


Sélection rapide W ou ⇧W
suivant les bords d’une image.

Baguette magique W ou ⇧W Sélectionne une zone en fonction de sa couleur.


Retour au sommaire

Recadrage C ou ⇧C Rogne ou agrandit les bords d’une image.

Correction de pers- Recadre une image afin de corriger les


C ou ⇧C
pective recadrage distortions causées par la perspective.

Coupe une image en sections plus petites


Tranche C ou ⇧C
adaptées à la conception web.

Sélection de Sélectionne, déplace ou redimensionne les


C ou ⇧C
tranche tranches d’une image.

24
v2.02

OUTILS
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 2/5


SECTION STYLISME/MODELISME

Outils Activation Utilisation

Image K Crée des espaces réservés aux images.

Pipette I ou ⇧I Prélève les couleurs dans une image.

Pipette de matière
I ou ⇧I Charge la matière choisie à partir d’un objet 3D.
3D

Echantillonnage de Affiche des valeurs pour les couleurs d’une


I ou ⇧I
couleur image.

Mesure des distances et des angles dans une


Règle I ou ⇧I
image.

Crée des notes de texte que vous pouvez joindre


Annotation I ou ⇧I
à une image ou un fichier.

Comptage I ou ⇧I Compte le nombre d’objets dans une image.

Correcteur localisé J ou ⇧J Supprime les marques et les défauts.

Répare les imperfections en les peignant avec


Correcteur J ou ⇧J
les pixels d’une autre partie de l’image.

Remplace une zone sélectionnée par les pixels


Pièce J ou ⇧J
d’une autre partie de l’image.

Déplacement basé Sélectionne et déplace une partie d’une image et


J ou ⇧J
sur le contenu remplit automatiquement la zone à l’arrière.

Corrige l’effet yeux rouges provoqué par un flash


Oeil rouge J ou ⇧J
d’appareil photo.
Retour au sommaire

Pinceau B ou ⇧B Peint des contours personnalisés.

Crayon B ou ⇧B Peint des contours nets.

Remplacement de Peint la couleur sélectionnée sur une couleur


B ou ⇧B
couleur existante.

Simule des techniques de peinture réelles


Pinceau mélangeur B ou ⇧B
(mélange des couleurs et variations d’humidité).

25
v2.02

OUTILS
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 3/5


SECTION STYLISME/MODELISME

Outils Activation Utilisation

Tampon de Peint avec des pixels d’une autre partie de


S ou ⇧S
duplication l’image.

Tampon de motif S ou ⇧S Peint à l’aide d’un modèle choisi.

Restaure l’état antérieur des parties d’une


Pinceau d’historique Y ou ⇧Y
image.

Pinceau d’historique Peint des contours stylisés avec des pixels, à


Y ou ⇧Y
artistique partir d’un état antérieur d’une image.

Remplace la couleur des pixels par la couleur


Gomme E ou ⇧E
d’arrière-plan ou les rend transparents.

Gomme d’arrière-
E ou ⇧E Efface les pixels d’une couleur d’échantillon.
plan

Efface des zones de même couleur en un seul


Gomme magique E ou ⇧E
clic.

Dégradé G ou ⇧G Crée un dégradé entre les couleurs.

Rempli des zones de couleurs similaires avec la


Pot de peinture G ou ⇧G
couleur de premier plan.

Dépose de la matière chargée sur la zone cible


Dépôt de matière 3D G ou ⇧G
d’un objet 3D.

Goutte d’eau Floute des zones d’une image.

Netteté Accentue la netteté des contours d’une image.


Retour au sommaire

Doigt Etale et mélange les couleurs.

Densité - O ou ⇧O Eclaircit des zones d’une image.

Densité + O ou ⇧O Obscurcit des zones d’une image.

Eponge O ou ⇧O Modifie la saturation des zones d’une image.

26
v2.02

OUTILS
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 4/5


SECTION STYLISME/MODELISME

Outils Activation Utilisation

Effectue ou modifie des tracés ou des formes


Plume P ou ⇧P
avec des points d’ancrage et des poignées.

Ajoute des points d’ancrage à mesure que vous


Plume libre P ou ⇧P
dessinez des formes ou des tracés.

Crée ou modifie des tracés ou des formes à l’aide


Plume de courbure P ou ⇧P
de points.

Ajout de point
Ajoute des points d’ancrage à vos tracés.
d’ancrage

Suppression de Supprime les points d’ancrage et remodèle les


point d’ancrage tracés.

Modifie des tracés en convertissant les points


Conversion de point
d’ancrage en sommets et inversement.

Texte horizontal T ou ⇧T Ajoute du texte horizontal.

Texte vertical T ou ⇧T Ajoute du texte vertical.

Masque de texte Sélectionne des éléments en forme de texte


T ou ⇧T
vertical vertical.

Masque de texte Sélectionne des éléments en forme de texte


T ou ⇧T
horizontal horizontal.

Rectangle U ou ⇧U Dessine des rectangles.

Ellipse U ou ⇧U Dessine des formes ovales ou circulaires.


Retour au sommaire

Triangle U ou ⇧U Dessine des formes à trois côtés.

Polygone U ou ⇧U Dessine des polygones.

Trait U ou ⇧U Trace des lignes.

Forme Dessine des formes à partir d’une liste de formes


U ou ⇧U
personnalisée personnalisées.

27
v2.02

OUTILS
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 5/5


SECTION STYLISME/MODELISME

Outils Activation Utilisation

Sélection de tracé A ou ⇧A Sélectionne un tracé complet.

Sélectionne et ajuste des points et des segments


Sélection directe A ou ⇧A
dans un tracé ou une forme.

Main H Déplace différentes parties d’une image.

Rotation de
R Effectue une rotation de l’affichage d’une image.
l’affichage

Loupe Z Effectue un zoom avant ou arrière sur une image.


Retour au sommaire

28
v2.02

PANNEAUX
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 1/2


SECTION STYLISME/MODELISME

Calques Nuancier Historique Couches Couleur


Chaque calque peut être Ce panneau présente une série Ce panneau garde une trace Ce panneau permet l’affichage Dans ce panneau se définit la
comparé à un film transparent de nuances (échantillons de des manipulations réalisées et la gestion des couches couleur de premier plan et celle
sur lequel on place un dessin, couleur). C’est également une lors d’une session de travail afin (création, suppression...). Les d’arrière plan (utilisée par l’outil
une image détourée, un fond, zone de stockage des couleurs de permettre éventuellement couches ajoutées (couches Gomme ou Dégradé). Choisissez
un texte, un réglage et des créées ou prélevées dans une un retour en arrière sur l’image alpha) permettent l’élaboration le mode colorimétrique puis
effets dynamiques de filtre. illustration. Il est possible complète par annulations (ou la mémorisation) de masques faîtes glisser les curseurs.
Un masque (de pixels et/ou d’afficher un nuancier référencé multiples ou localement grâce à utilisés lors de la réalisation de Vous pouvez aussi sélectionner
vectoriel) peut être associé pour à partir du menu local de ce l’outil Forme d’historique de la montage ou l’ajout de couleur une couleur dans la zone de
cacher une partie du calque. panneau. barre d’outils. d’accompagnement (ton direct). prélèvement située en bas.
Retour au sommaire

29
v2.02

PANNEAUX
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 2/2


SECTION STYLISME/MODELISME

Pinceaux Param. de pinceau Propriétés Caractères Paragraphe


Ce panneau permet de consulter Ce panneau permet de définir Ce panneau permet d’ajuster Ce panneau permet de définir On peut y définir les attributs
et d’organiser l’ensemble des la taille des brosses utilisées les paramètres d’un calque de les attributs de caractères d’un de paragraphes tels que les
bibliothèques de pinceaux et de leur affecter des effets réglage et de son masque de texte (police, corps, déclinaison, alignements, retraits, espaces
(brush) chargées dans le logiciel. particuliers. Les réglages fusion associé. approche, interligne, etc.). avant/après ainsi que l’option de
particuliers pour les tablettes césure.
graphiques se règlent dans ce
panneau.
Retour au sommaire

30
v2.02

RACCOURCIS CLAVIER
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 1/3


SECTION STYLISME/MODELISME

Fonction Raccourci

Quitter le logiciel ⌘+Q

Annuler la dernière action ⌘+Z

Annuler chaque précédente action ⌘ + alt + Z

Afficher/Masquer les règles ⌘+R


GESTION DE L’APPLICATION
Afficher/Masquer les extras (contour de sélection, grille, repères, etc.) ⌘+H

Afficher/Masquer l’ensemble des palettes tab*

Permuter les couleurs de premier plan et d’arrière plan D

Revenir aux couleurs de premier plan et d’arrière plan par défaut X

Créer un nouveau document ⌘+N

Ouvrir un nouveau document ⌘+O

Enregistrer le document ⌘+S

GESTION DES DOCUMENTS Enregistrer le document sous... ⌘+⇧+S

Fermer le document ⌘+W


Retour au sommaire

Imprimer le document ⌘+P

Naviguer entre les documents ouverts ctrl + tab *

Insérer le ou les calques sélectionnés dans un groupe de calques ⌘+G


GESTION DES CALQUES
Fusionner le ou les calques sélectionnés ⌘+E

* Touche « tabulation »

31
v2.02

RACCOURCIS CLAVIER
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 2/3


SECTION STYLISME/MODELISME

Fonction Raccourci / Combinaison



pour conserver l’homothétie
⍝⎌

Transformer le calque ⌘+T pour déformer indépendamment
les poignées d’angle
⍝⎌
esc
pour annuler la transformation


⌘ pour déplacer avec contrainte
Déplacer le ou les calques sélectionnés
⍝⎌ (horizontale, verticale ou à 45°)

GESTION DES CALQUES
⌘ + clic droit
Sélectionner un autre calque ou groupe de calques *

Sélectionner un autre calque ou groupe de calques tout en conservant ceux déjà ⌘ + ⇧ + clic droit
sélectionnés * ⍝

⌘ + alt pour dupliquer avec contrainte
Dupliquer le ou les calques sélectionnés (horizontale, verticale ou à 45°)
⍝⎌

Remplir avec la couleur de premier plan (calque ou sélection) alt + effacer

Remplir avec la couleur d’arrière plan (calque ou sélection) ⌘ + effacer


⌘ + espace
⌘+⊕
Retour au sommaire

Zoom +
⍝⍃
alt + espace
Zoom - ⌘+⊖
NAVIGATION DANS L’IMAGE ⚙ ⍝⍃
Affichage à 100% ⌘ + alt + 0

Affichage taille écran ⌘+0

* Valable uniquement pour les calques ou groupes de calques présents sous le pointeur de la souris
32 ⚙ Dans « Photoshop > Préférences > Général... », possibilité de cocher « Zoom avec molette de défilement »
v2.02

RACCOURCIS CLAVIER
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 3/3


SECTION STYLISME/MODELISME

Fonction Raccourci / Combinaison


espace
NAVIGATION DANS L’IMAGE Déplacement dans l’image (outil main)
⍝⎌
Tout sélectionner ⌘+A

Désélectionner ⌘+D

Intervertir la sélection ⌘+⇧+I

+ alt
Sélectionner un rectangle à partir du centre *
⍝⎌
+⇧
Sélectionner un carré *
⍝⎌
+ ⇧ + alt
Sélectionner un carré à partir du centre *
⍝⎌
GESTION DE LA SÉLECTION + alt
Sélectionner une ellipse à partir du centre *
⍝⎌
+⇧
Sélectionner un cercle *
⍝⎌
+ ⇧ + alt
Sélectionner un cercle à partir du centre *
⍝⎌
+⇧
Retour au sommaire

Ajouter une sélection à la sélection en cours


⍝⍃ ou ⎌
+ alt
Soustraire une sélection à la sélection en cours
⍝⍃ ou ⎌
+ ⇧ + alt
Sélectionner l’intersection à la sélection en cours
⍝⍃ ou ⎌
* En cours de sélection, la touche espace vous permet de déplacer celle-ci
33
Retour au sommaire INFOGRAPHIE 2021/2022

34
v2.02

SECTION STYLISME/MODELISME

DANS PHOTOSHOP
FOCUS SUR LES CALQUES

Sans masque de fusion


Sans masque de fusion

Avec masque de fusion


Avec masque de fusion

Objet dynamique
Mode de fusion / Opacité

Style de calque
Masque de fusion
Calque de réglage (+alt)
Groupe de calque
Nouveau calque
Suppression de claque
v2.02

TECHNIQUES & MÉTHODES


INFOGRAPHIE 2021/2022

DANS PHOTOSHOP
SECTION STYLISME/MODELISME

https://www.youtube.com/watch?v=YTK7zONJGzE

1 Création d’un fond de couleur uni 2 Conversion d’un calque en objet dynamique 3 Utilisation d’un masque de fusion

4 Insertion et manipulation typographique 5 Enregistrement de son document de travail 6 Insertion d’une image dans une forme
Retour au sommaire

7 Utilisation d’un mode de fusion 8 Utilisation d’un calque de réglages 9 Création d’un groupe de calques
35
v2.02

FIGURINE DE MODE
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 1/6


SECTION STYLISME/MODELISME

INSTALLER DES BRUSHES AU FORMAT .ABR sur son poste de travail


Fenêtre Pinceaux > Menu > Importer des pinceaux...
Retour au sommaire

Télécharger les brushes de


JONAS DE RO pour Photoshop

36
v2.02

FIGURINE DE MODE
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 2/6


SECTION STYLISME/MODELISME

10 ASTUCES pour le Digital Painting

1 Tracer des traits parfaitement droits avec la touche shift ⇧

Gérer les réglages du pinceau avec ctrl + alt + clic gauche/pression stylet
2 > Modification du diamètre horizontalement et de la dureté verticalement

Varier l’opacité du pinceau avec les touches numériques du clavier


3 > 0 pour 100%, 1 pour 10%, 2 pour 20%, etc.

4 Possibilité de peindre dans une zone sélectionnée préalablement avec les différents outils de sélection

5 Sélectionnez une couleur dans votre document directement avec alt

6 Faire pivoter la page grâce à l’outil rotation R

7 Maximiser l’utilisation des calques

8 Permuter les couleurs de premier plan et d’arrière-plan avec X


Retour au sommaire

Utiliser le flip horizontal permet de s’assurer de la cohérence de son dessin


9 Image > Rotation de l’image > Symétrie horizontale de la zone de travail

Avoir une vision globale sur son travail en utilisant la fenêtre navigation
10 Si vous possèdez un 2ème écran, utilisez plutôt avec Fenêtre > Réorganiser > Nouvelle fenêtre pour...

37
v2.02

FIGURINE DE MODE
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 3/6


SECTION STYLISME/MODELISME

PROCESSUS DIGITAL
Retour au sommaire

PHASE 1 PHASE 2 PHASE 3 RÉSULTAT FINAL


Dessin Colorisation Motif / Volume
38
v2.02

FIGURINE DE MODE
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 4/6


SECTION STYLISME/MODELISME

PHASE 1 : Dessin Après avoir réalisé votre figurine sur une feuille blanche, décalquez-la au feutre noir (si possible à la table lumineuse ou à défaut à
travers une vitre). Si vous comptez coloriser exclusivement à la souris, fermez un max de formes vous gagnerez du temps pour la suite.
A partir d’une figurine réalisée sur papier

① Numérisation ② Réglages des niveaux ③ Retouches


A l’aide d’un scanner, numérisez au format TIF Ouvrir votre document numérisé dans A l’aide du pinceau (dont vous aurez réglé au
ou JPG, votre figurine en mode niveaux de gris Photoshop puis procédez aux réglages de préalable la dureté et l’opacité au maximum) et
ou RVB (pas de mode bitmap) à la résolution de l’image via le menu : du blanc en couleur de premier plan, nettoyez
600 PPI dans la mesure du possible (300 PPI à les éventuelles imperfections sur le papier.
minima). Image > Réglages > Niveaux...
Puis faîtes de même avec le noir en premier plan
A l’aide de la pipette noire, cliquez sur le trait pour les traits de figurine qui nécessiteraient
noir de votre dessin afin de redéfinir le point d’être fermés ou retouchés.
Interdiction d’utiliser un smartphone ou un noir de référence. A l’aide de la pipette blanche,
appareil photo pour numériser votre dessin ! cliquez sur le blanc du papier afin de redéfinir Enregistrer les modifications :
La qualité sera loin d’être optimale... le point blanc de référence. Fichier > Enregistrer

④ Sélection ⑤ Importation ⑥ Réduction


Accédez à la fenêtre des couches. Créez un nouveau document de travail ayant Réduisez votre calque avec CMD + T de façon
pour paramètres : à voir l’intégralité de votre figurine dans votre
Cliquez sur la vignette de la couche RVB tout espace de travail.
en maintenant la touche CMD : vous venez de • Format : A4
sélectionner l’ensemble des blancs de votre • Mode colorimétrique : CMJN
Retour au sommaire

image. • Résolution : 300 PPI Etape nécessaire uniquement si vous avez


numérisé votre dessin en 600 PPI
Il vous suffit maintenant d’inverser la sélection Collez maintenant les traits de la figurine en
pour ne sélectionner que les noirs via le menu : tant que nouveau calque avec CMD + V puis
renommez-le. Pensez à verrouiller le calque des traits de
Sélection > Intervertir dessin pour éviter par la suite de colorier par
Passer ensuite ce calque en mode Produit. erreur sur celui-ci et assurez-vous qu’il reste
Puis copiez cette sélection avec CMD + C. toujours en premier plan.

39
v2.02

FIGURINE DE MODE
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 5/6


SECTION STYLISME/MODELISME

CONSEILS PHASE 2 : Colorisation PHASE 3 : Motif

Créez un nouveau calque pour


chaque forme ou élément à ① Définir votre couleur ① Ouvrir le motif
colorier. Plus vous multiplierez
les calques, plus vous aurez de Définir la couleur de premier plan dans la Ouvrir le fichier de motif ou de texture
facilité pour modifier votre figurine. fenêtre Couleur. Plusieurs modes d’affichage dans Photoshop.
N’oubliez pas de les renommer s’offrent à vous via le menu : Cube de teinte,
systématiquement ! Cube de luminosité, Roue chromatique, etc.

② Enregistrer le motif
Préférer l’utilisation du Pinceau
avec brushes sur tablette graphique ② Utilisez le pot de peinture En fonction de ce que vous souhaitez obtenir, sélectionnez
plutôt que l’outil Pot de peinture. La une partie ou l’ensemble de l’image à l’aide de l’outil
colorisation en sera plus naturelle et Sélectionnez l’outil pot de peinture et réglez Rectangle de sélection.
vivante. ses options avec les paramètres suivants :
Puis enregistrez cette sélection en tant que motif :
• Mode normal Edition > Utiliser comme motif...
• Opacité : 100%
Vous pouvez définir une zone de • Tolérance : 200
coloriage à ne pas dépasser grâce (peut varier en fonction du type de trait)
• Option Lissage cochée
aux différents outils de sélection
(lasso, baguette magique...). • Option Pixels contigus cochée ③ Remplir avec le motif
• Option Tous les calques cochée
Retournez sur votre document en travail.
Remplir la zone souhaitée. Cliquez sur le calque de l’élément qui va recevoir le motif.
Faîtes attention de ne pas cliquer Il est impératif que celui-ci ait été colorisé au préalable !
Retour au sommaire

sur votre trait de figurine, vous


risqueriez de remplir l’ensemble du Allez dans :
tracé avec la couleur sélectionnée ! ② Colorier avec le pinceau Calque > Nouveau calque de remplissage > Motif…
et sélectionnez le motif que vous venez d’enregistrer.
L’outil pinceau est plus pratique sur tablette
graphique, d’autant que l’opacité et la taille Vous pouvez régler son échelle à votre convenance ainsi
peuvent être gérées directement par la que son placement en le déplaçant directement dans
pression exercée sur le stylet. votre document de travail.

40
v2.02

FIGURINE DE MODE
INFOGRAPHIE 2021/2022

DANS PHOTOSHOP 6/6


SECTION STYLISME/MODELISME

PHASE 3 : Volume

COLORISATION OMBRE NIV. 1 OMBRE NIV. 2 LUMIÈRE RÉSULTAT FINAL RÉSULTAT FINAL
Normal Obscurcir Produit Superposition Sans traits Avec traits

Quelques outils pratiques Exemples de modes de fusion

Obscurcir Superposition
Pinceau mélangeur
Produit Incrustation
Simule des techniques de peinture réelles
Densité couleur + Densité couleur -

Goutte d’eau
Floute des zones d’une image
Retour au sommaire

Doigt
Etale et mélange les couleurs Calques en écrêtage
par rapport à la
Densité - colorisation
Eclaircit des zones d’une image

Densité +
Obscurcit des zones d’une image

41
v2.02

TUTORIAUX VIDEO
INFOGRAPHIE 2021/2022

POUR ILLUSTRATOR 1/2


SECTION STYLISME/MODELISME

Fonctionnalités de base Utilisation de la plume


https://www.youtube.com/watch?v=Zxwm9TEn2A8 https://www.youtube.com/watch?v=TrohWsxBeEY

Importation gabarit et utilisation des calques Premier dessin technique Dessin technique de jupe
https://www.youtube.com/watch?v=CI5-Vx76hjA https://www.youtube.com/watch?v=SNFpwlS1Zao https://www.youtube.com/watch?v=6NO8Axn2nwU
Retour au sommaire

42
v2.02

TUTORIAUX VIDEO
INFOGRAPHIE 2021/2022

POUR ILLUSTRATOR 2/2


SECTION STYLISME/MODELISME

Surpiqures parallèles et bord côte Effet fourrure Bibliothèque d’ornements


https://www.youtube.com/watch?v=f2DTexQZHe4 https://www.youtube.com/watch?v=s8BQZhXVY0k https://www.youtube.com/watch?v=g00W7Y_bYXg
Retour au sommaire

43

Vous aimerez peut-être aussi