WoW-Emu RIP > Graphisme > Tutoriels > Initiation à Photoshop

Initiation à Photoshop
(20-02-2014 19:48) Warryur [30]
Ce tutoriel s'adresse aux débutants n'ayant jamais utilisé photoshop. La version de photoshop utililisée est la dernière en date à la date de rédaction de ce tuto, soit Photoshop CS6 (le télécharger sur les plateformes de warez/torrents n'est pas si mal que ça tant que c'est à but pédagogique et non commercial).

SOMMAIRE
1. Interface
2. Créer un nouveau fichier
3. Gérer les calques
4. Boîte à outils
5. Raccourcis

1. Interface

[Image: 73yLJ.png]

2. Créer un nouveau fichier
Pour créer un nouveau fichier, rendez vous dans Fichier > Nouveau.
[Image: 73ziI.png]
Dans cette fenêtre vous pouvez régler les paramètres de votre nouveau fichier :
  • Le nom (facultatif mais pratique lorsqu'on ouvre plusieurs fichiers en même temps).
  • Paramètres prédéfinis : permet d'afficher des tailles d'images standards (web, lettre etc).
  • Largeur/Hauteur : peut se régler en plusieurs unités, je conseille les Px pour le web bien sur.
  • La résolution et le mode n'est pas à changer si vous ne vous y connaissez pas, mais préférez mode RGB et 300 pixels/pouce.

Astuce : si vous souhaitez modifier la taille de l'image une fois le fichier déjà crée il existe deux possibilités aux actions différentes :
  • Image... > Taille de l'image : cliquez sur le[Image: 73zGw.png] pour conserver les proportions, mais votre image risque d'être étirée et pixelisée si vous l'agrandissez.
  • Image... > Taille de la zone de travail : permet d'agrandir la zone de travail sans modifier son contenu.

3. Gérer les calques
Les calques constituent un très grand avantage de ce logiciel. Vous allez pouvoir gérer plusieurs "couches" sur votre image. Par exemple, si vous modifiez le fond et que vous écrivez un texte par dessus, le fait que ce soit deux calques différents va vous permettre de modifier l'un et l'autre séparément. Pour accéder aux calques, la plupart du temps ils sont disponibles sur la droite de l'interface.
[Image: 73zYf.png]
  • Pour créer un nouveau calque, faites Calques > Nouveau > Calque ou bien CTRL + MAJ + N > OK.
  • [Image: 73zZy.png] permet de faire apparaître ou disparaître le calque. Il ne sera pas supprimé, seulement masqué. Par exemple, si vous souhaitez créer une image sur fond transparent, masquez le calque "Arrière Plan".
  • Sur photoshop, ce motif symbolise la transparence : [Image: 73A4J.png]
  • [Image: 73AfL.png] Permet de rendre le calque plus ou moins transparent.
  • [Image: 73Aj3.png] (en bas à droite) permet de supprimer le calque sélectionné, ou simplement Suppr.
  • Les calques en avant du plan sont ceux situés en premier dans la liste. Inversement, ceux situés en bas sont en arrière du plan. Ainsi, pour faire passer un calque devant ou derrière un autre, il suffit de rester appuyer sur le calque dans la liste et le faire coulisser.
  • Un clic droit sur un calque permet d'afficher d'autres options, notamment "Options de fusion" qui permette de de donner des effets au calque (nous verrons ça plus bas).

4. Boîte à outils.
[Image: 73AyE.png] Permet de déplacer un calque en restant appuyé sur l'élément dans la zone de travail.

[Image: 73ACS.png] Permet d'effectuer une sélection (afin de supprimer, copier etc.). Plusieurs formes sont disponibles.

[Image: 73AGC.png] De même, permet d'effectuer des sélections plus complexes.

[Image: 73AKQ.png] De même, sous la forme d'un pinceau.

[Image: 73AP9.png] Permet d'agrandir/raccourcir la zone de travail.

[Image: 73ARf.png] La pipette, qui permet de connaître la couleur exacte d'un élément. Ex : cliquez sur une zone verte et vous pourrez obtenir le code hexadécimal de la couleur.

[Image: 73AZo.png] Le pinceau, plusieurs tailles/formes disponibles.

[Image: 73B1r.png] Le tampon, permet de dupliquer des zones pour effacer le texte d'une image par exemple. Utilisation : appuyez sur l'icone puis en maintenant ALT, sélectionnez la zone à dupliquer (correctement orientée par rapport à la zone à modifier). Déplacez ensuite la souris et appuyez successivement pour "tamponner" (entraînez vous !).

[Image: 73BeS.png] La gomme, très pratique. Plusieurs options sont disponibles en haut : forme/diamètre, mode (utiliser "Bloc" pour gommer pixel par pixel).

[Image: 73BnZ.png] Respectivement Dégradé/Peinture (permet de réaliser un dégradé ou peindre une zone entière), Outil netteté/flou/doigt (permet de flouter/altérer/mélanger les couleurs), Densité, Plume (pour le détourage, un tuto bientôt).

[Image: 73Bwq.png] Outil texte, créer un calque de texte. Paramètres simples disponibles en haut (Police, Couleur, Taille etc).
Pour télécharger de nouvelles polices, pensez au site dafont.com !

[Image: 73BEy.png] Gestion des couleurs. En cliquant sur les carrés, vous ouvrez la fenêtre avancée :
[Image: 73BIK.jpg]
Vous pouvez ainsi choisir votre couleur et obtenir son code Hexadécimal, dans la case du bas à côté du # (très pratique pour le html/css).

5. Raccourcis
  • Nouveau fichier : CTRL + N
  • Nouveau calque : CTRL + MAJ + N
  • Sauvegarder : CTRL +S
  • Zoomer/Dézoomer : ALT + Molette
  • Redimensionner/déplacer le calque : CTRL + T (en ayant le calque sélectionné).

(20-02-2014 20:22) Slowy [14]
File le crack au passage Big Grin

Sinon merci Smile
(20-02-2014 20:25) Warryur [30]
Dispo via MP Wink
(12-03-2014 22:16) Megantereon [2]
Perso' j'utilise "Photofiltre" et franchement, je les trouves similaires. ('fin moi, ça me suffit^^).

Oui bon, évitez les "ça ce vois". ↓
Message modifié.
(12-03-2014 22:29) Warryur [30]
Je pense qu'une fois que tu auras utilisé et maîtrise Photoshop, tu ne voudras plus revenir sur Photofiltre Big Grin
(17-03-2014 16:37) Mihawk [19]
Photoshop est trop complet x)
Merci pour ça, moi qui n'y connais rien à photoshop, ça ne peut que m'aider ^^
(29-07-2014 22:53) Shadowqc [1]
Merci Warryur pour ce tutoriel Big Grin Bien que je maitrise déjà très bien ce logiciel, c'est toujours utile pour ceux qui débutent dans le domaine.

Retourner en haut WoW-Emu