"Affiches publicitaires, maquette site web, effets spéciaux modernes et réalistes... C'est incroyable tout ce qu'on peut faire avec la technologie de nos jours !"
Créer du contenu de qualité pour les réseaux sociaux
Cours d'initiation à Photoshop
1. Cours d'initiation à Photoshop
"Affiches publicitaires, maquette site web, effets spéciaux modernes et réalistes...
C'est incroyable tout ce qu'on peut faire avec la technologie de nos jours !"
WORKSHOPS
Cours d'initiation à Photoshop
JEMMEL
2. Ce Formation, articulé autour de trois thèmes d'apprentissage, se veut progressif
et adapté à votre niveau.
Découverte de Photoshop
Acquisition des bases
La retouche photographique
Nouvelles notions en perspective
La création sous toutes ses formes !
Web
1
2
3
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
3. 1 Acquisition des bases
Découverte de Photoshop
1. Vous avez dit "Photoshop" ?
2. La zone de travail
3. La fenêtre de calques
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
4. 1- VOUS AVEZ DIT "PHOTOSHOP" ?
« Photoshop est un logiciel de retouche, de traitement et de dessin assisté par ordinateur ».
Édité par Adobe Systems, il fait partie d'une longue suite logicielle touchant dans le domaine
du multimédia qui est connue sous le nom d'Adobe Creative Suite (Photoshop, Illustrator,
InDesign, Dreamweaver, Flash, entre-autres).
Il est surtout utilisé pour le traitement de photos numériques (ce que l'on appelle plus
communément la retouche photographique), mais sert également à la création d'images.
"Reconnu principalement par les infographistes professionnels à travers sa puissante galerie
de filtres et d'outils graphiques performants, il est maintenant enseigné dans les plus
grandes écoles et est utilisé par une grande majorité des studios et agences de créations."
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
5. L'espace de travail
L'espace de travail, c'est ce que vous pouvez voir en premier à l'ouverture de Photoshop. Il s'agit de l'interface du logiciel, c'est-à-dire cet
horrible fond gris et les fenêtres de gauche et de droite
C'est dans cet espace de travail que tout se passe, ici que nous passerons le plus clair de notre temps. Il s'agit métaphoriquement du bureau de
travail sur lequel les infographistes dessinent et là où sont disposés gomme, crayons de couleur et feuilles blanches (entre-autres bien entendu).
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
6. Espace de travail - Découverte
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
7. 1. Barre des menus : cette série de boutons va nous être utile pour ouvrir, enregistrer, fermer, éditer et modifier un document. Je
suis d'ailleurs convaincu que certains boutons vous sont déjà familiers, ceux-là reviennent souvent dans n'importe quel logiciel.
2. Barre d'options des outils : Nous utiliserons les fonctionnalités de cette barre pour définir une ou plusieurs options spécifiques
aux outils de notre logiciel afin de les paramétrer.
3. Boîte à outils : cette petite fenêtre constitue notre stock d'outils, autrement dit la trousse dans laquelle nous trouverons paire
de ciseaux, pinceaux, crayons de couleur, gomme et j'en passe.
4. Palettes flottantes : la zone de couleur orange encadre ce que l'on appelle les palettes flottantes, autrement dit ce sont des
petites fenêtres que l'on dispose à l'intérieur de l'espace de travail et à partir desquelles nous aurons accès à la majorité des
fonctionnalités dont nous disposons avec Photoshop. Parmi elles, je peux vous citer l'historique, les calques, les couleurs, le
navigateur et... la boite à outils ! Oui, oui, la boite aussi est une palette flottante dans la mesure où l'on peut la déplacer à notre
guise dans l'espace de travail.
5. Palettes flottantes masquées (raccourcis) : cette zone accueille et recense les raccourcis des palettes flottantes. Le principe est
simple : vous déposez toutes les palettes flottantes que vous désirez à l'intérieur de cette petite zone puis elles se transforment
en de petites vignettes que vous n'aurez alors plus qu'à "déplier" pour leur faire reprendre une apparence "normale" (comme celles
de la partie orange de l'espace de travail ci-dessus, c'est-à-dire que le contenu de la palette devient visible). Ces raccourcis sont
très utiles car ils permettent de gagner en lisibilité mais aussi en accessibilité : imaginez s'il fallait afficher en intégralité toutes les
palettes flottantes dont nous aurons besoin pour travailler, on n'aurait plus de place et on ne s'en sortirait pas ! Pour afficher le
contenu d'une palette miniaturisée, il suffit de cliquer sur la petite vignette qui lui correspond.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
8. Il y a un tas d'outils, je ne réussirai jamais à m'en
souvenir !
Il n'est pas nécessaire de s'en souvenir pour l'instant. Le moment venu, vous pourrez vous reporter à ces quelques explications
en guise de piqûre de rappel, si certaines d'entre-elles vous échappent. Enfin, si ça peut vous rassurer, nous n'allons pas tout
voir dans ce cours. Il y a effectivement trop de choses pour que l'on puisse toutes les passer en revue.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
9. Dans la boite à outils, les fonctionnalités sont classées par catégorie afin de nous faciliter la tâche. C'est d'ailleurs sur cette lignée que j'ai construit le plan
de ce cours : dans un premier temps, nous étudierons les outils de base liées aux premières manipulations fondamentales sur Photoshop : la sélection, le
recadrage ou encore le détourage. Ensuite, nous utiliserons les outils permettant de retoucher des photos et enfin, nous nous essayerons aux outils de
création. Je vous ai confectionné un petit schéma, qui vous éclairera sur la nature de chaque outil.
Espace de travail -Outils
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
10. La boite à outils a plus d'un tour dans son sac : si elle est formée par 4 catégories, certains outils sont eux-mêmes classés par famille et n'apparaissent qu'à
condition de faire un clic droit sur l'outil visible.
Espace de travail -Outils supplémentaires
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
11. 2- LA ZONE DE TRAVAIL
La zone de travail est le nom que lui a attribué Adobe (société qui édite le logiciel, souvenez-vous), il est donc censé être commun à
tous. Je signale tout de même qu'il peut m'arriver d'employer d'autres termes pour la désigner, comme "le projet", "le document" ou
encore "la feuille"
J'aime comparer l'espace de travail avec un bureau de travail réel. Il s'agit en effet de l'espace dans lequel sont disposés par exemple
nos crayons et nos pinceaux (dans Photoshop, il s'agit des palettes flottantes comme la boite à outils et encore la palette Calques).
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
12. Créer une zone de travail et la paramétrer
Il est enfin temps de poser une nouvelle feuille blanche sur la table de travail, autrement dit créer une nouvelle zone de travail. Pour cela,
je vais vous demander de cliquer sur le bouton Fichier qui se situe dans la barre des menus puis sur Nouveau. Vous pouvez passer par les
raccourcis clavier : CTRL + N
Une nouvelle fenêtre fait son apparition, elle est intitulée "Nouveau".
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
13. Nom: Titre de la zone de travail, celui que portera le fichier final une fois enregistré dans un dossier de votre
ordinateur. Ici, il s'agit de "Sans titre-1".
Paramètre prédéfini: Liste dans laquelle figurent différents formats prédéfinis. On parle généralement de format
pour désigner les dimensions d'une zone de travail ou bien même d'une image (c'est-à-dire sa largeur et sa
hauteur, on y vient juste après). Pour la plupart, ce sont des formats "populaires", comme par exemple les formats
A3 et A4 ou bien le format type d'une enveloppe traditionnelle. Le principe est simple, vous n'avez qu'à choisir un
type de format parmi ceux qui vous sont proposés dans la liste puis cliquer sur "OK" et Photoshop s'occupe du
reste ! :)
Largeur: Comme son nom l'indique, ce paramètre définit la largeur de la zone de travail. Pour la définir, il faut
indiquer deux paramètres : une valeur et une unité. La valeur, c'est le chiffre ou le nombre que prend la mesure (on
l'indique dans le champs blanc, là où il est écrit 500 dans l'image ci-dessus). L'unité, c'est la grandeur de référence
pour mesurer. Par exemple, on dira que la largeur de ma zone de travail fait 500 (valeur) centimètres (unité).
D'ailleurs, les unités les plus courantes en infographie sont certainement le pixel et le centimètre (ce dernier est
d'ailleurs également très utilisé dans le milieu du bâtiment).
Hauteur : On retrouve quasiment le même paramètre ici, à l'exception que celui-ci définit la hauteur de la zone de
travail. Pareil, on indique une valeur et une unité.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
14. Résolution : Tout comme votre écran d'ordinateur, les images que l'on peut consulter à l'aide d'un outil
informatique (ordinateur, téléphone portable, iPad...) sont toutes composées de petits carrés de couleur que l'on
appelle pixels. Un pixel n'a pas de taille bien définie. Pour déterminer la taille d'un pixel, il faut définir une
résolution pour le représenter graphiquement. Il s'agit plus ou moins d'une échelle comme celles que l'on trouve
dans une carte de géographie. Plus la résolution est élevée, moins les pixels sont gros (on s'éloigne). A l'inverse,
plus la résolution est basse, plus les pixels sont gros car on se rapproche d'eux à l'échelle.
Mode colorimétrique: Le mode colorimétrique définit le type d'organisation des couleurs pour une image. Par
exemple, si je choisis le mode noir et blanc, je ne pourrai travailler qu'avec ces deux couleurs dans ma zone de
nuances, c'est-à-dire du gris); pas question d'y voir du jaune ou du rouge. Il existe un mode dédié à l'impression
davantage leur place pour le web, etc. Pour info, un chapitre est consacré aux modes RVB et CMJN dans la
préparez-vous à "en voir de toutes les couleurs" ;) .
Contenu de l'arrière-plan: Sur Photoshop, on parle d'arrière-plan pour désigner le fond de la zone de travail. On
peut paramétrer l'arrière-plan de trois manières différentes : on crée la zone de travail soit avec un fond blanc, soit
avec un fond de couleur (Couleur d'arrière-plan), soit avec un fond sans couleur apparente (Transparent).
WORKSHOPS
Cours d'initiation à Photoshop
JEMMEL
15. Nous avons fait le tour, il est enfin temps de créer cette maudite zone de travail .
En-tête Valeur (champs blanc)
Nom Ma première zone de travail
Paramètre prédéfini Presse-papiers
Taille 500*300 px
Résolution 72 pixels/pouces
Mode colorimétrique Couleurs RVB pour 8 bits
Contenu de l'arrière-plan Blanc
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
16. Une fois les paramètres définis, vous n'avez plus qu'à cliquer sur le bouton OK. Félicitations, Vous avez créé votre première zone de
travail !
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
17. i vous créez trois zones de travail par exemple, vous engendrerez l'apparition de petits onglets correspondant chacun à une zone de
travail juste au-dessus de la zone de travail ouverte :
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
18. L'enregistrement
Il faut cliquer sur Fichier puis Enregistrer dans la barre des menus, ou bien taper la combinaison CTRL + S.
le bouton Enregistrer permet de sauvegarder la source de notre travail uniquement si des modifications ont déjà été apportées au
document tandis que l'autre bouton, Enregistrer sous... sauvegarde une copie de cette source. Ne vous embêtez pas trop avec ça,
contentez-vous de savoir comment enregistrer votre travail pour l'instant, c'est le plus important .
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
19. Désormais, je vous invite à cliquer sur le fameux bouton Enregistrer sous... (CTRL + MAJ + S ou Command (ou Pomme) + MAJ + S) afin de
sauvegarder la zone de travail que vous venez tout juste de créer. Évidemment, si nous avions pu cliquer sur le bouton Enregistrer, nous
l'aurions fait. Mais que nous passions par l'un ou l'autre, cela ne change rien, la procédure d'enregistrement est de toute façon la même
dans les deux cas.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
20. 1-Vous pouvez dans un premier temps choisir la destination de votre enregistrement (Enregistrer dans :). Autrement dit "dans quel
répertoire de mon ordinateur vais-je enregistrer mon fichier ?".
2- Ensuite, vous avez le contenu du répertoire dans lequel vous vous apprêtez à enregistrer votre fichier. Sur l'image, nous sommes dans le
Bureau. Donc, le contenu du bureau s'affiche, à vous ensuite de choisir le dossier dans lequel figurera votre document.
3-Vous pouvez ensuite définir le nom que portera votre fichier. Si vous avez choisi "Ma première zone de travail" comme je vous l'avais
demandé tout à l'heure, au moment de créer la zone de travail, c'est ce qui devrait alors s'afficher dans le champs blanc. Si vous n'avez rien
écrit, le nom du fichier proposé par Photoshop est "Sans titre-1". De toute façon, c'est à vous de choisir le titre de votre document.
4-Vous devez ensuite choisir le format de votre fichier... et c'est là que j'interviens. Observez le contenu de la liste déroulante. Certains des
formats ne vous seront sans doute pas inconnus. Il devrait y en avoir une quinzaine (selon les versions, je suppose que ce chiffre peut
changer).
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
21. Format Extension(s)
Photoshop .PSD ; .PDD
JPEG .JPG ; .JPEG ; .JPE
PNG .PNG
PDF .PDF
EPS .EPS
TIFF .TIFF
.GIF .GIF
Pourquoi ces sept-là et pas les autres ?
Ces sept formats sont ceux que vous êtes susceptibles d'utiliser le plus fréquemment, en tout cas vous aurez forcément besoin de l'un
ou de l'autre un jour, selon vos besoins. Les autres ne sont pas facultatifs mais sont spécifiques à certains domaines que nous
n'aborderons pas dans ce cours.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
22. Attention,
Photoshop ne sauvegarde pas automatiquement vos travaux une fois qu'ils sont enregistrés une première fois, contrairement à
d'autres logiciels comme Microsoft Word. En d'autres termes, une fois enregistré, vous devez être très prévoyant et sauvegarder
régulièrement vos données. Je vous mets en garde ;) .
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
23. Ouvrir un nouveau document
La première étape, c'est de cliquer sur Fichier dans la barre des menus puis sur Ouvrir. (CTRL + O)
Allez dans le dossier dans lequel vous avez enregistré votre projet "Ma première zone de travail.PSD" et, une fois trouvé, double-cliquez
dessus, ou bien cliquez une fois dessus puis sur le bouton Ouvrir.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
24. 3- LA FENÊTRE DE CALQUES
Je vous l'annonçais, il s'agit selon moi de la fonctionnalité la plus importante de Photoshop ou de tout autre logiciel similaire. Les
calques font partie intégrante du logiciel et, qui plus est, ils sont clairement essentiels pour travailler, vous allez vite comprendre
pourquoi.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
25. Découverte des calques
Pour découvrir les calques, nous allons passer le plus clair de notre temps dans la fenêtre de calques qui se situe en bas à droite de votre
logiciel
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
26. La question que tout débutant se pose en premier, c'est : "mais c'est quoi ça, un calque ?".
Un calque comme étant un élément graphique qui est géré par Photoshop. On sous-entend qu'un calque représente une partie de notre
projet, autrement dit l'un des éléments qui compose la zone de travail.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
27. Exemple
Je découpe la France en quatre parties telles qu'on les connait : l'Est, l'Ouest, le Nord et enfin, le Sud. Chacun de ces quatre points
cardinaux compose évidemment la France, comme en témoigne cette image :
WORKSHOPS
Cours d'initiation à Photoshop
JEMMEL
28. Exemple
Je découpe la France en quatre parties telles qu'on les connait : l'Est, l'Ouest, le Nord et enfin, le Sud. Chacun de ces quatre points
cardinaux compose évidemment la France, comme en témoigne cette image :
WORKSHOPS
Cours d'initiation à Photoshop
JEMMEL
29. Un autre exemple ?
Admettons que je copie logo JCI, et que je le colle dans cette même zone de travail. Alors, un nouveau calque sera automatiquement créé
car, si vous m'avez suivi, il s'agit d'un nouvel élément composant la zone de travail, et donc d'un nouveau calque qui apparaitra dans la
fenêtre de calques.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
30. Comment ça marche ?
Si vous voulez tout savoir, on pourrait comparer les calques sur Photoshop avec les vraies feuilles de calque que l'on utilise
notamment pour dessiner et décalquer en arts plastiques (ou autre). Comme ils sont transparents par défaut (à part l'Arrière-plan si on
lui donne un fond blanc ou un fond de "couleur d'arrière-plan" au moment de créer une nouvelle zone de travail), on va s'amuser à
superposer tous les calques, comme le montre le schéma ci-dessous.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
31. Ainsi, ce qui est transparent n'est pas visible dans la zone de travail et laisse transparaitre ce qui se trouve juste derrière :
Le trou de forme circulaire que l'on peut apercevoir dans le Calque 2 laisse apparaitre ce qui se trouve derrière lui, à savoir le bleu du
Calque 1.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
32. La transparence sur Photoshop est caractérisée par une suite de carrés blancs et gris, à l'exemple de cette image :
Ces petits carrés ne sont apparents que si et seulement si aucun calque n'est visible, c'est-à-dire que c'est le vide, il n'y a rien, néant.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
33. L'ordre des calques
Pour déterminer quel calque apparaitra au premier plan, lequel sera au second plan, et ainsi de suite, il faut passer par la fameuse fenêtre
de calques. Ainsi, si le calque se situe tout en haut de la liste, il sera celui qui apparaitra en premier-plan dans la zone de travail. De cette
manière, tous les calques qui se situent derrière lui se retrouveront en arrière-plan. Le calque qui se trouve tout en bas de la liste est
d'ailleurs le plus souvent le calque nommé lui-même Arrière-plan, celui qui est automatiquement créé à l'ouverture d'une nouvelle zone de
travail .
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
34. Créer, verrouiller ou supprimer un calque
Nous allons à présent apprendre une opération de base sur Photoshop : comment créer un nouveau calque. Vous allez le voir, c'est
tellement duuur !
Créer un calque
Le moins que l'on puisse dire, c'est qu'il existe pas mal de façons pour créer un calque ! La preuve :
On a la possibilité dans un premier temps de cliquer sur l'icône Nouveau calque qui se situe en bas de la fenêtre des
calques. C'est la façon la plus rapide de créer un calque.
Vous pouvez également cliquer sur la petite flèche que vous trouverez en haut à droite de la fenêtre de calques, puis
sélectionner Nouveau calque... dans la liste apparue.
Un autre moyen est de passer par le menu Calque (dans la barre des menus) pour ensuite cliquer sur Nouveau
Nouveau puis sur Calque.
Et pour finir, on n'oublie pas nos bons vieux raccourcis clavier : SHIFT + CTRL + N
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
35. Quelle que soit la méthode utilisée, l'apparition du calque est instantanée :
N'hésitez pas à renommer les calques que vous créez, cela vous permettra de vous y retrouver plus facilement. Vous pouvez le faire au
moment de leur création (quand la fenêtre "Nouveau calque" apparait) ou bien après, en faisant un clic droit dessus, puis en cliquant sur
Propriétés du calque.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL
36. Verrouiller un calque
Dans la partie supérieure de la fenêtre de calque se trouve une série de boutons qui vont nous permettre de verrouiller nos calques.
Lorsqu'un calque est cadenassé (c'est-à-dire que le petit cadenas de verouillage apparaît comme c'est tout le temps le cas sur le
calque Arrière-plan), on dit qu'il est verrouillé.
WORKSHOPS
Cours d'initiation à Photoshop JEMMEL