Support de Cours Graphic Design New PDF [PDF]

Zitiervorschau

Support de cours

Graphic Design Traitement numérique d’image et Adobe Photoshop Notions de base

M. DJE BI DJE Gabin Consultant formateur

2019

Table des matières I.

Traitement numérique de l'image ........................................................................................... 4 1 / l'image numérique : composition et caractéristiques .......................................................... 4 1.1 - Le pixel : .......................................................................................................................... 4 1.2 - La Definition: .................................................................................................................. 4 1.3 – La resolution: ................................................................................................................. 5 1.4 - CODAGE DES COULEURS (ou profondeur des couleurs) ............................................... 7 2 / les differents modes de couleur de photoshop .................................................................... 8 2.1 - Mode bitmap (noir et blanc): ......................................................................................... 8 2.2 - Mode niveau de gris: ...................................................................................................... 8 2.3 - Mode couleurs indexées :............................................................................................... 9 2.4 - Mode couleur RVB: ....................................................................................................... 10 2.5 - Mode couleur CMJN: .................................................................................................... 12 3 / les types d'image ............................................................................................................... 12 4 / les formats de fichier bitmap ............................................................................................. 13 3.1 – Principaux formats de fichier non compressés :.......................................................... 13 4.2 – Principaux formats de fichier compressés : ................................................................ 13 4.3 – La compression de donnée : ....................................................................................... 14

II- Adobe Photoshop..................................................................................................................... 16 Créer un nouveau document ...................................................................................... 17 1) 2) Environnement Photoshop ......................................................................................... 17 a) Barre des menus.......................................................................................................... 18 b)

Palette d’outils ............................................................................................................ 20

c)

Barre d’options ........................................................................................................... 20

d)

Palette des menus ....................................................................................................... 20

e)

Barre d’état .................................................................................................................. 21

3) 4) 5) 1.

Gestion des calques .................................................................................................... 21 Afficher la palette des calques ................................................................................... 21 Les outils de sélection................................................................................................... 26 L’outil Rectangle de sélection et l’outil Ellipse de sélection .................................. 26

2.

Le Lasso ........................................................................................................................ 27

3.

La Baguette magique .................................................................................................. 27

4.

Le Recadrage ................................................................................................................ 28

Application de filtres ................................................................................................. 28 6) 7) Application de filtres individuellement ................................................................... 28 8) Utilisation de la Galerie de filtres.................................................................................... 29 9) Affichage de la Galerie de filtres .................................................................................... 29 10) Ajouter du texte ........................................................................................................ 29 11) Les catégories d’image et leurs propriétés ................................................................... 30 L’image matricielle................................................................................................................ 30 L’image vectorielle................................................................................................................. 30 Les formats d’image .............................................................................................. 31 12) PSD (Photoshop Saving Document) .................................................................................. 31 BMP (Bitmap) ...................................................................................................................... 31 GIF (Graphics Interchange Format) ................................................................................... 32 Photoshop EPS (Encapsulated PostScript) ....................................................................... 32

JPEG (JPG) (Joint Photographic Expert Group) ................................................................ 32 PDF (Portable Document File) ............................................................................................ 32 TIFF (TIF) (Tagged Image File Format) ................................................................................... 32 13) 

Choisirle bonformatd’image ...................................................................................... 32 La barre d'outils en détails ......................................................................................... 33

Les outils de sélection.......................................................................................................... 34 Les outils de dessin et de tracé ............................................................................................ 35 Les autres outils.................................................................................................................... 37

I.

Traitement numérique de l'image

1 / l'image numérique : composition et caractéristiques 1.1 - Le pixel : Une image numérique est constituée d'un ensemble de points appelés pixels (abréviation de PICture Element) pour former une image. Le pixel représente ainsi le plus petit élément constitutif d'une image numérique. L'ensemble de ces pixels est contenu dans un tableau à deux dimensions constituant l'image :

1.2 - La Definition: On appelle définition le nombre de points (pixels) constituant une image : c'est le nombre de colonnes de l'image que multiplie son nombre de lignes. Une image possédant 10 colonnes et 11 lignes aura une définition de 10 x11.

Les Principaux formats d’affichage : Pour afficher ces images, des formats d'affichages standards ont été définis en fonction de l'évolution des capacités matérielles des cartes graphiques et des écrans. Voici les principaux :

4

CGA (320 x 200) 4 couleurs. VGA (640 x 480) 16 couleurs SVGA (800x600) 256 couleurs XGA (1024 x 768) 256 couleurs SXGA (1280 x 1024) en 16milions de couleurs. Formule : Calcul du nombre total des pixels dans une image : Nombre total des pixels = colonnes x lignes. Ex: 10x11= 110 pixels au total pour l'image ci-dessus. 1.3 – La resolution:

-

C'est le nombre de points contenu dans une longueur donnée (en pouce). Elle est exprimée en points par pouce (PPP, en anglais : DPI pour Dots Per Inch). Un pouce mesure 2.54 cm, c'est une unité de mesure britannique.

-

La résolution permet ainsi d'établir le rapport entre la définition en pixels d'une image et la Dimension réelle de sa représentation sur un support physique (écran, papier…)

5

23dpi

Formule

50dpi

: Calculer la résolution à partir de la définition et de la dimension

Résolution = définition / dimension Ex: la résolution d'une image de 300 x 300 pixels mesurant 2 pouces par coté. Résolution = 300 / 2 = 150dpi Quelques exemples de résolutions fréquemment utilisées:

6

-

fax : en générale en 200 dpi.

-

Scanners grand public: 300, 600 ou 1200 dpi.

Imprimantes grand public : entre 360 dpi et 1400 dpi. Cela permet d'obtenir une qualité tout à fait honorable pour tous les travaux courants (courriers, rapports, etc...)

Matériel d'impression professionnel : aux minimum 4800 dpi (impression de qualité et grandes tailles pour les affiches). Résumé: La taille d'une image numérique peut se définir par : * Sa définition en pixels (ex : 640x480 pixels) * Ses dimensions en pouces (ex : 12'') * Sa résolution en dpi ou ppp. (ex: 300dpi) Ces 3 informations sont liées. Si vous en connaissez 2, vous pouvez toujours calculer la troisième. Formules : Résolution = définition / dimension Définition = résolution x dimension Dimension = résolution / définition Exercice: quel serait la définition en pixel d'une feuille scannée d'une largeur de 8,5 pouces sur une hauteur de 11 pouces en 300dpi? Réponse : 300 X 8,5 = 2550 pixels 300 X 11 = 3300 pixels La définition de l'image serait donc de 2550 X 3300 pixels

1.4 - CODAGE DES COULEURS (ou profondeur des couleurs) En plus de sa définition, une image numérique utilise plus ou moins de mémoire selon le codage des informations de couleur qu'elle possède. C'est ce que l'on nomme le codage de couleurs ou profondeur des couleurs, exprimé en bit par pixel (bpp): 1 , 4, 8, 16 bits... En connaissant le nombre de pixels d'une image et la mémoire nécessaire à l'affichage d'un pixel, il est possible de définir exactement le poids que va utiliser le fichier image sur le disque dur (ou l'espace mémoire requis en RAM pour réaliser un calcul sur cette image) Formule : Calculer le poids d'une image en octet Nombre de pixel total X codage couleurs (octet) = Poids ( octet ) Petit rappel du code binaire, utilisé par l'ordinateur pour enregistrer des informations. On sait que : 1bit = 2 états; (0 ou 1) = 21 2bits = 4 états, = 22 4bits = 16 états, = 24 8bits = 256 états, = 28 etc... Un ensemble de 8bit = 1 Octet. 1024 Octets forment un kilo-octet (Ko ). 7

1024 Kilo-Octets forment un Mega-Octet (Mo)...Giga-Octet...Terra-Octet... Ex: quel est le poids d'une image d'une définition de 640 x 480 codée sur 1 bit (noir et blanc)? (640 x 480) x 1bit 307200 x (1/8) = 38400 octets 38400 / 1024 = 37,5 ko

2 / les differents modes de couleur de photoshop 2.1 - Mode bitmap (noir et blanc): Avec ce mode, il est possible d'afficher uniquement des images en deux couleurs: noir et blanc. Il utilise une seule couche.

-

Codage en 1 bit par pixel (bpp) : => 21 = 2 possibilités: [0, 1] => Chaque pixel peut donc avoir 2 couleurs possibles : soit noir ou soit blanc

1 1 1

1 1 1

1 1 0

1

0

1

1 1 1 1

0

1 1 1 1

1 1 1

0 0 0 1 1 1

0

1 0

1 0

1 0

1 0

1 1

1 1

1 1

1 1

1 1

0

0 1 0

1 1 1

1 1 1

0 1 0

1 1

0

0

1

1

1 1

1 1 1

1 1 1

0

1

0

1 1 1 1

1 1 1 1 1 0

1

0

0

0

0

1

1

1

1

1

1

1

0 0 0 1 1 1

1 1 1

2.2 - Mode niveau de gris: il permet d'obtenir différentes valeurs de gris, afin d'afficher des images nuancées. Il utilise qu'une seule couche.

-

Codage en 8 bits par pixel (bpp) => 28= 256 possibilitées Chaque pixel peut avoir 256 nuances de gris possibles

-

Codage en 16 bits par pixel (bpp) => 216= 65536 possibilitées Chaque pixel peut avoir 65536 nuances de gris possibles Nuances de 256 gris Exemple de photo possible en 8 bpp

8

2.3 - Mode couleurs indexées : Permet d'obtenir jusque 256 couleurs fixes, définies à l'avance dans une palette. Il utilise qu'une seule couche. Codage en 8 bits par pixel (bpp) => 28= 256 possibilités qualité est proche de la photo mais il est possible de faire beaucoup mieux... Chaque pixel peut avoir jusque 256 couleurs fixes possibles.

Palette de 256 couleurs utilisées

9

Note: Avec 256 couleurs, certains dégradés de cette image apparaîtront tramés, la qualité est proche de la photo mais il est possible de faire beaucoup mieux... Le prochain mode de couleur montre l'intérêt d'utiliser des « couches » de couleurs. Les Modes colorimétriques RVB / CMJN: Afin de créer des images encore plus riches en couleurs (et donc disposer de plus qu'une palette limitée à 256 couleurs), l'idée de mélanger des couleurs primaires en « couches » est arrivée. Il faut savoir qu'il existe deux systèmes de représentation des couleurs par mélange, selon qu'on les reproduisent sur un écran d'ordinateur ou sur support papier via une imprimante :

- La synthèse additive : c'est le phénomène qui se passe lorsqu'un un écran affiche une image par la lumière. On part du noir (lumière éteinte) et on va vert le blanc. L'addition du rouge, du vert et du bleu donne le blanc:

- La synthèse soustractive : c'est le phénomène qui se passe lorsqu'on mélange des pigments colorés en peinture. On part du blanc (support papier) pour aller vers le noir. L’addition du Cyan, du Magenta et du Jaune donne le Noir:

CMJN

RVB

En mode RVB, Les 3 canaux sont donc séparés en 3 couches afin d'offrir de nouvelles combinaisons de couleurs possibles par la variation de chaque couleur primaire. Lorsqu'on travaille en mode CMJN pour réaliser un document imprimé, il y aura donc 4 couches pour réaliser ces mêmes couleurs. 2.4 - Mode couleur RVB: Grâce au mélange des 3 couches de couleur, il est possible de reproduire un plus grand nombre de nuances qu'avec une palette en mode couleurs indexées.

10

Comparaison couleurs indexées 8bits et RVB 24bits

24 bit= 8 bits PAR COUCHE: 0-255 0-255 0-255 La palette de couleur de Photoshop illustre le mélange des couches : Chaque couleur est composé de rouge, vert et de bleu, qui varie entre 0 et 255 (8bit ou 1 octet)

-

Avec un codage en RVB 8 bits PAR COUCHE :

Chaque couche utilise 8bit (1 octet), soit 256 nuances possibles: 8Bits pour le Rouge, 8bit pour le Vert et 8bits pour le Bleu. Donc utilisation de 3 x 8bits = 24 bits utilisées au total. => 256 x 256 x 256 = 224= 16,7milions Chaque pixel peut prendre 16,7Milions de couleurs possibles!

-

Avec un codage en RVB 16 bits PAR COUCHE : 11

Chaque couche utilise le double, soit 16bits! (65535 nuances). 3 x 16 = 48bits utilisées au total. => 65535 x 65535 x 65535 = 248= 4 milliards 4 milliards de nuances de couleurs sont possibles! 2.5 - Mode couleur CMJN: Comme les écrans d'ordinateur ne peuvent afficher que du RGB, Photoshop sépare les images CMJN en 4 couches (Cyan, Magenta, Jaune et Noir ou chaque couleur est exprimée en pourcentage) et converti le tout en RGB pour être lu sur l'écran. Cependant le fichier possède bien 4 couches distinctes.

-

Avec un codage en CMJN 8 bits PAR COUCHE :

Chaque couche utilise 8bit (soit 256 nuances possibles): 8Bits pour le Cyan, 8bit pour le Magenta, 8bits pour le Jaune et 8bits pour le Noir. Donc utilisation de 4 x 8bits = 32 bits utilisées au total. => 256 x 256 x 256 x 256 = 232= 4 milliards 4 milliards de nuances de couleurs sont possibles!

-

Avec un codage en CMJN 16 bits PAR COUCHE :

Chaque couche utilise le double, soit 16bits! (65535 nuances). 3 x 16 = 64bits utilisées au total. => 65535 x 65535 x 65535 x 65535 = 248= 18446744073709551616 nuances de couleurs sont possibles ! Exemple : Calcul du poids de l'image du début du document (10x11 en bitmap noir et blanc): Total des pixels : 10 x 11 = 110 pixels Codage des couleurs bitmap noir et blanc = 1bit par pixel. En octet : 1/8 = 0.125 octet 110 x 0.125= 13,75 octets.

3 / les types d'image

-

Les images Matricielles :

Les images matricielles (ou image en mode point, en anglais « bitmap » ou « raster ») sont celles que nous utilisons généralement pour restituer des photos numériques. Elles reposent sur une grille de plusieurs pixels formant une image avec une définition bien précise. Lorsqu'on les agrandi trop, on perd de la qualité (« pixelisation »).

-

Les images Vectorielles :

Ce sont des images dont la particularité est que chaque forme qui la compose est décrite mathématiquement à partir de points et de tangentes. Elles ne peuvent pas décrire une image trop complexe comme une photographie, mais sont tout à fait adaptées au rendu typographiques, aux logos et autres formes composées de tracés simples.

12

4 / les formats de fichier bitmap 3.1 – Principaux formats de fichier non compressés : Ce sont les formats de fichiers dit « non destructifs ». Ils enregistrent chaque pixel d'une image comme nous l'avons vu précédemment, et utilisent en général beaucoup de mémoire. De part leur poids élevé, ils ne sont pas adaptés pour le web mais doivent être utilisés lorsqu'on à besoin de préserver la totalité des informations d'une image pour retravailler dessus par exemple. .PSD : Format natif de Photoshop, c'est un méta-fichier qui peut contenir du bitmap et du vectoriel. La couleur peut être codée sur 8, 16, 24 ou 32 bits, en Noir et Blanc, RVB et CMJN. Il gère la transparence, les couches alpha et peut prendre énormément de poids suivant le nombre de calques utilisés (chaque calque ajouté pèse !) .BMP : Format natif de Windows, il permet d'enregistrer des images bitmap en 1, 4, 8 ou 24 bit en mode RVB. Il gère également les palettes pour les couleurs en mode indexées. .TIFF : il permet de stocker des images de haute qualité en noir et blanc, couleurs RVB, CMJN jusqu'à 32 bits par pixels. Il supporte aussi les images indexées faisant usage d'une palette de couleurs, les calques et les couches alpha (transparence). .RAW : C'est un format brut qui « code» les images avec un maximum d'information suivant le capteur de l'appareil qui l'a créé. Il permet ensuite de développer numériquement ses photos en les enregistrant en .tiff avec les réglages souhaitées (températures de couleurs, contrastes...). 4.2 – Principaux formats de fichier compressés : Ce sont les formats de fichiers dit « destructifs ». Ils permettent, selon un algorithme particulier, de gagner plus ou moins de mémoire en supprimant certaines informations peu ou non perceptible par l'œil humain. Ils sont particulièrement adaptés à internet, mais ne doivent pas être 13

utilisés lors d'un travail de création sous photoshop car chaque nouvel enregistrement détériore un peu plus le fichier. On les utilisera donc pour exporter des images destinées à la visualisation sur internet ou l'archivage. .JPG : Norme de compression pour les images fixes ; Elle donne la possibilité de sélectionner le taux de compression en fonction du niveau de restitution recherché (qualité réglables sur une échelle de 0 à 12). Elle supprime les informations redondantes et les détails fins. Fonctionne en 8 bit/pixel en RVB ou CMJN. .GIF : C'est un format léger qui peut également contenir des animations. Une image GIF ne peut contenir que 2, 4, 8, 16, 32, 64, 128 ou 256 couleurs parmi 16.8 millions dans sa palette en mode RVB. Elle supporte également une couleur de transparence. .PNG : il permet de stocker des images en noir et blanc (jusqu'à 16 bits par pixels), en couleurs réelles (True color, jusqu'à 48 bits par pixels) ainsi que des images indexées, faisant usage d'une palette de 256 couleurs. Il offre enfin une couche alpha de 256 niveaux pour la transparence. 4.3 – La compression de donnée : La compression de donnée consiste à obtenir des fichiers plus léger, afin d'améliorer la vitesse de transfert sur internet ou limité l'espace de stockage utilisé sur un disque dur. Il existe deux principaux types de compression:

-

La compression sans perte: .zip .cab .rar .ace .7z .tar .gzip... appelée aussi « compactage », cette solution consiste simplement à coder les données binaires de manière plus concise dans un fichier. Elle permet ainsi de retrouver la totalité des informations après une procédure de décompactage. Utilisation : Au cours de la chaîne de production et pour archivage Ex : Lors du travail de retouche d'image, archivage de projets...

- La compression avec perte: .jpg .gif . Concernant essentiellement les fichiers de média (image, son, vidéo), elle consiste en une « réduction » de l'information basée sur notre propre limite humaine à percevoir ces médias. Puisque l'œil ne perçoit pas nécessairement tous les détails d'une image, il est possible de réduire la quantité de données de telle sorte que le résultat soit très ressemblant à l'original, voire identique, pour l'œil humain. Utilisation : En fin de chaîne de production, lors de la diffusion numérique Ex : Site Internet, Logiciel sur appareil mobile, présentation interactive... Points importants à retenir Les caractéristiques de l'image numérique sont donc :

-

Sa définition en pixels (pixel = Picture Element), sa résolution en DPI ou PPP. (Dot Per Inch ou Point Par Pouce)

-

Son codage ou profondeur de couleur exprimé en bit par pixel (bpp). 14

-

Son mode colorimétrique (RGB ou CMJN), composition des multiples couches. Formules: Nombre total de pixels = pixels Largeur x pixels Hauteur. Résolution = définition / dimension Définition = résolution x dimension Dimension = résolution / définition Nombre total de pixels X codage couleurs (octet) = Poids (octet) 8 bit = 1 octet

Références pour approfondir le chapitre Adobe Photoshop de la retouche au montage d'image Complexe, DUNOD, 2007, 321 pages Exercices d’applications 1) Codage d’une image sur 2 bit : 2 bits/pixel  Combien de couleurs un codage des pixels en 2 bits permet-il d’obtenir ?  Le tableau de nombres binaires ci-dessous correspond à une image de 64 pixels. Il est associé à un « dictionnaire » c'est-à-dire un tableau donnant la correspondance entre le code du pixel et la couleur. Dessiner l’image associée à ce tableau.

2) Codage d’une image en niveau de gris sur 8 bits  Combien de nuances de gris peuvent prendre les pixels d’une image codées sur 8 bits en niveaux de gris ? Dans ce type de codage, le blanc a pour valeur 255 et le noir 0. Plus un gris sera foncé, plus la valeur associée sera faible.

 Associer à chaque image un tableau exprimé en décimal :

15

On trouve que l’image C’est trop « claire ». On veut la foncer. Un logiciel de traitement d’image (Photoshop, Gimp etc…) modifie pour cela la valeur de chaque pixel.

II- Adobe Photoshop

À quoi sert Photoshop ? Photoshop est un logiciel de traitement et de retouche de photos et d’images produit par Adobe, une compagnie spécialisée en infographie. Il est grandement utilisé par les infographistes grâce aux multiples outils dont il est doté et à la gamme d’effets qu’il permet de produire pour des réalisations des plus originales. Il est compatible avec les autres logiciels de cette compagnie, dont Illustrator, ImageReady, Acrobat, etc. Réalisations possibles Photoshop est un logiciel grandement utilisé pour le traitement de photographies numériques. Par contre, celui-ci peut servir à de multiples autres tâches. Il permet de modifier ou de créer des images, de fusionner des images, de réaliser des logos, de corriger des couleurs, d’appliquer de multiples effets et des filtres, de créer des fonds et des puces, d’ajouter des effets spéciaux, de faire des montages, etc. Bref, le mot d’ordre à ne pas oublier avec Photoshop est créativité! Les pixels Photoshop est programmé pour travailler avec des images de type bitmap, aussi appelé image matricielle. Celles-ci sont constituées de points appelés Pixels (Picture Elements) dont la forme est carrée et dont la taille est identique pour chacun. Lorsqu’on agrandie une image matricielle, il est possible de voir ces petits carrés qui sont les pixels. Ceux-ci sont organisés en lignes et en colonnes pour former une image. Chaque pixel peut donc être retoucher indépendamment et contient ses propres informations de couleur et d’emplacement. La résolution Le nombre de pixels que comporte une image va déterminer sa qualité. Une résolution de 72 pixels/pouce aura un contour plus flou alors qu’une image dont la résolution est de 300 pixels/pouce aura un contour plus lisse. • Plus le nombre de pixels est élevé, meilleure est la définition de l’image. • Plus le nombre de pixels est élevé, plus l’image est lourde. Un agrandissement de l’image diminue sa qualité globale puisque chaque pixel est agrandi. Pour une image destinée à l’impression, la résolution idéale est de 300 pixels/pouce. (Peut aussi être appelé 300 dpi) Pour une image destinée à un ordinateur ou à Internet, la résolution idéale est de 72 16

pixels/pouce, puisque l’ordinateur ne permet pas d’afficher en meilleure résolution. Une résolution plus haute ne fera qu’alourdir l’image et ralentir le téléchargement. Lors de la création d’un nouveau document, on choisit dès le départ la résolution (donc la qualité d’image) que l’on veut lui donner. Si l’on veut modifier la résolution d’une image en cours de route : Menu Image / Taille de l’image, modifier la valeur dans le carré Résolution.

1) Créer un nouveau document Menu Fichier, sous-menu Nouveau (ou le raccourci clavier Ctrl + N) Dans la boîte de dialogue qui apparaît, on doit nommer le document et les éléments importants à modifier sont : - Écrire un titre - Inscrire les dimensions du document voulu dans l’unité de mesure désirée ; - Choisir le mode de couleur, soit Couleur RVB ou Couleur CMJN pour un document couleur ou Niveaux de gris; - Définir l a résolution : 300 pixels/pouces (impression) ou 72 pixels/pouces (Internet) - Choisir le Contenu de l’arrière-plan soit : blanc, transparent ou couleur d’arrièreplan.

2) Environnement Photoshop

17

1 3

2

4

5

a) Barre des menus On y retrouve les menus pour l’exécution des tâches, organisés par sujet. Fichier Sous ce menu les fonctions utiles sont : Nouveau (document), Ouvrir (un document), Enregistrer ou enregistrer sous et Imprimer. Édition Sous ce menu on retrouve les fonctions : Annuler une action (seulement une fois) (Ctrl+z), Couper (Ctrl+x), Copier (Ctrl+c), Coller (Ctrl+v), Aller vers l’avant (Maj+Ctrl+z), Aller vers l’arrière (Alt+Ctrl+z), pour annuler plusieurs actions. Image Ce menu permet de changer le Mode de l’image, les Réglages, la Taille de l’image, la Taille de la zone de travail et d’appliquer une Rotation de la zone de travail. Calque 18

Ce menu permet entre autres de créer un Nouveau calque, de Dupliquer le calque, de modifier les Propriétés du calque et son Style de calque. Sélection Ce menu permet de : Tout sélectionner (Ctrl+a), de Désélectionner (Ctrl+d), de Resélectionner (Maj+Ctrl+d), d’Intervertir la sélection (Maj+Ctrl+i), de sélectionner Tous les calques (Alt+Ctrl+a) et de Désélectionner les calques. Filtre Ce menu contient tous les filtres d’effets, ainsi que la Galerie de filtres. Affichage L’élément le plus important sous ce menu est Règles (Ctrl+r) qui permet d’afficher les mesures autour de l’image. Lorsque celles-ci sont apparues, on peut double-cliquer dessus pour modifier l’unité de mesure. En cliquant une fois sur la règle sans relâcher la souris, on peut faire glisser une ligne- repère. Plusieurs repères peuvent être affichés à la fois et ils peuvent être déplacés avec l’outil de déplacement. Les repères ne modifient pas l’image et servent surtout à aligner les éléments. Si on souhaite les bloquer pour qu’ils ne bougent plus : menu Affichage / Verrouiller les repères. Pour les débloquer : menu Affichage / Effacer les repères. Fenêtre Sous ce menu, toutes les fenêtres utiles sont déjà affichées par défaut dans la palette des menus. Le seul qui pourra être utile pour les textes se nomme Paragraphe. Aide Ce menu permet d’accéder à l’aide Photoshop.

19

b) Palette d’outils La palette d’outils contient des outils permettant la manipulation d’images. Les outils dont l’icône contient un triangle dans le coin inférieur droit cachent d’autres outils. Il suffit de cliquer deux fois sur l’icône pour y accéder. Chaque outil possède son raccourci clavier qui se compose toujours de la lettre qui se trouve entre parenthèses lorsque l’on survol l’outil.

Ellipse de sélection Lasso Recadrage

Déplacement Baguette magique Tranche

Correcteur Tampon Gomme à effacer Goutte d’eau

Pinceau Forme d’historique Pot de peinture Densité Texte Rectangle

Sélection de tracé Plume

Pipette Zoom

Annotations Main

Couleur d’arrière-plan Mode masque

Couleur de premier plan Mode standard

Plein écran avec menus, plein écran sans menu

Fenêtres standard Modifier dans Image Ready c) Barre d’options La barre d’option contient les options d’utilisation des outils d) Palette des menus Les palettes des menus offrent différentes options. Chaque palette est représentée par un onglet. Pour activer une palette, il suffit de cliquer sur l’onglet correspondant. En débutant par le haut, les onglets à connaître sont les suivants : Navigation : Permet de contrôler avec le curseur et de visualiser la prise de vue (surtout lorsque l’on zoom sur l’image) Couleur, Nuancier et Style : permettent de choisir une couleur et un style. (Pour la couleur on peut également la choisir via la Palette des outils) Historique : Affiche dans l’ordre les actions posées. Il permet donc, au même titre que le Ctrl+z, d’annuler des actions en les sélectionnant dans la liste. Attention, car le nombre d’actions que l’historique conserve est limité.

20

Calques : Permet de gérer les calques d’une image. C’est ici que l’on peut les superposer dans l’ordre que l’on veut. C’est également l’endroit pour leur donner un nom. e) Barre d’état La barre d’état affiche différents renseignements relatifs au fichier et à l’opération en cours.

3) Gestion des calques Une composition dans Photoshop est formée de couches superposées appelées Calques, sur lesquelles on peut ajouter différents éléments. L’ensemble des calques constitue l’image. Il est primordial de n’utiliser qu’une seule image par calque. De cette façon, il est beaucoup plus facile de modifier les images ou les éléments que l’on veut sans apporter de changement aux autres calques. Ainsi, pour chaque nouvel élément, on créer un nouveau calque. Chaque calque se travaille séparément, sans affecter les autres calques. Seul le contenu du calque actif peut être modifié, à moins que d’autres calques soient liés à celui-ci. L’ordre des calques détermine la superposition des objets dans l’image. Le calque placé en haut de la liste sera donc celui qui sera affiché au premier plan dans l’image. Les calques augmentent la taille du fichier, mais facilitent la modification de l’image.

4) Afficher la palette des calques La palette des calques est la plupart du temps affichée au démarrage du logiciel. Pour la sélectionner, il suffit de cliquer sur l’onglet Calques dans le dernier groupe de palettes des menus ou de l’afficher via le menu Fenêtre / Calques.

21

Sélectionner un calque Pour modifier un calque, il faut d’abord le sélectionner en cliquant dessus. Le calque devient actif lorsqu’il est affiché en surbrillance (bleu). Les calques visibles à l’écran sont précédés de l’icône de l’icône .

et les calques masqués sont précédés

Déplacer un calque

1. Dans la palette Calques, pointez le calque à déplacer. Le pointeur se transforme alors en main. 2. Glissez ensuite le calque à la position désirée dans la palette, sans lâcher le bouton de la souris. La superposition des objets dans l’image en sera modifiée. Calque Arrière-Plan On ne peut pas déplacer ni modifier le calque Arrière-Plan. Ce dernier apparaît toujours au bas de la liste. On peut voir qu’il est bloqué avec l’icône du cadenas . Pour le modifier, il suffit de le transformer en un simple calque tout simplement en double- cliquant dessus ou en le sélectionnant, puis en cliquant sur le cadenas. Il se produit la même chose avec une image ou une photo ouverte dans Photoshop. Lorsqu’elle est ouverte, la photo ou l’image est automatiquement logée sur un calque qui joue le même rôle que le calque Arrière-Plan. Il suffit encore de double-cliquer dessus pour le modifier ensuite. Déplacer le contenu d’un calque 1. Activez le calque dont vous désirez déplacer le contenu. 2. Activez ensuite l’outil de déplacement dans la palette d’outils . 3. Dans la fenêtre du document, glissez le contenu du calque à la position désirée. Les touches de déplacement (flèches sur le clavier) peuvent également être utilisées afin de déplacer avec précision l’objet sélectionné. Agrandir ou réduire le contenu d’un calque 1. Activez le calque dont vous désirez déplacer le contenu. 2. Activez ensuite l’outil de déplacement dans la palette d’outils . 3. Dans la fenêtre du document, le calque apparaît avec un contour pointillé. Positionnez le curseur sur un des coins et, en ne lâchant pas le bouton de gauche de la souris, agrandissez ou réduisez le calque. * Maintenez la touche Shift enfoncée pour un agrandissement ou une réduction qui conserve les proportions. 4. Le contour pointillé du calque change alors pour une ligne pleine. Pour terminer la transformation, il suffit d’appuyer sur la touche Entrée.

22

Copier un calque 1. Activez le calque à copier - Appuyez sur le bouton de droite de votre souris et choisissez Dupliquer le calque dans le menu qui apparaît ou - Glissez le calque sur le bouton affiché au bas de la palette Calques ou - Ctrl+j

La mention Copie suit le nom du nouveau calque qui s’est placé au dessus de celui qui a été copié. Supprimer un calque Pour supprimer un calque, vous n’avez qu’à le glisser sur l’icône affichée au bas de la palette Calques ou en cliquant sur bouton de droite de la souris et sélectionner Supprimer le calque dans le menu. Créer un nouveau calque Lorsque vous insérez un nouveau calque, ce dernier s’insère au-dessus du calque qui est déjà activé. Pour ce faire : Cliquez sur le bouton

affiché au bas de la palette Calques.

Renommer un calque 1. Dans la palette Calques, double-cliquez sur le nom du calque à renommer. 2. Dans la case Nom, tapez ensuite le nom désiré. Fusionner des calques On peut fusionner ensemble autant de calques que l’on désire. La fusion permet à deux ou plusieurs calques de ne former qu’un seul calque. Ainsi, il est possible de déplacer, d’agrandir ou de rapetisser 2 ou plusieurs calques en même temps, ou encore d’appliquer un effet à 2 ou plusieurs calques en même temps. La procédure est simple, on sélectionne le premier calque à fusionner, on enfonce la touche Ctrl sur le clavier et on sélectionne tous les autres calques que l’on désire fusionner ensemble. Puis on accède au menu caché de la palette des calques et on choisi Lier les calques. On peut aussi accéder à ce menu par le bouton de droite de la souris. 23

Aplatir une image L’aplatissement d’une image fusionne tous les calques. Cette procédure diminue considérablement la taille d’un fichier. Toutefois, elle doit être effectuée à la toute fin d’un travail, puisque par la suite, vous ne pourrez plus apporter de changements à vos calques. Il est alors conseillé de conserver une copie du fichier .psd avec ses calques intacts, afin de pouvoir y apporter d’éventuels changements. Pour aplatir une image : Assurez-vous que tous les calques soient affichés (vérifiez que chaque calque soit précédé de l’icône ). Si tous vos calques ne sont pas affichés, Photoshop vous demandera si vous désirez supprimer les calques masqués lors de l’aplatissement de l’image. Dans le menu caché de la palette Calques, ou via le bouton de droite de la souris, sélectionnez Aplatir l’image. Lorsque votre image est aplatie le fichier ne comporte plus qu’un seul calque nommé Arrière-plan.

24

Insérer une image dans un fichier 1. 2. 3. 4.

Ouvrez le fichier contenant l’image à insérer. (Fichier / ouvrir) Assurez-vous de voir partiellement les fenêtres des deux fichiers concernés. Activer l’outil de déplacement . À l’aide de l’outil de déplacement, glissez l’image à la position désirée dans le fichier réceptif. Votre pointeur détermine alors l’emplacement de l’image. 5. Un nouveau calque va alors se créer.

Note Si l’Image refuse de se glisser, c’est probablement parce qu’elle est en mode Couleurs indexées (.gif). Il faut alors passer par le menu Image / Mode et sélectionner RVB afin de pouvoir la modifier ou la transférer sur une autre image. Changer l’opacité des calques Le niveau d’opacité d’un calque détermine sa capacité à laisser voir le contenu des calques situés au-dessous. Par exemple, une image d’une opacité de 100 % cachera complètement les calques situés en dessous.

25

Pour modifier l’opacité : 1. Activez le calque concerné. 2. Dans la case Opacité de la palette Calques, entrez la valeur désirée ou cliquez sur l’icône de cette case et glissez le curseur.

5) Les outils de sélection 1. L’outil Rectangle de sélection et l’outil Ellipse de sélection Ces outils permettent la sélection d’un objet de forme rectangulaire, carré, ovale ou circulaire. Également, sous l’outil Rectangle de sélection , outre l’outil Ellipse de sélection , vous pouvez y retrouver les outils Rectangle de sélection 1 rangée et l’outil Rectangle de sélection 1 colonne, qui vous permettent de sélectionner une ligne d’un pixel de haut ou une ligne d’un pixel de large. Lorsque vous utilisez ces outils, vous pouvez régler les options suivantes dans la Barre d’options : Contour progressif : Crée un contour progressif qui, lors d’un effacement ou d’un déplacement, estompe la sélection du nombre de pixels spécifié. Style : L’option Proportions fixes permet d’entourer l’objet d’une sélection dont les proportions sont spécifiées aux cases Largeur ou Hauteur. Quant à l’option Taille fixe, elle permet d’entourer l’objet d’une sélection de la taille fixe spécifiée aux cases Largeur ou Hauteur. En maintenant la touche Shift enfoncée, la sélection conservera des proportions égales.

26

2. Le Lasso Le Lasso régulier permet la sélection d’une forme courbe irrégulière sans segment droit. Dans la barre d’options de l’outil, vous pouvez sélectionner l’option Lissé, ce qui permet de diminuer l’effet d’escalier produit par les pixels sur le contour de la sélection. Également, dans le menu caché de l’outil Lasso régulier, vous pouvez y retrouver le Lasso polygonal . Ce dernier permet la sélection d’une forme présentant des angles et des segments droits. Pendant le tracé d’un segment, appuyez sur la touche Alt pour passer au Lasso régulier et tracez une courbe en gardant le bouton gauche de la souris enfoncé. Relâchez le bouton Alt pour retourner au Lasso polygonal. Enfin, vous pouvez utiliser le Lasso magnétique qui permet de sélectionner une forme plus complexe ou détaillée. Le cadre de sélection se colle automatiquement sur une couleur demandant la plupart du temps moins de précision lors du tracé. Dans la barre d’options de l’outil, la Largeur du lasso détermine la largeur de l’attraction du lasso en pixels. Plus la valeur est élevée, moins la forme doit être contournée avec précision. L’option Fréquence détermine le rapprochement des points d’ancrage lors de la sélection. Finalement, pour définir la sensibilité du lasso, entrez une valeur comprise entre 1 % et 100 % dans la zone Déviation du contour. Une valeur élevée permet de détecter uniquement les contours qui contrastent nettement avec leur environnement tandis qu’une valeur faible permet de détecter les contours moins contrastés. 3. La Baguette magique La Baguette magique permet une sélection basée sur la couleur. Dans la barre d’option, vous remarquerez que par défaut, l’option Tolérance est à 32. En effet, ceci signifie que 32 tons plus clairs et plus foncés (que le pixel sélectionné) seront sélectionnés. L’option Pixels contigus sélectionne une surface qui s’étend jusqu’à la rencontre d’une couleur qui dépasse le seuil de tolérance spécifié. Enfin, si vous sélectionnez l’option Utiliser tous les calques, l’action sera appliquée à tous les calques du fichier s’il en possède plus d’un. Si cette option n’est pas sélectionnée, la baguette s’appliquera seulement sur le calque sélectionné. En maintenant la touche Shift enfoncée, cela permet de sélectionner plus d’une couleur en même temps.

27

4. Le Recadrage L’outil Recadrage vous permet de recadrer, redresser ou de faire pivoter une photo.

Note Pour annuler une sélection, utilisez une de ces procédures : Appuyez sur les touches Ctrl+d ou Allez dans le menu Sélection / Désélectionner

6) Application de filtres Les filtres permettent de modifier les images. Ils offrent des possibilités quasi illimitées et leurs effets sont cumulatifs, c’est-à-dire qu’il est possible d’appliquer plusieurs effets sur une même image. De plus, contrairement aux effets qui ne s’appliquent qu’aux calques entiers, les filtres peuvent s’appliquer aux parties d’images. Toutefois, l'application de filtres, en particulier à des images volumineuses, peut prendre du temps. Il est alors intéressant d'afficher l’aperçu avant leur application (notez toutefois que ce ne sont pas tous les filtres qui offrent un aperçu avant application). Vous pouvez alors choisir d'appliquer le filtre ou d'annuler l'opération sans perte de temps. Également, pour gagner du temps, testez les filtres sur une petite portion de l’image ou sur une version de basse résolution.

7) Application de filtres individuellement Lorsque vous appliquez un filtre, vous pouvez : • L’appliquer à un calque entier : pour ce faire, faites-en sorte que ce calque soit actif (dans la fenêtre calque) ou sélectionné. • L’appliquer à une zone d'un calque : pour ce faire, il vous suffit de sélectionner cette zone à l’aide d’un des outils de sélection, soit l’outil rectangle de sélection, le lasso ou encore la baguette magique. Ensuite, choisissez un filtre dans les sous-menus du menu Filtre.

Note Lorsque vous appliquez un filtre, si aucune boîte de dialogue ne s’affiche, ceci signifie que l'effet de filtre est déjà appliqué. En revanche, si une boîte de dialogue s'affiche, il vous faut entrer les valeurs ou sélectionner les options pour le filtre sélectionné.

28

8) Utilisation de la Galerie de filtres La Galerie de filtres permet de cumuler les effets de différents filtres et d'appliquer chaque filtre plusieurs fois. Vous pouvez également changer l'ordre des filtres et les paramètres de chaque filtre appliqué afin d'obtenir les effets souhaités. Notez toutefois que certains filtres disponibles ne pourront pas être appliqués avec la Galerie de filtres. Il vous faudra alors les appliquer individuellement en passant par le menu Filtre.

9) Affichage de la Galerie de filtres Pour afficher la Galerie de filtres, cliquez sur Filtre / Galerie de filtres. Vous pouvez ainsi constatez l’effet du filtre avant même de l’appliquer.

A

B

C

D

E

10)

Ajouter du texte

Les outils de texte permettent d’insérer du texte de différentes façons :

1. L’outil Texte horizontal permet d’écrire du texte de gauche à droit. 2. L’outil Texte vertical permet d’écrire verticalement. 3. L’outil Masque de texte horizontal crée une sélection en forme de lettres de 29

gauche à droite. 4. L’outil Masque de texte vertical crée une sélection en forme de lettres disposées verticalement. Le texte se place sur un calque que l’on peut ensuite déplacer avec l’outil de déplacement. Pour revenir modifier le texte, il faut sélectionner l’outil texte et de cliquer sur le texte dans la fenêtre du document. Pour délimiter précisément la zone de texte, il suffit de dessiner la zone immédiatement après la sélection de l’outil texte.

11)

Les catégories d’image et leurs propriétés

Il existe deux catégories d’image : les formats matriciels et les formats vectoriels. L’image matricielle C’est le type d’image que l’on traite avec Photoshop. L’image matricielle est décrite par une matrice de pixels. Chaque pixel (généralement de forme carrée) contribue à la formation de l’image. Un pixel est une unité fondamentale de l’image qui est insécable. Chacun peut être retravaillé indépendamment des autres pixels constituant l’image : on peut changer la couleur d’un pixel sans modifier la couleur de ceux qui l’entourent. Avec l’imagerie matricielle : • Problème de poids de l'image, car chaque pixel a sa propre valeur de couleur, ce qui alourdi le fichier. • Traitement et retouche de l’image aisés puisque chaque pixels peut être traité séparément. • Problème de redimensionnement : on ne peut agrandir une image matricielle tant que l’on veut, sinon il sera possible de voir les pixels. L’image vectorielle Il est possible de créer des images vectorielles avec le logiciel Illustrator. Ce type d’image, dont la représentation est faite par des formes géométriques qui peuvent être décrites d'un point de vue mathématique, permet un redimensionnement de l'image sans aucune dégradation. Ainsi, l’image vectorielle offre une meilleure qualité d'impression. Elle est surtout utilisée pour les dessins et les animations. Redimensionnement :

30

Bref, les formats vectoriels sont plus avantageux par rapport aux formats matriciels puisque leurs dimensions peuvent être modifiées sans perte de qualité. Il est donc facile de contrôler la taille des fichiers d’imagerie matricielle. Par contre, ceux-ci sont relativement lourds à véhiculer sur Internet à cause de l'absence de compression. On préférera donc d’utiliser l’imagerie matricielle pour publier une image sur Internet, car il est possible de compresser un fichier .PSD (fait par Photoshop) en .JPG ou en .GIF, qui sont les formats vedettes du Web.

12)

Les formats d’image

En fonction du mode de couleurs et du format de départ de l’image, Photoshop propose différents formats d’enregistrement qui se traduisent par une extension au nom du fichier: PSD (Photoshop Saving Document) Format habituel de Photoshop qui conserve les calques et les informations reliés à l’image. Le fichier .PSD est toujours celui dans lequel on doit travailler. Note : Pour enregistrer dans les formats qui suivent, l’image doit d’abord être aplatie. Plusieurs de ces formats présentent des options au moment de l’enregistrement. La compression possible avec certains formats diminue la taille des fichiers et, conséquemment, le temps nécessaire à leur chargement. BMP (Bitmap) Format d’image sur Windows et DOS comportant 16 256 couleurs. Les images de fond du bureau de Windows sont généralement de ce format. L’utilisation de l’option de compression 31

RLE n’est pas recommandée. Ce format est supporté par Paint, PaintShopPro et toute autre application de traitement d’images. GIF (Graphics Interchange Format) Format compressé de 256 couleurs utilisé pour les images à haut niveau de contrastes pour diffusion sur le Web. Ce format gère la transparence et les dessins animés. Supporté par les navigateurs Internet, PaintShopPro et toute autre application de traitements d’images. Photoshop EPS (Encapsulated PostScript) Supporte des images vectorielles et matricielles. C’est le format idéal pour le transfert vers d’autres applications (Illustrator notamment). Ce format gère la transparence, mais ses fichiers sont de très grande taille (presque 3 fois plus qu’un fichier TIFF non compressé). Il est supporté par les applications Illustrator, Freehand, QuarkXPress, InDesign et PageMaker. JPEG (JPG) (Joint Photographic Expert Group) Format compressé utilisé pour transmettre des photographies et images en tons continus sur Internet notamment. C’est le format qui offre le meilleur rapport taille/qualité d’image. Les paramètres de compression peuvent être ajustés, mais provoquent la perte de certaines informations de l’image. PDF (Portable Document File) Ce format est utilisé avec l’application Acrobat de Adobe, il est comparable au format EPS, supportant les images matricielles et vectorielles. TIFF (TIF) (Tagged Image File Format) Est utilisé pour l’échange de fichiers entre applications et plateformes. Ce format est supporté par la plupart des numériseurs et des applications de traitement d’images et de mise en pages. Il propose une compression LZW qui ne modifie pas la qualité de l’image.

13)

Choisir le bon format d’image

Les deux formats d'images les plus fréquemment inclus dans une page Web sont le format GIF Compuserve (*.gif) et le format JPEG compressé (*.jpg). Si l’image est une photo, le choix est simple. C'est le format JPEG qui est le plus approprié. Pour une qualité d'image supérieure, un fichier JPEG est beaucoup plus petit, en termes de poids, qu'un fichier GIF. Si l’écran est configuré pour afficher plus de 256 couleurs, on remarque que l'image JPEG est de meilleure qualité. Une image GIF, en effet, affiche au maximum 256 couleurs alors qu'une image JPEG peut en afficher 16,7 millions. Pour une image non photographique, si l’image comporte peu de couleurs (quelques dizaines au plus) et peu de dégradés, le format GIF est tout indiqué. Si on souhaite conserver la transparence de l’arrière-plan, le GIF est le format à choisir. Même si une image a un fond transparent et qu’on l’enregistre en JPEG, la transparence sera remplacée par un fond blanc. Pour les autres images, on a le choix entre un fichier JPEG ou un fichier GIF utilisé avec une palette optimisée (cette palette contient les 256 couleurs les plus présentes dans l’image). À 32

qualité et taille semblables, il vaut mieux utiliser un fichier de format GIF, les couleurs seront plus exactes.  La barre d'outils en détails Cette palette contient de nombreux outils de sélection, de dessin, de texte, de gestion de l'affichage… Presque tous sont accessibles via un raccourci clavier (indiqué ici entre parenthèses).

Aide en ligne Rectangle de sélection (M) Lasso polygonal (L) Recadrage (C) Pièce (J) Tampon (S) Gomme (E) Goutte d'eau (R) Sélection de tracé (A) Plume (P) Annotations (N) Main (H) Couleur de premier plan Couleurs par défaut (D)

Déplacement (V) Baguette magique (W) Tranches (K) Pinceau (B) Forme d'historique (Y) Dégradé (G) Densité (O) Texte (T) Formes (U) Pipette (I) Loupe (Z) Inversion des couleurs (X) Couleur d'arrière-plan Mode masque (Q)

Affichage des fenêtres (F) Bascule vers Image Ready

On peut regrouper les outils de Photoshop en différentes familles : Sélection Dessin et tracé Autres

33

Les outils de sélection Le rectangle Outils masqués (visibles par clic maintenu sur l'icône) - Rectangle : Sélection rectangulaire avec ou sans proportions imposées - Ellipse : Sélection en ellipse avec ou sans contrainte de taille - Rangée : Sélection en rangée de 1 pixel de haut - Colonne : Sélection en colonne de 1 pixel de large

Le lasso - Lasso : Sélection à forme libre Outils masqués (visibles par clic maintenu sur l'icône) - Lasso polygonal : Sélection point par point par segments de droite - Lasso magnétique : Sélection à main levée avec reconnaissance automatique du contour de la zone sélectionnée

Le recadrage (Pas d'outils masqués)

- Recadrage : Sélection d'une zone à recadrer avec ou sans contrainte de proportions, taille et résolution de l'image

La baguette magique (Pas d'outils masqués)

- Baguette magique : Sélection de zones image en fonction de leur teinte, avec ou sans tolérance d'écarts à la référence imposée

Les tranches - Tranches : Découpage d'une image en plusieurs sections Outils masqués pour permettre des réglage d'exportation web différents d'une (visibles par clic maintenu sur l'icône) section à l'autre - Sélection de tranche : Sélection de la tranche que l'on souhaite active

34

La sélection de tracé Outils masqués (visibles par clic maintenu sur l'icône) - Sélection de tracé : Sélection et manipulation d'un ou plusieurs tracé(s) - Sélection directe : Permet la modification d'un point de tracé

Les outils de dessin et de tracé La plume Outils masqués - Plume : Réalisation de tracés rectilignes ou curvilignes (visibles par clic maintenu sur l'icône) convertibles en sélection - Plume libre : Dessin vectoriel à main levée - Ajout de point : Ajoute un point d'ancrage sur un tracé - Supprimer le point : Enlève un point inutile sur un tracé - Conversion de point : Converti un type de point en un autre sur un tracé composite

Les formes Outils masqués - Rectangle : Tracé vectoriel de forme rectangulaire (visibles par clic maintenu sur l'icône) - Rectangle arrondi : Idem avec bords arrondis (type bouton) - Ellipse : Tracé vectoriel en ellipse - Polygone : Tracé vectoriel polygonal avec imposition du nombre de côtés - Trait : Tracé vectoriel pour traits et des flèches - Forme personnalisée : Sélection d'une forme de tracé vectoriel à choisir dans la palette d'options

Le pinceau Outils masqués - Pinceau : Dessin pixélisé à main levée, paramétrable (visibles par clic maintenu sur l'icône) (épaisseur, opacité, débit…) produisant des bords plus ou moins flous - Crayon : Idem avec bords nets

35

La pièce Outils masqués - Correcteur : Clonage d'une zone et sa copie avec (visibles par clic maintenu sur l'icône) préservation de la luminosité - Pièce : Clonage d'une zone sélectionnée à la main et sa copie avec intégration de luminosité, contraste et texture

Le tampon Outils masqués - Tampon de duplication : Clonage parfait d'une zone et sa (visibles par clic maintenu sur l'icône) copie sur une autre (bord net ou flou, taille paramétrable) - Tampon de motif : Application d'un motif prédéfini ou personnalisé sur une zone image

La forme d’historique Outils masqués - Forme d’historique : Permet de dessiner et faire apparaître (visibles par clic maintenu sur l’icône) un état antérieur de l’image - Forme d’historique artistique : idem permettant en plus un fondu entre deux états (antérieur et actuel) d’une image

La gomme - Gomme : Efface plus ou moins un dessin ou un calque pour Outils masqués (visibles par clic maintenu sur l'icône) le rendre transparent - Gomme d'arrière-plan : Utilisation plus sélective de la gomme sur un calque - Gomme magique : Efface tous les pixels similaires à ceux sélectionnés comme référence

36

Les autres outils Le texte Outils masqués - Texte horizontal : Permet d'écrire avec une orientation (Visibles par clic maintenu sur l'icône) horizontale - Texte vertical : idem en vertical - Masque de texte horizontal : Permet l'incrustation dans du texte avec orientation horizontale - Masque de texte vertical : idem en vertical

Le dégradé Outils masqués - Dégradé : Réalisation de différents types de dégradé (visibles par clic maintenu sur l'icône) (linéaire, circulaire…) en vue du remplissage d'une zone image - Pot de peinture : Remplissage d'une sélection ou d'un calque avec une couleur uniforme à définir

La goutte d'eau Outils masqués - Goutte d'eau : Crée un effet de flou sur une zone de l'image (visibles par clic maintenu sur l'icône) - Netteté : Effet inverse en augmentant le microcontraste d'une zone - Doigt : Adouci certaines zones d'une image en en mélangeant les couleurs localement

La densité - Densité - : Réduit la densité d’une zone image (taille, forme, Outils masqués dureté du contour paramétrables) (visibles par clic maintenu sur l’icône) - Densité + : Augmente la densité d’une zone image (taille, Forme, dureté du contour paramétrables) - Éponge : Augmenter ou de réduire localement la saturation des couleurs

Le mode masque (Pas d’outils masqués)

- Mode standard (gauche) : Affichage des sélections de façon classique avec les outils dédiés - Mode masque (droite) : Affichage et modifications des sélections avec des outils de dessin et affichage coloré

37

L’affichage des fenêtres (Pas d’outils masqués)

- Standard (gauche) : C’est le mode d’affichage par défaut de Photoshop avec fenêtres, palettes et barres d’outils - Fenêtre plein écran (milieu) : Affichage de la fenêtre image en plein écran (1 seule image à la fois) - Pleine image (droite) : Affichage de l’image sur un fond noir et sans les outils du logiciel

(Pas d’outils masqués)

- Loupe : Modifier le rapport de grandissement de l’affichage de l’image par zooming et zooming inverse

La loupe

La main (Pas d'outils masqués)

- Main : Navigation sur l'image quand celle-ci est affichée à un fort rapport de grandissement

Les couleurs (Pas d'outils masqués)

- Couleurs : Défini (par clic), inverse (double flèche) ou réinitialise (petits carrés) les couleurs de premier et arrière-plan

Les annotations Outils masqués - Annotations : Affiche un « Post-it » d'annotation sur les (visibles par clic maintenu sur l'icône) images - Annotation audio : Permet via un micro extérieur d'enregistrer un commentaire sonore accompagnant l'image

Le déplacement (Pas d'outils masqués)

- Déplacement : Permet le déplacement de sélections, calques image et calques de texte

La pipette

38

Outils masqués (visibles par clic maintenu sur l'icône) - Pipette : Mesure et affiche des informations et composantes colorées de l'échantillon de pixels sélectionnés - Échantillonnage de couleur : Permet de poser différentes pipettes sur l'image avec affichage simultané des données lues

L’aide en ligne (Pas d’outils masqués)

- Aide en ligne : Envoi direct vers le site internet d’Adobe et son aide en ligne

La bascule vers Image Ready (Pas d'outils masqués)

- Bascule ver Image Ready : Bascule l'image et ses modifications dans Image Ready en vue d'édition web

Points importants à retenir - Photoshop est un logiciel de traitement d'images. A ce titre, il vous permettra entre autres de: Corriger les défauts d'une photographie  photo ancienne abimée, déchirée..; etc.  éléments indésirables sur une image : fils électriques, personnage non souhaité… etc.  photo trop sombre (sous-exposée) ou trop claire (sur-exposée).  Créer de nouvelles images  montages de plusieurs photographies : déplacer un personnage sur un autre fond… etc.  inventer des images irréelles : combiner la photo et le dessin par exemple. - Photoshop fait partie des logiciels dit bitmap qu'on oppose aux logiciels vectoriels. Lorsque vous travaillez sur une image dans Photoshop, vous travaillez en fait sur un immense canevas composé de milliers de petits carrés colorés appelés pixels. Tout agrandissement ou transformation de l'image dégrade la qualité de celle ci, car le logiciel doit inventer de nouveaux pixels ou modifier les pixels existants. Interface Barre des menus Vous retrouvez en haut de votre fenêtre les différents menus au nombre de neuf : fichier, édition, image, calque, sélection, filtre, affichage, fenêtre, aide. La boite à outils Cette boîte à outils regroupe les outils qui vont vous permettre de transformer une bonne photo en un chefd’œuvre.

Références pour approfondir le chapitre Adobe Photoshop de la retouche au montage d'image Complexe,Dunod, 2007, 321 pages 39

Cédric Breton-Schreiner; L'essentiel de la PAO, Mise en pages, logiciels, police, image ,Groupe Eyrolles, 2009, 218 pages Exercices d’assimilations 1. Dans le bas à gauche de la fenêtre d’une image, il y a un cartouche qui indique des valeurs. On peut régler ce cartouche pour qu’il indique les valeurs qui concerne le document, cela se fait en utilisant le petit menu qui se trouve juste à côté du cartouche. A ce moment deux valeurs sont visibles, qu’est-ce qu’indique la valeur de gauche ? Indiquez la bonne réponse parmi ces quatre propositions. A. C’est la taille qu’occupe dans la RAM le document. B. C’est la taille qu’occuperait dans la RAM le document si on aplatissait les calques. C. C’est la taille qu’occupent dans la RAM tous les documents ouverts. D. C’est la taille qu’occupera sur le disque dur le document lorsqu’il sera enregistré. 2. Une image de 1000 pixels sur 2000 est redimensionnée pour qu’elle n’ait plus que 500 pixels sur 1000. Estce qu’elle occupera moins de place dans la RAM? Indiquez la seule bonne réponse parmi ces quatre propositions. A. Après redimensionnement, elle occupera autant de RAM qu’avant. B. Après redimensionnement, elle occupera deux fois moins de RAM qu’avant. C. Après redimensionnement, elle occupera quatre fois moins de RAM qu’avant. D. Après redimensionnement, elle occupera huit fois moins de RAM qu’avant. 3. Parmi toutes affirmations à propos des méthodes d’interpolation des pixels proposées dans la boite «Taille de l’image» de Photoshop, laquelle est la seule vraie? A. L’interpolation «Au plus proche» donne le résultat le plus correct quand on modifie le nombre de pixels d’une image. B. L’interpolation «Pyramide» donne le résultat le plus correct quand on modifie le nombre de pixels d’une image. C. L’interpolation «Au plus proche» donne le résultat le plus correct quand on modifie le nombre de pixels d’une image qui représente un graphique d’analyse. D. L’interpolation «Bicubique» est la méthode d’interpolation la plus rapide quand on modifie le nombre de pixels d’une image. 4. Parmi toutes ces affirmations à propos de l’option « Utiliser tous les calques » de Photoshop, laquelle est la seule vraie ? A. L’option « Utiliser tous les calques » est une option qui est spécifique à l’outil baguette magique. B. L’option « Utiliser tous les calques » est une option qui existe pour tous les outils de dessin. C. L’option « Utiliser tous les calques » est une option qui permet de dessiner sur plusieurs calques en même temps. D. L’option « Utiliser tous les calques » est une option qui est disponible pour l’outil baguette magique, et également pour l’outil tampon et pour l’outil doigt. 5. Parmi toutes ces affirmations à propos de la technique de création de sélections par «Plages de Couleurs», laquelle est la seule vraie? A. C’est une technique qui ressemble assez bien à la baguette magique, mais qui est moins évoluée. B. C’est une technique qui ressemble assez bien aux instantanés, mais qui est moins évoluée. C. C’est une technique qui ressemble assez bien à la baguette magique, mais qui est plus évoluée. D. C’est une technique qui ressemble assez bien aux instantanés, mais qui est plus évoluée. 6. Vous vous trouvez dans la version anglaise du logiciel Photoshop, où vous lisez un article de presse qui parle de la version anglaise. Et à un certain moment vous voyez le mot «Layers». De quoi s’agit-il ? A. Il s’agit des couches constitutives des images. 40

B. Il s’agit des couches de sélections mémorisées. C. Il s’agit des tracés vectoriels. D. Il s’agit des calques. 7. Parmi ces propositions, quelle est la seule définition valable pour expliquer ce qu’est le presse-papier ? A. C’est une fonctionnalité de Photoshop qui permet de ramener tous les calques d’une image en un seul. Cela permet d’enregistrer l’image dans un format qui n’accepte pas les calques, comme le format Photoshop EPS par exemple. B. C’est une partie des circuits de l’ordinateur qui est utilisée quand on fait passer des informations d’un logiciel à un autre ou d’un logiciel à lui-même, en utilisant les fonctionnalités de Copier/Coller. C. C’est une fonctionnalité de Photoshop qui permet de pré-visualiser sur l’écran la dégradation des couleurs qui surviendra lorsque l’image sera imprimée en offset. D. C’est un système qui permet de récupérer de l’espace-mémoire afin de pouvoir travailler sur des images très lourdes. Pour cela, il suffit d’aller dans le menu « Edition/Purger presse papier ». 8. Parmi toutes ces affirmations à propos des calques dans Photoshop, laquelle est la seule vraie ? A. Il n’est plus possible d’ajouter des effets spéciaux à un calque (tels qu’ombre portée ou biseautage par exemple) à partir du moment où on a déjà ajouté à ce calque un masque de fusion ou un masque vectoriel. B. On peut dessiner sur plusieurs calques en même temps, il suffit pour cela de les associer. C. Le fait de créer un calque n’alourdit pas l’image. C’est le nombre total de pixels contenu dans l’image qui influence le poids informatique de l’image. D. Quand on active un calque et qu’on enclenche l’option « préserver les zones transparentes », on ne sait plus dessiner sur ce calque. 9. Une palette graphique, c’est : A. Un ordinateur très puissant et coûteux, qui est souvent conçu pour ne faire fonctionner qu’un seul logiciel spécialisé dans la création graphique. B. Une plaque qu’on raccorde à l’ordinateur et qui permet de dessiner à l’aide d’un stylet. C. La gamme des couleurs qu’un écran peut afficher. D. Une plaque qu’on raccorde à l’ordinateur et qui permet de réaliser des mélanges de couleurs virtuelles. 10. Parmi toutes les affirmations suivantes qui parlent des fonctions de transformation de Photoshop, laquelle est la seule fausse? A. Lorsqu’une sélection est active sur une image, on peut aller dans le menu Edition et descendre jusqu’à la ligne de commande qui s’appelle «Transformation manuelle». B. Lorsque la vignette d’un tracé vectoriel est activée, on peut aller dans le menu Edition et descendre jusqu’à la ligne de commande qui s’appelle «Transformation manuelle du tracé». C. Lorsqu’une sélection est active sur une image, on peut aller dans le menu Sélection et descendre jusqu’à la ligne de commande qui s’appelle «Transformer la sélection». D. Lorsqu’un texte est sélectionné avec l’outil texte, on peut aller dans le menu Texte et descendre jusqu’à la ligne de commande qui s’appelle «Transformation manuelle du texte».

Bibliographie Adobe Photoshop de la retouche au montage d'image Complexe,Dunod, 2007, 321 pages. Cédric Breton-Schreiner; L'essentiel de la PAO, Mise en pages, logiciels, police, image ,Groupe Eyrolles, 2009, 218 pages.

41