DIN 1110 INFOGRAPHIE 1

Transcription

1 Photoshop Photoshop comme vous le savez peut- être déjà est un logiciel de retouche de photos conçu à l origine pour permettre aux photographes de faire des retouches sur des documents numériques. Ce logiciel fut rapidement récupéré par l industrie graphique. Au fil des versions, de nouvelles fonctions se sont ajoutées fessant aujourd hui de Photoshop un incontournable pour toutes personnes travaillant avec l image comme les designers industriels. Une parfaite maîtrise de Photoshop est absolument essentielle à tous les designers industriels, elle vous permettra de raffiner vos présentations et de mieux vendre vos concepts. Tout ça en un temps record. Ce document est un aide- mémoire et une aide à la prise de note durant le cours d infographie DIN1110. Il devrait vous simplifier la vie en vous rappelant les notions importantes et les procédures vues durant le cours. Il n est pas exhaustif et doit être complété par l étudiant. L interface L interface de Photoshop est entièrement ajustable et personnalisable. Des espaces de travail peuvent être enregistré sous Fenêtre/Espace de travail/nouvel espace de travail Sauvegarder l organisation de l espace de travail et les réglages peut vous aider à travailler plus efficacement. Si vous ouvrez Photoshop et que votre espace de travail est différent de ce que vous connaissez, ou si vous fermez une fenêtre par erreur, vous pouvez réinitialisé les palettes avec Fenêtre/Espace de travail/conception ensuite Fenêtre/Espace de travail/rénitialisé Conception (Reset Conception). Les menus Dans Photoshop presque toutes les fonctions se retrouvent à l intérieur des menus principaux. Elles sont très simplement organisées dans les sections : Fichier, Édition, Image, Calque, Sélection, etc. Nous ferons dans cette partie des notes un survol des principales fonctions que l on retrouve dans Photoshop et que nous utiliserons dans le cours. Je vous invite à imprimer cette section et la lire en testant chacune des fonctions sur des images de votre choix. Fichier On retrouve dans ce menu toutes les fonctions relatives au fichier comme tel. On y retrouve les commandes traditionnelles : nouveau, ouvrir, enregistrer, enregistrer sous, etc. Certaines fonctions plus complexes s y trouvent aussi, mais rien qui nous serait utile au point où nous en sommes. J attire tout de même votre attention sur la fonction Fichier/version précédente (file/revent) qui effacera tous les changements à l image ouverte et vous montrera l image comme elle a été enregistrée lors de la dernière sauvegarde. C est l équivalent de fermer l image sans l enregistrer et de la rouvrir. Cette commande est sans retour (on ne peut pas faire Undo) alors, faites attention. 2

2 Édition Le menu Édition comme tous les logiciels cache la très utile Copie/Coller et tout ces variantes comme Coller sur place (cut in place) ou Coller dedans (cut inside). Il cache aussi une commande extrêmement importante de Photoshop soit Édition/ Transformation manuelle (free transform). Cette fonction permet d appliquer en une seule opération une Homothétie (scale), une rotation (rotate), une déformation (deform) ou une symétrie (mirror). Dans le menu Édition, on retrouve toutes ses transformations individuellement dans le menu Transformation (transform). Par contre, il est préférable de toujours utiliser l outil Transformation manuel, car le résultat final sera de meilleure qualité. Je m explique, si vous faites une mise à l échelle de 50 % d une image avec la commande Édition/ transformation/ Homothétie puis vous faites une rotation de 45 degrés de l image, Photoshop ne dispose que de 50 % de l information de l image initiale pour faire la rotation. Il en résultera une image un peu plus floue que si vous faites les deux commandes dans une seule étape avec la fonction Édition/transformation manuelle. Photoshop possédera dans ce cas toute l information initiale de l image pour faire à la fois la mise à l échelle et la rotation. Une autre fonction d ont vous aurez besoin à la fin de ce cours (le travail final!) ce trouve aussi dans ce menu soit Édition/Couleurs cette boîte de dialogue gère la représentation et l interprétation des couleurs de Photoshop. Nous en parlerons à la fin du cours. Image Ce menu comme son nom l indique gère tout ce qui est propre à l image comme son mode ou mode de coloration (RGB, CMYK, Niveau de gris (Grayscale), etc.) sous le sous- menu Image/mode. Le mode de l image indique dans quelle synthèse de couleur les informations relatives à la couleur des pixels sont enregistrées. Soit entre autres : en noir et blanc (grayscale), dans la synthèse additive (RGB) ou dans la synthèse soustractive (CMYK). Il existe d autres modes de coloration pour différent besoin plus spécialisé, mais nous ne les couvrirons pas dans ce cours. Le sous- menu Image/Réglage (Image/adjustment) est un vestige de la version 2 de Photoshop, je dis que c est un vestige, car avant l apparition des calques dans Photoshop les réglages qu on 3

3 appliquait à une image en utilisant les ajustements du menu Image/Réglage étaient réellement appliqués à toute l image. Aujourd hui un réglage fait avec ces fonctions ne s applique plus à toute l image, mais bien à une certaine couche de l image appeler Calque. Voir la section suivant pour une explication sur les calques. Ce menu devrait normalement se retrouver dans le menu Calque, ce serait plus logique ainsi. De plus dans ce cours, je vous monterai à travailler de manière non destructive avec Photoshop. Ce qui veut dire que nous ne modifierons presque jamais nos images de manière permanente. Justement, les modifications sous Image/ Réglage sont permanentes. On choisira plutôt les calques de réglage (Adjustement layers) sous le menu Calque (layer) pour faire des ajustements de couleur. Nous couvrirons les différents types d ajustement plus tard dans le cours. La troisième section du menu Image contenant Tons, Contraste et Couleur automatique est à proscrire pour les mêmes raisons que les réglages de la section précédente. Ils vous seront probablement très utiles un jour, mais puisqu ils agissent sur l image sans vous dire exactement comment, nous les éviterons dans ce cours. Je vous montrerai plutôt comment faire ces modifications manuellement et correctement de manière non destructive. La section suivante regroupe toute les opérations que l on peut faire au canevas de notre image. Premièrement son nombre de pixels vertical et horizontal ainsi que leur répartition par pouce (résolution). C est à cet endroit qu il faut aller pour voir le nombre de pixels que contient l image ainsi que sa résolution. Ensuite on retrouve dans le menu Image/Taille de la zone de travaille (Image/Canvas size). Alors que le premier permettait d ajouter ou d enlever des pixels à l intérieur même de l image ce dernier permet d ajouter (ou d enlever) des pixels en périphérie de l image, comme si on ajouterait du papier autour de votre image. 4

4 Calque (layer) Dans Photoshop l information des images est répartie sur différentes couches nommées calques, le terme calque est mieux connu en anglais sous l appellation layers. Il faut imaginer les images dans Photoshop non pas comme une image sur une feuille de papier, mais plutôt comme l impression de plusieurs images sur différents acétates superposés. Plusieurs images sur plusieurs couches transparentes peuvent être superposées pour former une image finale. De plus, l information sur un acétate (calque ou layer) n affecte pas l information des autres acétates. Il est toujours possible d effacer ou de déplacer un acétate dans la pile sans pour autant détruire l information des autres couches de l image. Chaque calque d une image est composé d une matrice de pixels, chacun de ces pixels contient deux types d information décrivant son apparence. Premièrement, un pixel à une couleur, il est donc défini par un mode de coloration (R,G,B ou C,M,Y,K par exemple). Ensuite chacun des pixels d une image contient une information en lien à son niveau d opacité (couche Alpha), 0 étant invisible ou entièrement transparent et 255 étant complètement opaque. Nous verrons dans la section suivante qu il est possible de récupérer l information de cette couche de transparence pour créer une sélection. Le menu Calque fonctionne en collaboration avec la palette flottante Calque (Fenêtre/Calques), même que quand on travaille régulièrement avec Photoshop, on fini par ne plus jamais utiliser le menu Calque, car presque toutes les fonctions de ce menu peuvent être faites plus rapidement à partir de la palette Calque. Les fonctions de la première section du menu parlent par elle même, je voudrais par contre, attirer votre attention sur les fonctions Calque/Nouveau/Calque par Copier et Calque par Couper, qui permettent respectivement de doubler un élément sélectionner 5

5 sur un nouveau calque et de déplacer un élément sélectionner sur un nouveau calque. Le sous- menu Calque/Nouveau renferme aussi la fonction Groupe très utile pour classer vos calques. Dans la même optique d organisation de vos calques la fonction Calque/Propriétés du calque vous permet d associer une couleur à un calque pour qu il soit plus facilement repérable dans la palette calque. La fonction Style de calque renferme les très utiles FX qui permettent de créer des ombres portées, des effets de volume, des effets de trou et plein d autres en se basant sur la couche de transparence du calque. Exploration : Créer une nouvelle image de 1000 pixels par 1000 pixels à 72 dpi. Créer dans cette image un nouveau calque. Avec l outil de sélection rectangle faites un rectangle assez gros au centre de votre image puis faites Édition/Remplir. Dans le menu Édition sélectionnez un gris moyen et appuyer sur OK. Ensuite, explorer les différentes options du menu Style de Calque (Layer Effect). Notre poursuite de la découverte du menu Calque nous mène vers la fonction Calque de remplissage. Ces calques créent des couches paramétrables très utiles aux gens qui font de l illustration avec Photoshop. Par exemple, il est possible de créer un calque de remplissage avec une couleur. Un avantage de ce type de calque est qu ils sont très facilement modifiables, nous n avons qu à retourner dans la fonction Calque/Option de contenue de calques (ou double clic sur le calque dans la palette flottante Calques) pour modifier la couleur de remplissage. Un autre avantage de ce type de calque est qu il prend beaucoup moins de mémoire et n alourdira pas inutilement votre image. Explication : Au lieu de devoir enregistrer la couleur de chacun des pixels 10 millions de fois. Photoshop n a qu a enregistré que tous les pixels sont de la même couleur. Bien entendu, ce type de calque serait complètement inutile sans la fonction suivant dans le menu Calque : Masque de fusion (Layer Mask). Effectivement, un masque de fusion sur un calque permet de limiter l action du calque aux sections voulu (non masqué). Les masques de calque sont une partie extrêmement importante de Photoshop et nous apprendrons comment travailler avec eu durant le cours. Ils permettent de modifier la transparence d un calque sans pour autant modifier l information de la couche de 6

6 transparence (Alpha) du calque. Je m explique, reprenons l exemple du canard vu plus haut. En ajoutant un masque, je peux faire disparaître des parties du canard donnant ainsi l impression que je les ai effacés. En réalité l information est toujours présente, elle est seulement masquée. Ainsi il me sera toujours possible de modifier mon masque ou même de supprimer mon masque pour remettre l image à son état d origine. Notez qu il existe deux types de masque. Le premier type est un masque de fusion ou masque matriciel défini par une matrice de pixels contenant des valeurs de transparence de 0 à 255. Le deuxième type est un masque vectoriel défini par un tracé vectoriel (courbe de Béziers) contenant de l information binaire soit : opaque ou transparent. Nous couvrirons amplement tous ce qui entoure les masques plus tard, soyez sans crainte. Les dernières fonctions que nous verrons dans le menu Calque sont : Fusionner les calques et Aplatir l image. Fusionner les calques permet de créer qu un seul calque avec plusieurs calques. À l origine, cette commande était très utile, car une image avec plusieurs calques devient très rapidement extrêmement lourde. On tentait de réduire le poids des images en limitant le nombre de calques dans une image. De nos jours, n importe quel ordinateur est suffisamment puissant pour travailler avec des images de grand format contenant des centaines de calques sans difficulté. Puisque dans ce cours nous tenterons de travailler dans une optique non destructive, nous éviterons le plus possible l utilisation de cette fonction. Il se trouve des situations particulières où pour appliquer une modification à une partie d une image (exemple un filtre) il nous soit obligatoire de fusionner des calques, ce n est pas un drame, mais sachez que cette manipulation peut entraîner des modifications permanentes à vos images. Aplatir l image permet de fusionner tous les calques dans le calque Arrière plan (Background). Cette fonction n est plus utilisée aujourd hui. L une des principales raisons pour laquelle on avait à aplatir une image à l origine était pour copier un photomontage dans une autre image. Effectivement, si on fait la fonction Calque/Sélectionner tout et qu ensuite on fait Copier puis Coller dans une autre image. Seulement l élément sur le calque actif sera copié. Mais ne vous en faites pas, vous n avez plus à aplatir votre image avant de la copier. Utilisez simplement la fonction 7

7 Édition/Copier avec fusion, ainsi tous les éléments visibles à l intérieur de la sélection seront copiés sur un seul calque dans la nouvelle image. Au contraire si vous voulez copier plusieurs calques dans une nouvelle image, mais garder chacun des éléments sur leur calque respectif, sélectionnez chacun des calques dans la palette Calques puis faites Calque/Dupliquez le calque. Dans cette fonction, vous aurez le choix de copier les calques dans l image active, un nouveau document vierge ou une autre image déjà ouverte dans Photoshop. 8

8 Menu Sélection L art de bien travailler avec Photoshop c est souvent l art de faire de belle sélection. Malheureusement, ce n est pas dans le menu qu on apprendra à être des pros de la sélection. Il faut de la pratique et surtout il faut bien connaître tous les outils de sélection de manière à utiliser le bon outil au bon moment. Pour ce qui est des fonctions que l on retrouve dans le menu sélection, on retrouve : Tout sélectionner, Déselectionner et Resélectionner. Cette dernière fonction est très pratique en cas d erreur, puisque la dernière sélection utilisée est gardée en mémoire jusqu à ce qu une nouvelle sélection l efface. On retrouve aussi dans ce menu la fonction Intervertir qui permet de permuter la sélection de manière à sélectionner les éléments qui ne l était pas et désélectionné les éléments qui l était. La fonction Plage de couleur (Color range) est un outil extrêmement efficace et simple d utilisation pour sélectionner tous les éléments d une seule couleur dans l image. Contrairement à l outil Baguette magique qui permet aussi de faire des sélections basées sur des similitudes de couleur, plage de couleur permet de modifier la tolérance des couleurs sélectionnées tout en visualisant le résultat. La fonction suivante, Améliorer le contour est apparue à la version 10 de Photoshop, mais c est vraiment à la version 12 (CS 5) que la fonction est devenue vraiment très performante avec l ajout de la fonction détection des contours. Cette fonction permet par exemple de détourer avec une relative précision des cheveux sur un fond uni. À explorer! Dans la même sous- section du menu Sélection on retrouve le sous- menu Sélection/Modifier qui permet de dilater (agrandir) la sélection ou de la contracter (rapetisser) d un nombre précis de pixels (jusqu à 100px à la fois). D autres fonctions sont aussi cachées dans ce sous- menu, mais elles ne sont que très rarement utiles. Ensuite j aimerai attirer votre attention sur la commande Transformer la sélection (Transform selection). Cette fonction 9

9 permet de modifier l échelle, faire pivoter ou tordre la sélection sans modifier sont continu. Vous pourriez, par exemple pour sélectionner une ellipse en perspective, créer une sélection en forme de cercle avec l outil de Sélection Ellipse. Puis à l aide de Transformer la sélection, tordre cette sélection pour la placer en perspective. Ainsi vous obtiendrez une sélection parfaite sans peine. La fonction suivante du menu Sélection est le Mode masque. Cette commande est probablement une des commandes les moins connues de Photoshop. Il m est rarement arrivé de croiser des gens qui connaissaient son existence. Pourtant, je m en sers toutes les fois que crée une sélection. C est un outil très performant pour visualiser, modifier ou créer une sélection complexe. Le mode masque figera votre image et vous permettra de travailler votre sélection comme si elle était une image par- dessus votre image initiale. Je m explique : dans l exemple suivant, nous avons une sélection du chandail. En mode standard la sélection semble bien belle, mais comment vérifier? En activant le Mode masque on peut voir le voir. Finalement, les deux dernières fonctions du menu Sélection sont Enregistrer une sélection et Récupérer une sélection. C est deux commandes permettent respectivement de sauver une sélection que l on a faite pour une utilisation future (même dans une autre session de travail, une autre journée) et de récupérer cette sauvegarde. Sachez qu il est possible lorsqu on enregistre une sélection de l enregistrer dans une nouvelle sélection, de l ajouter à une sélection déjà sauvegardée ou de la soustraire à une sélection déjà sauvegardée 10

10 Filtre Nous ne parlerons pas du menu filtre dans ce cours, il est assurément à explorer pour bien comprendre le logiciel, mais il est très rarement utilisé dans le type de travail qu un designer fera avec Photoshop. J attire par contre votre attention sur un sous- menu qui nous sera très pratique soit Filtre/Atténuation (Blur). Ce sous- menu renferme toutes les possibilités pour rendre une sélection floue. Le plus utilisé est incontestablement Atténuation gaussien (Gaussien blur) qui permet d ajuster la force le l effet flou de manière graduel. Deux autres fonctions très pratiques sont Atténuation directionnel et radial. Ces deux fonctions donnent un effet de mouvement à l image, comme si l objectif avait bougé durant la prise de vue. À explorer. Finalement, il y a Atténuation d objectif qui vous sera utile dans le futur, car il permet d ajouter un effet de profondeur de champ (effet flou des objets basé sur leur distance de l objectif) à vos rendu 3D, mais pour être efficace cette fonction doit être utilisé avec un masque de profondeur généré par votre logiciel de rendu 3D. 11

11 Affichage Dans le menu affichage, nous verrons que quelques fonctions utiles qui régissent la manière d afficher quelques outils qui nous sevirons dans le cours. La première fonction que nous verrons est le mode d affichage. Dans Photoshop (PS) CS5, il existe 3 modes d affichage : le mode avec fenêtres flottantes, qui permet de voir plus d un document à la fois, le mode plein écran avec et sans menu. Ces derniers sont très utiles, surtout sur Mac, car ils permettent de nettoyer l espace de travail de tous les autres éléments qu il y a sur le bureau. On passe rapidement d un mode à l autre en pressant la touche F. Il est aussi possible de faire basculer l affichage des fenêtres flottantes et des outils avec la touche Tab, la combinaison Tab + Shift, font basculer seulement la visibilité des fenêtres flottantes en laissant les outils visibles. À tester. Le menu Affichage cache aussi la très pratique fonction Extra, qui permet de masquer les extra sur une image, soit les guides et les contours de sélection. Il est parfois difficile de voir si une modification est belle alors que les contours de sélection scintillent sur l image. Il est possible de masquer ce contour tout en gardant la sélection active. C est très pratique, il est primordial de se souvenir du raccourci clavier Cmd/Ctrl+H Vous trouverez ensuite dans ce menu la fonction Règle qui permet d afficher ou de masquer deux règles au contour de votre image. Pour modifier l unité de mesure de ces règles, faites simplement clic droit de la souris sur l une des règles. 12