SlideShare une entreprise Scribd logo
1  sur  38
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
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
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
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
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
Espace de travail - Découverte 
WORKSHOPS 
Cours d'initiation à Photoshop JEMMEL
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
WORKSHOPS 
Cours d'initiation à Photoshop JEMMEL 
TP
Merci pour votre attention 
WORKSHOPS 
Cours d'initiation à Photoshop 
JEMMEL

Contenu connexe

Tendances

TP1 Traitement d'images Génie Logiciel avec Matlab
TP1 Traitement d'images Génie Logiciel avec MatlabTP1 Traitement d'images Génie Logiciel avec Matlab
TP1 Traitement d'images Génie Logiciel avec MatlabMariem ZAOUALI
 
TP / Traitement d'image : Discrimination de Texture
TP / Traitement d'image : Discrimination de TextureTP / Traitement d'image : Discrimination de Texture
TP / Traitement d'image : Discrimination de TextureAhmed EL ATARI
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfSonia SAHLI
 
Cours 1 : introduction a l'ergonomie logicielle
Cours 1 :  introduction a l'ergonomie logicielleCours 1 :  introduction a l'ergonomie logicielle
Cours 1 : introduction a l'ergonomie logicielleludolmn
 
Traitement d'image sous Matlab
Traitement d'image sous Matlab  Traitement d'image sous Matlab
Traitement d'image sous Matlab Hajer Dahech
 
Adobe Photoshop Cs3 YardıMcı El Kitabı Resimli Carpediemhenry
Adobe Photoshop Cs3 YardıMcı El Kitabı Resimli CarpediemhenryAdobe Photoshop Cs3 YardıMcı El Kitabı Resimli Carpediemhenry
Adobe Photoshop Cs3 YardıMcı El Kitabı Resimli CarpediemhenryErol Dizdar
 
Ergonomie des applications web
Ergonomie des applications webErgonomie des applications web
Ergonomie des applications webmadsgraphics
 
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignementChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignementAlain Goudey
 
Powerpoint réalité augmentée
Powerpoint réalité augmentéePowerpoint réalité augmentée
Powerpoint réalité augmentéeManon Bass
 
Les bases de la création graphique 1
Les bases de la création graphique 1Les bases de la création graphique 1
Les bases de la création graphique 1aelharradi
 
Lexique prepresse bilingue anglais
Lexique prepresse bilingue anglaisLexique prepresse bilingue anglais
Lexique prepresse bilingue anglaisMurielle Bruneau
 

Tendances (20)

TP1 Traitement d'images Génie Logiciel avec Matlab
TP1 Traitement d'images Génie Logiciel avec MatlabTP1 Traitement d'images Génie Logiciel avec Matlab
TP1 Traitement d'images Génie Logiciel avec Matlab
 
TP / Traitement d'image : Discrimination de Texture
TP / Traitement d'image : Discrimination de TextureTP / Traitement d'image : Discrimination de Texture
TP / Traitement d'image : Discrimination de Texture
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdf
 
Photoshop 101
Photoshop 101Photoshop 101
Photoshop 101
 
Cours 1 : introduction a l'ergonomie logicielle
Cours 1 :  introduction a l'ergonomie logicielleCours 1 :  introduction a l'ergonomie logicielle
Cours 1 : introduction a l'ergonomie logicielle
 
Traitement d'image sous Matlab
Traitement d'image sous Matlab  Traitement d'image sous Matlab
Traitement d'image sous Matlab
 
Soutenance dutgea2017
Soutenance dutgea2017Soutenance dutgea2017
Soutenance dutgea2017
 
Adobe Photoshop Cs3 YardıMcı El Kitabı Resimli Carpediemhenry
Adobe Photoshop Cs3 YardıMcı El Kitabı Resimli CarpediemhenryAdobe Photoshop Cs3 YardıMcı El Kitabı Resimli Carpediemhenry
Adobe Photoshop Cs3 YardıMcı El Kitabı Resimli Carpediemhenry
 
Infographie
InfographieInfographie
Infographie
 
Modèle cahier des charges site web
Modèle cahier des charges site webModèle cahier des charges site web
Modèle cahier des charges site web
 
Ergonomie des applications web
Ergonomie des applications webErgonomie des applications web
Ergonomie des applications web
 
Cours fondement du multimedia
Cours fondement du multimediaCours fondement du multimedia
Cours fondement du multimedia
 
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignementChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
ChatGPT, Midjourney, la déferlante des IA génératives dans l'enseignement
 
Powerpoint réalité augmentée
Powerpoint réalité augmentéePowerpoint réalité augmentée
Powerpoint réalité augmentée
 
Les bases de la création graphique 1
Les bases de la création graphique 1Les bases de la création graphique 1
Les bases de la création graphique 1
 
C’est quoi l’UX -
C’est quoi l’UX -C’est quoi l’UX -
C’est quoi l’UX -
 
Photoshop
Photoshop Photoshop
Photoshop
 
Photoshop Guide
Photoshop GuidePhotoshop Guide
Photoshop Guide
 
Lexique prepresse bilingue anglais
Lexique prepresse bilingue anglaisLexique prepresse bilingue anglais
Lexique prepresse bilingue anglais
 
Basic Photoshop
Basic PhotoshopBasic Photoshop
Basic Photoshop
 

En vedette

Cours algorithmique et complexite complet
Cours algorithmique et complexite completCours algorithmique et complexite complet
Cours algorithmique et complexite completChahrawoods Dmz
 
exercices base de données - sql
exercices  base de données - sql exercices  base de données - sql
exercices base de données - sql Yassine Badri
 
Data mining - Classification - arbres de décision
Data mining - Classification - arbres de décisionData mining - Classification - arbres de décision
Data mining - Classification - arbres de décisionMohamed Heny SELMI
 
Benharratharijtp4 arbre de décision
Benharratharijtp4 arbre de décisionBenharratharijtp4 arbre de décision
Benharratharijtp4 arbre de décisionARIJ BenHarrath
 
Programmation par contraintes
Programmation par contraintesProgrammation par contraintes
Programmation par contraintesOrochi Krizalid
 
Chapitre 2 complexité
Chapitre 2 complexitéChapitre 2 complexité
Chapitre 2 complexitéSana Aroussi
 
Exercice arbre de décision
Exercice arbre de décision Exercice arbre de décision
Exercice arbre de décision Yassine Badri
 
Exercices corrigés
Exercices corrigésExercices corrigés
Exercices corrigéshadhoum
 

En vedette (9)

Cours algorithmique et complexite complet
Cours algorithmique et complexite completCours algorithmique et complexite complet
Cours algorithmique et complexite complet
 
exercices base de données - sql
exercices  base de données - sql exercices  base de données - sql
exercices base de données - sql
 
Data mining - Classification - arbres de décision
Data mining - Classification - arbres de décisionData mining - Classification - arbres de décision
Data mining - Classification - arbres de décision
 
Benharratharijtp4 arbre de décision
Benharratharijtp4 arbre de décisionBenharratharijtp4 arbre de décision
Benharratharijtp4 arbre de décision
 
Programmation par contraintes
Programmation par contraintesProgrammation par contraintes
Programmation par contraintes
 
Chapitre 2 complexité
Chapitre 2 complexitéChapitre 2 complexité
Chapitre 2 complexité
 
Exercice arbre de décision
Exercice arbre de décision Exercice arbre de décision
Exercice arbre de décision
 
Arbre de décision
Arbre de décisionArbre de décision
Arbre de décision
 
Exercices corrigés
Exercices corrigésExercices corrigés
Exercices corrigés
 

Similaire à Cours d'initiation à Photoshop

Realiser un diaporama_avec_impress
Realiser un diaporama_avec_impressRealiser un diaporama_avec_impress
Realiser un diaporama_avec_impressValentin Valentin
 
Diapo Impress
Diapo ImpressDiapo Impress
Diapo Impressljvdb
 
Office_2019_pour_les_Nuls.pdf
Office_2019_pour_les_Nuls.pdfOffice_2019_pour_les_Nuls.pdf
Office_2019_pour_les_Nuls.pdfOpenWorld
 
Créer un espace de travail sur Photoshop
Créer un espace de travail sur PhotoshopCréer un espace de travail sur Photoshop
Créer un espace de travail sur PhotoshopVotre Assistante
 
4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce Bonus4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce BonusVotre Assistante
 
Cours adobe photoshop cs v8.0-fr - conseils et astuces dexperts
Cours   adobe photoshop cs v8.0-fr - conseils et astuces dexpertsCours   adobe photoshop cs v8.0-fr - conseils et astuces dexperts
Cours adobe photoshop cs v8.0-fr - conseils et astuces dexpertsMohamed Nouri
 
Eripm notice Crouzet millenium 3 guide de programmation
Eripm notice Crouzet millenium 3 guide de programmationEripm notice Crouzet millenium 3 guide de programmation
Eripm notice Crouzet millenium 3 guide de programmationSprl Eripm
 
Présentation d'OpenOffice.org Impress
Présentation d'OpenOffice.org ImpressPrésentation d'OpenOffice.org Impress
Présentation d'OpenOffice.org ImpressJean-Etienne Poirrier
 
Créer ses propres brushes Photoshop et les gérer
Créer ses propres brushes Photoshop et les gérerCréer ses propres brushes Photoshop et les gérer
Créer ses propres brushes Photoshop et les gérerVotre Assistante
 
Création Numérique
Création NumériqueCréation Numérique
Création NumériqueRoyer Sophie
 
Les outils pour animer votre site web
Les outils pour animer votre site webLes outils pour animer votre site web
Les outils pour animer votre site webVoyelle Voyelle
 
Créer du contenu de qualité pour les réseaux sociaux
Créer du contenu de qualité pour les réseaux sociauxCréer du contenu de qualité pour les réseaux sociaux
Créer du contenu de qualité pour les réseaux sociauxConcept Image
 
Le systeme-d-exploitation-windows-e-greta
Le systeme-d-exploitation-windows-e-gretaLe systeme-d-exploitation-windows-e-greta
Le systeme-d-exploitation-windows-e-gretaVallier Pierre
 

Similaire à Cours d'initiation à Photoshop (20)

Indesign Cours
Indesign CoursIndesign Cours
Indesign Cours
 
Gimp 1 prise+en+main
Gimp 1 prise+en+mainGimp 1 prise+en+main
Gimp 1 prise+en+main
 
Formation ps
Formation psFormation ps
Formation ps
 
Realiser un diaporama_avec_impress
Realiser un diaporama_avec_impressRealiser un diaporama_avec_impress
Realiser un diaporama_avec_impress
 
Diapo Impress
Diapo ImpressDiapo Impress
Diapo Impress
 
Office_2019_pour_les_Nuls.pdf
Office_2019_pour_les_Nuls.pdfOffice_2019_pour_les_Nuls.pdf
Office_2019_pour_les_Nuls.pdf
 
Créer un espace de travail sur Photoshop
Créer un espace de travail sur PhotoshopCréer un espace de travail sur Photoshop
Créer un espace de travail sur Photoshop
 
4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce Bonus4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce Bonus
 
Cours adobe photoshop cs v8.0-fr - conseils et astuces dexperts
Cours   adobe photoshop cs v8.0-fr - conseils et astuces dexpertsCours   adobe photoshop cs v8.0-fr - conseils et astuces dexperts
Cours adobe photoshop cs v8.0-fr - conseils et astuces dexperts
 
Diapo impress
Diapo impressDiapo impress
Diapo impress
 
Eripm notice Crouzet millenium 3 guide de programmation
Eripm notice Crouzet millenium 3 guide de programmationEripm notice Crouzet millenium 3 guide de programmation
Eripm notice Crouzet millenium 3 guide de programmation
 
Présentation d'OpenOffice.org Impress
Présentation d'OpenOffice.org ImpressPrésentation d'OpenOffice.org Impress
Présentation d'OpenOffice.org Impress
 
Créer ses propres brushes Photoshop et les gérer
Créer ses propres brushes Photoshop et les gérerCréer ses propres brushes Photoshop et les gérer
Créer ses propres brushes Photoshop et les gérer
 
Création Numérique
Création NumériqueCréation Numérique
Création Numérique
 
Le materiel-e-greta
Le materiel-e-gretaLe materiel-e-greta
Le materiel-e-greta
 
Les outils pour animer votre site web
Les outils pour animer votre site webLes outils pour animer votre site web
Les outils pour animer votre site web
 
Créer un prezi
Créer un preziCréer un prezi
Créer un prezi
 
éDitoriale karol edivaldo
éDitoriale karol edivaldoéDitoriale karol edivaldo
éDitoriale karol edivaldo
 
Créer du contenu de qualité pour les réseaux sociaux
Créer du contenu de qualité pour les réseaux sociauxCréer du contenu de qualité pour les réseaux sociaux
Créer du contenu de qualité pour les réseaux sociaux
 
Le systeme-d-exploitation-windows-e-greta
Le systeme-d-exploitation-windows-e-gretaLe systeme-d-exploitation-windows-e-greta
Le systeme-d-exploitation-windows-e-greta
 

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
  • 37. WORKSHOPS Cours d'initiation à Photoshop JEMMEL TP
  • 38. Merci pour votre attention WORKSHOPS Cours d'initiation à Photoshop JEMMEL