Photoshop - Interface et Outils !

Inscription
1 Janvier 2015
Messages
5 088
Réactions
2 377
Points
20 610
PHOTOSHOP - INTERFACE & OUTILS !
Salut à tous, ce tutoriel vous permettra de comprendre l'interface et les outils principaux de Photoshop dans leur ensemble. :cool:

Avant de commencer , voici des liens qui vous seront utiles :

-
Le lexique du GFX : http://reality-gaming.fr/threads/lexique-du-graphisme.77137/ ;
-
La section de Tutoriaux et Guides : http://reality-gaming.fr/forums/tutoriaux-et-guides.62/ ;
-
Les raccourcis clavier de PS : http://reality-gaming.fr/threads/les-raccourcis-photoshop-avec-ctrl-et-alt.176150/ ;


Voir la pièce jointe 11171

CRÉER UN FICHIER (TAILLE & PARAMÈTRES) !
Commençons par la base c'est à dire la création d'un fichier (image) , cette étape est essentielle à la création d'image sur PS.

1. Pour créer un nouveau fichier , cliquez en haut de la fenêtre sur
Fichier > Nouveau... (CMD + N).

2. Ensuite vous devez remplir les champs ci-dessus , ils sont importants. Pour cette étape j'ai procédé en décrivant chaque champs dans un onglet que vous pouvez consulter ci-dessous. :)

[tabs][/tabs][tabs]
[tab=Nom] [/tab][tab=Nom]Ce champs a pour valeur le nom de votre image, vous pouvez le remplir avec comme nom "Mon Image".[/tab]
[tab=Paramètre prédéfini] Ce champs vous permet de choisir une des plusieurs catégories , ces catégories vous permettent de créer une image avec des valeurs pré-définis. [/tab]
[tab=Largeur] Ce champs a pour la valeur la largeur de votre image. [/tab]
[tab=Hauteur] Ce champs a pour la valeur la hauteur de votre image. [/tab]
[tab=Résolution] Ce paramètre vous permet de régler la résolution de votre image. [/tab]
[tab=Mode] Ce champs vous permet de régler le mode de couleur, si vous ne savez pas quoi choisir laisser le champs sur "Couleur RGB". [/tab]
[tab=Contenu de l'arrière-plan] Ce champs vous permet de choisir différents types de fond.[/tab]
[tab=Contenu de l'arrière-plan]
  • Blanc , le fond sera blanc ;
  • Couleur d'arrière plan, c'est à dire que le fond sera de la même couleur que le carré se trouvant à l'arrière du premier carré suivant (dans mon exemple : noir). Voir la pièce jointe 11174
  • Transparent, le fond sera transparent.
[/tab]
[/tabs]
Voir la pièce jointe 11182

LES CALQUES , UN ÉLEMENT IMPORTANT !
Dans ce chapitre court , je vais vous expliquez qu'est ce qu'un calque sur PS et en quoi cela consiste c'est un chapitre important.

Vous devez visualiser qu'un calque est une "
couche" d'élément , par exemple un texte superposé sur un fond sont deux calques différents , cela peut être un logo , etc. c'est un élément de votre image. :nerd:

- Vous pouvez visualiser vos calques dans une zone en bas à gauche de la fenêtre Photoshop, p
our renommer un calque double-cliquez sur son nom.

- Vous pouvez
créer un calque en cliquant sur la 2ème icône à gauche de la barre ci-dessous.
- Vous pouvez
supprimer un calque en cliquant sur la 1ème icône à gauche de la barre ci-dessous.
- Vous pouvez
créer un dossier de calque (regroupement) en cliquant sur la 3ème icône à gauche de la barre ci-dessous.
Une liste de calque est présente en bas à droite de votre fenêtre , pour cacher de votre image cliquer sur "l'oeil" présent à droite du nom du claque. ;)

- Vous pouvez régler l'opacité d'un calque (pour ceci il faut que vous ayez sélectionné votre calque avec votre souris) en réglant le pourcentage présent en haut à droit de cette capture d'écran, et vous pouvez aussi régler l'opacité du fond du calque en réglant le pourcentage en dessous de l'opacité.
Dans ce chapitre nous allons apprendre la fonction de chaque outils , c'est à dire chaque à quoi sert chaque outils et comment ils marchent. Je vais d'abord commencer par les principaux , ceux qui sont le plus utilisés. :rêve:

Cette barre est celle dont
vous allez le plus vous servir, c'est pour cela que vous devez assimiler la fonction de chaque outils avec aisance.

Voir la pièce jointe 11178

Je n'ai pas mis tous les outils car , cela serait trop long et inutile.

-Outils de déplacements Voir la pièce jointe 11180

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de déplacer un calque.

Outils de sélection Voir la pièce jointe 11186

http://reality-gaming.fr/images/ligne-rg.png
Cet outil permet de sélectionner une partie d'une image (pixels) ou d'un seul calque. Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Rectangle de sélection (permet de sélectionner avec une forme rectangulaire) ,
Eclipse de sélection (permet de sélectionner avec une forme ronde) ,
Rectangle de sélection 1 rangée (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique verticale),
Rectangle de sélection 1 colonne (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique horizontale),
Outils lasso Voir la pièce jointe 11187

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est une version différente de l'outils de sélection , seulement vous pouvez sélectionner une partie d'une image (pixels) ou d'un seul calque à main libre.
Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Lasso polygonal (permet de sélectionner sans aucune courbe (droit)) ,
Lasso magnétique (permet de sélectionner en détectant les courbes de la partie sélectionnée).
Outil de sélection rapide

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner un élément de votre image facilement.​
Un outils de sélection rapide est disponible, il suffit d'un clique-droit et la baguette magique (Voir la pièce jointe 11188 ) apparaîtra. :loving:

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner selon une tonalité de couleur.​
Outils de recadrage Voir la pièce jointe 11189

http://reality-gaming.fr/images/ligne-rg.png

Cette outil permet de recadrer une image , nous ne verrons pas les autres outils disponibles car ils ne sont pas très utiles pour un débutant. :ok:

Outils pipette Voir la pièce jointe 11190

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est un très utile, il vous permet d'obtenir le code couleur de n'importe quel pixel sur une image.​

Outils pinceau Voir la pièce jointe 11192

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir votre image, une sélection ou autres en utilisant des brushs (forme de pinceau).​
Outil Gomme Voir la pièce jointe 11193

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de simplement de gommer des calques avec des brushs.​

Outil dégradé Voir la pièce jointe 11195

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'un dégradé.

Outil pot de peinture Voir la pièce jointe 11194

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'une couleur.

Outil plume

http://reality-gaming.fr/images/ligne-rg.png


Cet un outil qui permet de délimiter une zone en plusieurs points, c'est un outil très utilisé.​

Outil texte

http://reality-gaming.fr/images/ligne-rg.png


Cet outil permet d'écrire du texte , il créer un calque lorsque vous l'utilisez.​

Lorsque vous utilisez cette outil la barre du haut change , vous pouvez grâce à celle-ci , changer la police d'écriture , la couleur du texte , la taille du texte.

Voir la pièce jointe 11196
Dans un prochain chapitre nous allons apprendre à utiliser ses outils , je vous laisses pour l'instant les découvrir seul. :bzr:

Pour le reste de l'interface , j'ai moi même fait une capture d'écran dans laquelle j'ai ajouté des notes. :stupide:
Voir la pièce jointe 11197
Rouge = Ce sont les outils que nous venons de voir. :tchuss:
Gris clair = La zone principal de travail , c'est ici que vous allez modifier vos éléments , calques etc.
Orange = Zone de calques.
Bleu = Onglet de fichier.

Ce n'est pas plus simple que ça , passons à l'utilisation des outils. ;)


UTILISATION DES OUTILS !

Dans ce chapitre nous allons voir chacuns des outils présentés précédemment en détails.

I.
L'outil de déplacement.


1. Pour utiliser cet outil , il faut avoir d'abord sélectionner le calque dans la zone des calques.

Voir la pièce jointe 11199
2. Ensuite cliquez sur l'icône de l'outil de déplacement puis placer votre souris au dessus de votre calque dans la zone principal de travail, et tout en restant appuyé sur la souris déplacer votre calque. :ok:
II. L'outil de sélection.
1. Pour se servir de cet outil , cliquez simplement sur son icône dans la barre des outils et de sélectionner une zone, sur votre zone de travail , de l'image.

2. Cet outil peut aussi servir à
copier - coller des morceaux sélectionnés , pour cela une fois que vous avez sélectionné le morceaux de calque avec l'outil , faites un CMD + C & CMD + V.

III. L'outil lasso.

1. Le principe est le même pour tous les types de lassos (lasso polygonale & magnétique) , vous devez cliquer sur l'icône de l'outil puis en restant appuyé sur la souris et détourer votre zone. Il faut être précis et soigneux. ;)

IV. L'outil de recadrage.

1. Pour utiliser cet outil , il faut cliquez sur son icône puis cadrer une zone de recadrage avec la souris en restant appuyé sur celle-ci. Photoshop vous demandera de valider en haut de la fenêtre vous cliquerez sur le Voir la pièce jointe 11202 , votre image est redimensionnée. :stupéfait:

V. L'outil pipette.
1. Cliquez sur son icône dans la barre d'outils , puis cliquez sur la zone de l'image dont vous voulez connaître la couleur, un cercle divisé en deux couleurs apparaîtra. La couleur du haut est celle de la zone survolée , elle sera "sauvegardé" dans les deux carrés de couleurs (Voir la pièce jointe 11174).

VI. L'outil pinceau.

1. Cet outil est très simple à utiliser , pour montrer ses effets , créez un calque avec un fond de la taille que vous voulez de couleur blanche (utiliser l'outil pot de peinture) . Ensuite peignez votre fond avec une couleur noire. ;)

VII - L'outil gomme.

1. C'est l'outil qui vous permet de gommer une partie d'un calque ou un calque entier , pour l'utiliser sélectionner le calque dont vous voulez effacer une partie , puis cliquez sur l'icône de l'outil gomme et effacer la zone souhaitée. :ok:
IX - L'outil dégradé.

1. Pour utiliser cet outil , veuillez sélectionner le calque de votre choix et cliquez sur l'icône de l'outil dégradé ensuite cliquez sur la partie du calque sur laquelle vous souhaitez appliquer un dégradé.

X - L'outil pot de peinture.

1. Cet outil fonctionne comme pour l'outil dégradé, il suffit de choisir le calque de votre choix , puis de sélectionner l'outil "pot de peinture" et l'appliquer sur une partie du calque.

XI - L'outil plume.

1. C'est un outil particulier, pour l'utiliser cliquez sur son icône dans la barre d'outils et tracer une délimitation en relâchant le bouton de la souris à chaque de point.

XII - L'outil texte.

1. Vous allez utiliser très souvent ce outil qui est un outil de base encore une fois. ;) Cliquez sur l'outil texte, puis cliquez dans la zone principale de travail et écrivez votre texte. Vous pouvez modifier la couleur , la police d'écriture , la taille du texte etc. avec la barre ci-dessous.



Ce tutoriel est terminé, un autre est en préparation afin de vous apprendre d'autres éléments de PS. :cool:

Cordialement,

Rivals
Joli tuto. La GTP devrait nous propoer des tutos :)
 

G-Eazy

Animateur Infographie & Jeux-vidéos
Premium
Inscription
8 Juillet 2013
Messages
2 735
Réactions
778
Points
18 089
La vache , tu t'es lancer dans les TUTO Photoshop :p , j'ai pas le temps se soir pour y jeter un oeil mais prochainement tkt ;) , encore merci de ce tuto :ok:
 

dylan strong

Déjà 5 ans sur RealitGamiing ♥
Premium
Inscription
9 Novembre 2014
Messages
3 989
Réactions
894
Points
5 593
PHOTOSHOP - INTERFACE & OUTILS !
Salut à tous, ce tutoriel vous permettra de comprendre l'interface et les outils principaux de Photoshop dans leur ensemble. :cool:

Avant de commencer , voici des liens qui vous seront utiles :

-
Le lexique du GFX : http://reality-gaming.fr/threads/lexique-du-graphisme.77137/ ;
-
La section de Tutoriaux et Guides : http://reality-gaming.fr/forums/tutoriaux-et-guides.62/ ;
-
Les raccourcis clavier de PS : http://reality-gaming.fr/threads/les-raccourcis-photoshop-avec-ctrl-et-alt.176150/ ;


Voir la pièce jointe 11171

CRÉER UN FICHIER (TAILLE & PARAMÈTRES) !
Commençons par la base c'est à dire la création d'un fichier (image) , cette étape est essentielle à la création d'image sur PS.

1. Pour créer un nouveau fichier , cliquez en haut de la fenêtre sur
Fichier > Nouveau... (CMD + N).

2. Ensuite vous devez remplir les champs ci-dessus , ils sont importants. Pour cette étape j'ai procédé en décrivant chaque champs dans un onglet que vous pouvez consulter ci-dessous. :)

[tabs][/tabs][tabs]
[tab=Nom] [/tab][tab=Nom]Ce champs a pour valeur le nom de votre image, vous pouvez le remplir avec comme nom "Mon Image".[/tab]
[tab=Paramètre prédéfini] Ce champs vous permet de choisir une des plusieurs catégories , ces catégories vous permettent de créer une image avec des valeurs pré-définis. [/tab]
[tab=Largeur] Ce champs a pour la valeur la largeur de votre image. [/tab]
[tab=Hauteur] Ce champs a pour la valeur la hauteur de votre image. [/tab]
[tab=Résolution] Ce paramètre vous permet de régler la résolution de votre image. [/tab]
[tab=Mode] Ce champs vous permet de régler le mode de couleur, si vous ne savez pas quoi choisir laisser le champs sur "Couleur RGB". [/tab]
[tab=Contenu de l'arrière-plan] Ce champs vous permet de choisir différents types de fond.[/tab]
[tab=Contenu de l'arrière-plan]
  • Blanc , le fond sera blanc ;
  • Couleur d'arrière plan, c'est à dire que le fond sera de la même couleur que le carré se trouvant à l'arrière du premier carré suivant (dans mon exemple : noir). Voir la pièce jointe 11174
  • Transparent, le fond sera transparent.
[/tab]
[/tabs]
Voir la pièce jointe 11182

LES CALQUES , UN ÉLEMENT IMPORTANT !
Dans ce chapitre court , je vais vous expliquez qu'est ce qu'un calque sur PS et en quoi cela consiste c'est un chapitre important.

Vous devez visualiser qu'un calque est une "
couche" d'élément , par exemple un texte superposé sur un fond sont deux calques différents , cela peut être un logo , etc. c'est un élément de votre image. :nerd:

- Vous pouvez visualiser vos calques dans une zone en bas à gauche de la fenêtre Photoshop, p
our renommer un calque double-cliquez sur son nom.

- Vous pouvez
créer un calque en cliquant sur la 2ème icône à gauche de la barre ci-dessous.
- Vous pouvez
supprimer un calque en cliquant sur la 1ème icône à gauche de la barre ci-dessous.
- Vous pouvez
créer un dossier de calque (regroupement) en cliquant sur la 3ème icône à gauche de la barre ci-dessous.
Une liste de calque est présente en bas à droite de votre fenêtre , pour cacher de votre image cliquer sur "l'oeil" présent à droite du nom du claque. ;)

- Vous pouvez régler l'opacité d'un calque (pour ceci il faut que vous ayez sélectionné votre calque avec votre souris) en réglant le pourcentage présent en haut à droit de cette capture d'écran, et vous pouvez aussi régler l'opacité du fond du calque en réglant le pourcentage en dessous de l'opacité.
Dans ce chapitre nous allons apprendre la fonction de chaque outils , c'est à dire chaque à quoi sert chaque outils et comment ils marchent. Je vais d'abord commencer par les principaux , ceux qui sont le plus utilisés. :rêve:

Cette barre est celle dont
vous allez le plus vous servir, c'est pour cela que vous devez assimiler la fonction de chaque outils avec aisance.

Voir la pièce jointe 11178

Je n'ai pas mis tous les outils car , cela serait trop long et inutile.

-Outils de déplacements Voir la pièce jointe 11180

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de déplacer un calque.

Outils de sélection Voir la pièce jointe 11186

http://reality-gaming.fr/images/ligne-rg.png
Cet outil permet de sélectionner une partie d'une image (pixels) ou d'un seul calque. Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Rectangle de sélection (permet de sélectionner avec une forme rectangulaire) ,
Eclipse de sélection (permet de sélectionner avec une forme ronde) ,
Rectangle de sélection 1 rangée (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique verticale),
Rectangle de sélection 1 colonne (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique horizontale),
Outils lasso Voir la pièce jointe 11187

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est une version différente de l'outils de sélection , seulement vous pouvez sélectionner une partie d'une image (pixels) ou d'un seul calque à main libre.
Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Lasso polygonal (permet de sélectionner sans aucune courbe (droit)) ,
Lasso magnétique (permet de sélectionner en détectant les courbes de la partie sélectionnée).
Outil de sélection rapide

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner un élément de votre image facilement.​
Un outils de sélection rapide est disponible, il suffit d'un clique-droit et la baguette magique (Voir la pièce jointe 11188 ) apparaîtra. :loving:

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner selon une tonalité de couleur.​
Outils de recadrage Voir la pièce jointe 11189

http://reality-gaming.fr/images/ligne-rg.png

Cette outil permet de recadrer une image , nous ne verrons pas les autres outils disponibles car ils ne sont pas très utiles pour un débutant. :ok:

Outils pipette Voir la pièce jointe 11190

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est un très utile, il vous permet d'obtenir le code couleur de n'importe quel pixel sur une image.​

Outils pinceau Voir la pièce jointe 11192

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir votre image, une sélection ou autres en utilisant des brushs (forme de pinceau).​
Outil Gomme Voir la pièce jointe 11193

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de simplement de gommer des calques avec des brushs.​

Outil dégradé Voir la pièce jointe 11195

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'un dégradé.

Outil pot de peinture Voir la pièce jointe 11194

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'une couleur.

Outil plume

http://reality-gaming.fr/images/ligne-rg.png


Cet un outil qui permet de délimiter une zone en plusieurs points, c'est un outil très utilisé.​

Outil texte

http://reality-gaming.fr/images/ligne-rg.png


Cet outil permet d'écrire du texte , il créer un calque lorsque vous l'utilisez.​

Lorsque vous utilisez cette outil la barre du haut change , vous pouvez grâce à celle-ci , changer la police d'écriture , la couleur du texte , la taille du texte.

Voir la pièce jointe 11196
Dans un prochain chapitre nous allons apprendre à utiliser ses outils , je vous laisses pour l'instant les découvrir seul. :bzr:

Pour le reste de l'interface , j'ai moi même fait une capture d'écran dans laquelle j'ai ajouté des notes. :stupide:
Voir la pièce jointe 11197
Rouge = Ce sont les outils que nous venons de voir. :tchuss:
Gris clair = La zone principal de travail , c'est ici que vous allez modifier vos éléments , calques etc.
Orange = Zone de calques.
Bleu = Onglet de fichier.

Ce n'est pas plus simple que ça , passons à l'utilisation des outils. ;)


UTILISATION DES OUTILS !

Dans ce chapitre nous allons voir chacuns des outils présentés précédemment en détails.

I.
L'outil de déplacement.


1. Pour utiliser cet outil , il faut avoir d'abord sélectionner le calque dans la zone des calques.

Voir la pièce jointe 11199
2. Ensuite cliquez sur l'icône de l'outil de déplacement puis placer votre souris au dessus de votre calque dans la zone principal de travail, et tout en restant appuyé sur la souris déplacer votre calque. :ok:
II. L'outil de sélection.
1. Pour se servir de cet outil , cliquez simplement sur son icône dans la barre des outils et de sélectionner une zone, sur votre zone de travail , de l'image.

2. Cet outil peut aussi servir à
copier - coller des morceaux sélectionnés , pour cela une fois que vous avez sélectionné le morceaux de calque avec l'outil , faites un CMD + C & CMD + V.

III. L'outil lasso.

1. Le principe est le même pour tous les types de lassos (lasso polygonale & magnétique) , vous devez cliquer sur l'icône de l'outil puis en restant appuyé sur la souris et détourer votre zone. Il faut être précis et soigneux. ;)

IV. L'outil de recadrage.

1. Pour utiliser cet outil , il faut cliquez sur son icône puis cadrer une zone de recadrage avec la souris en restant appuyé sur celle-ci. Photoshop vous demandera de valider en haut de la fenêtre vous cliquerez sur le Voir la pièce jointe 11202 , votre image est redimensionnée. :stupéfait:

V. L'outil pipette.
1. Cliquez sur son icône dans la barre d'outils , puis cliquez sur la zone de l'image dont vous voulez connaître la couleur, un cercle divisé en deux couleurs apparaîtra. La couleur du haut est celle de la zone survolée , elle sera "sauvegardé" dans les deux carrés de couleurs (Voir la pièce jointe 11174).

VI. L'outil pinceau.

1. Cet outil est très simple à utiliser , pour montrer ses effets , créez un calque avec un fond de la taille que vous voulez de couleur blanche (utiliser l'outil pot de peinture) . Ensuite peignez votre fond avec une couleur noire. ;)

VII - L'outil gomme.

1. C'est l'outil qui vous permet de gommer une partie d'un calque ou un calque entier , pour l'utiliser sélectionner le calque dont vous voulez effacer une partie , puis cliquez sur l'icône de l'outil gomme et effacer la zone souhaitée. :ok:
IX - L'outil dégradé.

1. Pour utiliser cet outil , veuillez sélectionner le calque de votre choix et cliquez sur l'icône de l'outil dégradé ensuite cliquez sur la partie du calque sur laquelle vous souhaitez appliquer un dégradé.

X - L'outil pot de peinture.

1. Cet outil fonctionne comme pour l'outil dégradé, il suffit de choisir le calque de votre choix , puis de sélectionner l'outil "pot de peinture" et l'appliquer sur une partie du calque.

XI - L'outil plume.

1. C'est un outil particulier, pour l'utiliser cliquez sur son icône dans la barre d'outils et tracer une délimitation en relâchant le bouton de la souris à chaque de point.

XII - L'outil texte.

1. Vous allez utiliser très souvent ce outil qui est un outil de base encore une fois. ;) Cliquez sur l'outil texte, puis cliquez dans la zone principale de travail et écrivez votre texte. Vous pouvez modifier la couleur , la police d'écriture , la taille du texte etc. avec la barre ci-dessous.



Ce tutoriel est terminé, un autre est en préparation afin de vous apprendre d'autres éléments de PS. :cool:

Cordialement,

Rivals
Très bon tuto pour les apprentis

vue que je suis un apprentis .

merci beaucoup puis ta une belle rédaction
 

O R E A.

Tu cherche un compte GTA V PS4 ? MP moi
Premium
Inscription
29 Juillet 2014
Messages
1 308
Réactions
401
Points
3 246
PHOTOSHOP - INTERFACE & OUTILS !
Salut à tous, ce tutoriel vous permettra de comprendre l'interface et les outils principaux de Photoshop dans leur ensemble. :cool:

Avant de commencer , voici des liens qui vous seront utiles :

-
Le lexique du GFX : http://reality-gaming.fr/threads/lexique-du-graphisme.77137/ ;
-
La section de Tutoriaux et Guides : http://reality-gaming.fr/forums/tutoriaux-et-guides.62/ ;
-
Les raccourcis clavier de PS : http://reality-gaming.fr/threads/les-raccourcis-photoshop-avec-ctrl-et-alt.176150/ ;


Voir la pièce jointe 11171

CRÉER UN FICHIER (TAILLE & PARAMÈTRES) !
Commençons par la base c'est à dire la création d'un fichier (image) , cette étape est essentielle à la création d'image sur PS.

1. Pour créer un nouveau fichier , cliquez en haut de la fenêtre sur
Fichier > Nouveau... (CMD + N).

2. Ensuite vous devez remplir les champs ci-dessus , ils sont importants. Pour cette étape j'ai procédé en décrivant chaque champs dans un onglet que vous pouvez consulter ci-dessous. :)

[tabs][/tabs][tabs]
[tab=Nom] [/tab][tab=Nom]Ce champs a pour valeur le nom de votre image, vous pouvez le remplir avec comme nom "Mon Image".[/tab]
[tab=Paramètre prédéfini] Ce champs vous permet de choisir une des plusieurs catégories , ces catégories vous permettent de créer une image avec des valeurs pré-définis. [/tab]
[tab=Largeur] Ce champs a pour la valeur la largeur de votre image. [/tab]
[tab=Hauteur] Ce champs a pour la valeur la hauteur de votre image. [/tab]
[tab=Résolution] Ce paramètre vous permet de régler la résolution de votre image. [/tab]
[tab=Mode] Ce champs vous permet de régler le mode de couleur, si vous ne savez pas quoi choisir laisser le champs sur "Couleur RGB". [/tab]
[tab=Contenu de l'arrière-plan] Ce champs vous permet de choisir différents types de fond.[/tab]
[tab=Contenu de l'arrière-plan]
  • Blanc , le fond sera blanc ;
  • Couleur d'arrière plan, c'est à dire que le fond sera de la même couleur que le carré se trouvant à l'arrière du premier carré suivant (dans mon exemple : noir). Voir la pièce jointe 11174
  • Transparent, le fond sera transparent.
[/tab]
[/tabs]
Voir la pièce jointe 11182

LES CALQUES , UN ÉLEMENT IMPORTANT !
Dans ce chapitre court , je vais vous expliquez qu'est ce qu'un calque sur PS et en quoi cela consiste c'est un chapitre important.

Vous devez visualiser qu'un calque est une "
couche" d'élément , par exemple un texte superposé sur un fond sont deux calques différents , cela peut être un logo , etc. c'est un élément de votre image. :nerd:

- Vous pouvez visualiser vos calques dans une zone en bas à gauche de la fenêtre Photoshop, p
our renommer un calque double-cliquez sur son nom.

- Vous pouvez
créer un calque en cliquant sur la 2ème icône à gauche de la barre ci-dessous.
- Vous pouvez
supprimer un calque en cliquant sur la 1ème icône à gauche de la barre ci-dessous.
- Vous pouvez
créer un dossier de calque (regroupement) en cliquant sur la 3ème icône à gauche de la barre ci-dessous.
Une liste de calque est présente en bas à droite de votre fenêtre , pour cacher de votre image cliquer sur "l'oeil" présent à droite du nom du claque. ;)

- Vous pouvez régler l'opacité d'un calque (pour ceci il faut que vous ayez sélectionné votre calque avec votre souris) en réglant le pourcentage présent en haut à droit de cette capture d'écran, et vous pouvez aussi régler l'opacité du fond du calque en réglant le pourcentage en dessous de l'opacité.
Dans ce chapitre nous allons apprendre la fonction de chaque outils , c'est à dire chaque à quoi sert chaque outils et comment ils marchent. Je vais d'abord commencer par les principaux , ceux qui sont le plus utilisés. :rêve:

Cette barre est celle dont
vous allez le plus vous servir, c'est pour cela que vous devez assimiler la fonction de chaque outils avec aisance.

Voir la pièce jointe 11178

Je n'ai pas mis tous les outils car , cela serait trop long et inutile.

-Outils de déplacements Voir la pièce jointe 11180

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de déplacer un calque.

Outils de sélection Voir la pièce jointe 11186

http://reality-gaming.fr/images/ligne-rg.png
Cet outil permet de sélectionner une partie d'une image (pixels) ou d'un seul calque. Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Rectangle de sélection (permet de sélectionner avec une forme rectangulaire) ,
Eclipse de sélection (permet de sélectionner avec une forme ronde) ,
Rectangle de sélection 1 rangée (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique verticale),
Rectangle de sélection 1 colonne (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique horizontale),
Outils lasso Voir la pièce jointe 11187

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est une version différente de l'outils de sélection , seulement vous pouvez sélectionner une partie d'une image (pixels) ou d'un seul calque à main libre.
Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Lasso polygonal (permet de sélectionner sans aucune courbe (droit)) ,
Lasso magnétique (permet de sélectionner en détectant les courbes de la partie sélectionnée).
Outil de sélection rapide

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner un élément de votre image facilement.​
Un outils de sélection rapide est disponible, il suffit d'un clique-droit et la baguette magique (Voir la pièce jointe 11188 ) apparaîtra. :loving:

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner selon une tonalité de couleur.​
Outils de recadrage Voir la pièce jointe 11189

http://reality-gaming.fr/images/ligne-rg.png

Cette outil permet de recadrer une image , nous ne verrons pas les autres outils disponibles car ils ne sont pas très utiles pour un débutant. :ok:

Outils pipette Voir la pièce jointe 11190

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est un très utile, il vous permet d'obtenir le code couleur de n'importe quel pixel sur une image.​

Outils pinceau Voir la pièce jointe 11192

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir votre image, une sélection ou autres en utilisant des brushs (forme de pinceau).​
Outil Gomme Voir la pièce jointe 11193

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de simplement de gommer des calques avec des brushs.​

Outil dégradé Voir la pièce jointe 11195

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'un dégradé.

Outil pot de peinture Voir la pièce jointe 11194

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'une couleur.

Outil plume

http://reality-gaming.fr/images/ligne-rg.png


Cet un outil qui permet de délimiter une zone en plusieurs points, c'est un outil très utilisé.​

Outil texte

http://reality-gaming.fr/images/ligne-rg.png


Cet outil permet d'écrire du texte , il créer un calque lorsque vous l'utilisez.​

Lorsque vous utilisez cette outil la barre du haut change , vous pouvez grâce à celle-ci , changer la police d'écriture , la couleur du texte , la taille du texte.

Voir la pièce jointe 11196
Dans un prochain chapitre nous allons apprendre à utiliser ses outils , je vous laisses pour l'instant les découvrir seul. :bzr:

Pour le reste de l'interface , j'ai moi même fait une capture d'écran dans laquelle j'ai ajouté des notes. :stupide:
Voir la pièce jointe 11197
Rouge = Ce sont les outils que nous venons de voir. :tchuss:
Gris clair = La zone principal de travail , c'est ici que vous allez modifier vos éléments , calques etc.
Orange = Zone de calques.
Bleu = Onglet de fichier.

Ce n'est pas plus simple que ça , passons à l'utilisation des outils. ;)


UTILISATION DES OUTILS !

Dans ce chapitre nous allons voir chacuns des outils présentés précédemment en détails.

I.
L'outil de déplacement.


1. Pour utiliser cet outil , il faut avoir d'abord sélectionner le calque dans la zone des calques.

Voir la pièce jointe 11199
2. Ensuite cliquez sur l'icône de l'outil de déplacement puis placer votre souris au dessus de votre calque dans la zone principal de travail, et tout en restant appuyé sur la souris déplacer votre calque. :ok:
II. L'outil de sélection.
1. Pour se servir de cet outil , cliquez simplement sur son icône dans la barre des outils et de sélectionner une zone, sur votre zone de travail , de l'image.

2. Cet outil peut aussi servir à
copier - coller des morceaux sélectionnés , pour cela une fois que vous avez sélectionné le morceaux de calque avec l'outil , faites un CMD + C & CMD + V.

III. L'outil lasso.

1. Le principe est le même pour tous les types de lassos (lasso polygonale & magnétique) , vous devez cliquer sur l'icône de l'outil puis en restant appuyé sur la souris et détourer votre zone. Il faut être précis et soigneux. ;)

IV. L'outil de recadrage.

1. Pour utiliser cet outil , il faut cliquez sur son icône puis cadrer une zone de recadrage avec la souris en restant appuyé sur celle-ci. Photoshop vous demandera de valider en haut de la fenêtre vous cliquerez sur le Voir la pièce jointe 11202 , votre image est redimensionnée. :stupéfait:

V. L'outil pipette.
1. Cliquez sur son icône dans la barre d'outils , puis cliquez sur la zone de l'image dont vous voulez connaître la couleur, un cercle divisé en deux couleurs apparaîtra. La couleur du haut est celle de la zone survolée , elle sera "sauvegardé" dans les deux carrés de couleurs (Voir la pièce jointe 11174).

VI. L'outil pinceau.

1. Cet outil est très simple à utiliser , pour montrer ses effets , créez un calque avec un fond de la taille que vous voulez de couleur blanche (utiliser l'outil pot de peinture) . Ensuite peignez votre fond avec une couleur noire. ;)

VII - L'outil gomme.

1. C'est l'outil qui vous permet de gommer une partie d'un calque ou un calque entier , pour l'utiliser sélectionner le calque dont vous voulez effacer une partie , puis cliquez sur l'icône de l'outil gomme et effacer la zone souhaitée. :ok:
IX - L'outil dégradé.

1. Pour utiliser cet outil , veuillez sélectionner le calque de votre choix et cliquez sur l'icône de l'outil dégradé ensuite cliquez sur la partie du calque sur laquelle vous souhaitez appliquer un dégradé.

X - L'outil pot de peinture.

1. Cet outil fonctionne comme pour l'outil dégradé, il suffit de choisir le calque de votre choix , puis de sélectionner l'outil "pot de peinture" et l'appliquer sur une partie du calque.

XI - L'outil plume.

1. C'est un outil particulier, pour l'utiliser cliquez sur son icône dans la barre d'outils et tracer une délimitation en relâchant le bouton de la souris à chaque de point.

XII - L'outil texte.

1. Vous allez utiliser très souvent ce outil qui est un outil de base encore une fois. ;) Cliquez sur l'outil texte, puis cliquez dans la zone principale de travail et écrivez votre texte. Vous pouvez modifier la couleur , la police d'écriture , la taille du texte etc. avec la barre ci-dessous.



Ce tutoriel est terminé, un autre est en préparation afin de vous apprendre d'autres éléments de PS. :cool:

Cordialement,

Rivals
Très bon topic c'est soignée ! :)
 

dylan strong

Déjà 5 ans sur RealitGamiing ♥
Premium
Inscription
9 Novembre 2014
Messages
3 989
Réactions
894
Points
5 593
PHOTOSHOP - INTERFACE & OUTILS !
Salut à tous, ce tutoriel vous permettra de comprendre l'interface et les outils principaux de Photoshop dans leur ensemble. :cool:

Avant de commencer , voici des liens qui vous seront utiles :

-
Le lexique du GFX : http://reality-gaming.fr/threads/lexique-du-graphisme.77137/ ;
-
La section de Tutoriaux et Guides : http://reality-gaming.fr/forums/tutoriaux-et-guides.62/ ;
-
Les raccourcis clavier de PS : http://reality-gaming.fr/threads/les-raccourcis-photoshop-avec-ctrl-et-alt.176150/ ;


Voir la pièce jointe 11171

CRÉER UN FICHIER (TAILLE & PARAMÈTRES) !
Commençons par la base c'est à dire la création d'un fichier (image) , cette étape est essentielle à la création d'image sur PS.

1. Pour créer un nouveau fichier , cliquez en haut de la fenêtre sur
Fichier > Nouveau... (CMD + N).

2. Ensuite vous devez remplir les champs ci-dessus , ils sont importants. Pour cette étape j'ai procédé en décrivant chaque champs dans un onglet que vous pouvez consulter ci-dessous. :)

[tabs][/tabs][tabs]
[tab=Nom] [/tab][tab=Nom]Ce champs a pour valeur le nom de votre image, vous pouvez le remplir avec comme nom "Mon Image".[/tab]
[tab=Paramètre prédéfini] Ce champs vous permet de choisir une des plusieurs catégories , ces catégories vous permettent de créer une image avec des valeurs pré-définis. [/tab]
[tab=Largeur] Ce champs a pour la valeur la largeur de votre image. [/tab]
[tab=Hauteur] Ce champs a pour la valeur la hauteur de votre image. [/tab]
[tab=Résolution] Ce paramètre vous permet de régler la résolution de votre image. [/tab]
[tab=Mode] Ce champs vous permet de régler le mode de couleur, si vous ne savez pas quoi choisir laisser le champs sur "Couleur RGB". [/tab]
[tab=Contenu de l'arrière-plan] Ce champs vous permet de choisir différents types de fond.[/tab]
[tab=Contenu de l'arrière-plan]
  • Blanc , le fond sera blanc ;
  • Couleur d'arrière plan, c'est à dire que le fond sera de la même couleur que le carré se trouvant à l'arrière du premier carré suivant (dans mon exemple : noir). Voir la pièce jointe 11174
  • Transparent, le fond sera transparent.
[/tab]
[/tabs]
Voir la pièce jointe 11182

LES CALQUES , UN ÉLEMENT IMPORTANT !
Dans ce chapitre court , je vais vous expliquez qu'est ce qu'un calque sur PS et en quoi cela consiste c'est un chapitre important.

Vous devez visualiser qu'un calque est une "
couche" d'élément , par exemple un texte superposé sur un fond sont deux calques différents , cela peut être un logo , etc. c'est un élément de votre image. :nerd:

- Vous pouvez visualiser vos calques dans une zone en bas à gauche de la fenêtre Photoshop, p
our renommer un calque double-cliquez sur son nom.

- Vous pouvez
créer un calque en cliquant sur la 2ème icône à gauche de la barre ci-dessous.
- Vous pouvez
supprimer un calque en cliquant sur la 1ème icône à gauche de la barre ci-dessous.
- Vous pouvez
créer un dossier de calque (regroupement) en cliquant sur la 3ème icône à gauche de la barre ci-dessous.
Une liste de calque est présente en bas à droite de votre fenêtre , pour cacher de votre image cliquer sur "l'oeil" présent à droite du nom du claque. ;)

- Vous pouvez régler l'opacité d'un calque (pour ceci il faut que vous ayez sélectionné votre calque avec votre souris) en réglant le pourcentage présent en haut à droit de cette capture d'écran, et vous pouvez aussi régler l'opacité du fond du calque en réglant le pourcentage en dessous de l'opacité.
Dans ce chapitre nous allons apprendre la fonction de chaque outils , c'est à dire chaque à quoi sert chaque outils et comment ils marchent. Je vais d'abord commencer par les principaux , ceux qui sont le plus utilisés. :rêve:

Cette barre est celle dont
vous allez le plus vous servir, c'est pour cela que vous devez assimiler la fonction de chaque outils avec aisance.

Voir la pièce jointe 11178

Je n'ai pas mis tous les outils car , cela serait trop long et inutile.

-Outils de déplacements Voir la pièce jointe 11180

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de déplacer un calque.

Outils de sélection Voir la pièce jointe 11186

http://reality-gaming.fr/images/ligne-rg.png
Cet outil permet de sélectionner une partie d'une image (pixels) ou d'un seul calque. Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Rectangle de sélection (permet de sélectionner avec une forme rectangulaire) ,
Eclipse de sélection (permet de sélectionner avec une forme ronde) ,
Rectangle de sélection 1 rangée (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique verticale),
Rectangle de sélection 1 colonne (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique horizontale),
Outils lasso Voir la pièce jointe 11187

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est une version différente de l'outils de sélection , seulement vous pouvez sélectionner une partie d'une image (pixels) ou d'un seul calque à main libre.
Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Lasso polygonal (permet de sélectionner sans aucune courbe (droit)) ,
Lasso magnétique (permet de sélectionner en détectant les courbes de la partie sélectionnée).
Outil de sélection rapide

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner un élément de votre image facilement.​
Un outils de sélection rapide est disponible, il suffit d'un clique-droit et la baguette magique (Voir la pièce jointe 11188 ) apparaîtra. :loving:

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner selon une tonalité de couleur.​
Outils de recadrage Voir la pièce jointe 11189

http://reality-gaming.fr/images/ligne-rg.png

Cette outil permet de recadrer une image , nous ne verrons pas les autres outils disponibles car ils ne sont pas très utiles pour un débutant. :ok:

Outils pipette Voir la pièce jointe 11190

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est un très utile, il vous permet d'obtenir le code couleur de n'importe quel pixel sur une image.​

Outils pinceau Voir la pièce jointe 11192

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir votre image, une sélection ou autres en utilisant des brushs (forme de pinceau).​
Outil Gomme Voir la pièce jointe 11193

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de simplement de gommer des calques avec des brushs.​

Outil dégradé Voir la pièce jointe 11195

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'un dégradé.

Outil pot de peinture Voir la pièce jointe 11194

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'une couleur.

Outil plume

http://reality-gaming.fr/images/ligne-rg.png


Cet un outil qui permet de délimiter une zone en plusieurs points, c'est un outil très utilisé.​

Outil texte

http://reality-gaming.fr/images/ligne-rg.png


Cet outil permet d'écrire du texte , il créer un calque lorsque vous l'utilisez.​

Lorsque vous utilisez cette outil la barre du haut change , vous pouvez grâce à celle-ci , changer la police d'écriture , la couleur du texte , la taille du texte.

Voir la pièce jointe 11196
Dans un prochain chapitre nous allons apprendre à utiliser ses outils , je vous laisses pour l'instant les découvrir seul. :bzr:

Pour le reste de l'interface , j'ai moi même fait une capture d'écran dans laquelle j'ai ajouté des notes. :stupide:
Voir la pièce jointe 11197
Rouge = Ce sont les outils que nous venons de voir. :tchuss:
Gris clair = La zone principal de travail , c'est ici que vous allez modifier vos éléments , calques etc.
Orange = Zone de calques.
Bleu = Onglet de fichier.

Ce n'est pas plus simple que ça , passons à l'utilisation des outils. ;)


UTILISATION DES OUTILS !

Dans ce chapitre nous allons voir chacuns des outils présentés précédemment en détails.

I.
L'outil de déplacement.


1. Pour utiliser cet outil , il faut avoir d'abord sélectionner le calque dans la zone des calques.

Voir la pièce jointe 11199
2. Ensuite cliquez sur l'icône de l'outil de déplacement puis placer votre souris au dessus de votre calque dans la zone principal de travail, et tout en restant appuyé sur la souris déplacer votre calque. :ok:
II. L'outil de sélection.
1. Pour se servir de cet outil , cliquez simplement sur son icône dans la barre des outils et de sélectionner une zone, sur votre zone de travail , de l'image.

2. Cet outil peut aussi servir à
copier - coller des morceaux sélectionnés , pour cela une fois que vous avez sélectionné le morceaux de calque avec l'outil , faites un CMD + C & CMD + V.

III. L'outil lasso.

1. Le principe est le même pour tous les types de lassos (lasso polygonale & magnétique) , vous devez cliquer sur l'icône de l'outil puis en restant appuyé sur la souris et détourer votre zone. Il faut être précis et soigneux. ;)

IV. L'outil de recadrage.

1. Pour utiliser cet outil , il faut cliquez sur son icône puis cadrer une zone de recadrage avec la souris en restant appuyé sur celle-ci. Photoshop vous demandera de valider en haut de la fenêtre vous cliquerez sur le Voir la pièce jointe 11202 , votre image est redimensionnée. :stupéfait:

V. L'outil pipette.
1. Cliquez sur son icône dans la barre d'outils , puis cliquez sur la zone de l'image dont vous voulez connaître la couleur, un cercle divisé en deux couleurs apparaîtra. La couleur du haut est celle de la zone survolée , elle sera "sauvegardé" dans les deux carrés de couleurs (Voir la pièce jointe 11174).

VI. L'outil pinceau.

1. Cet outil est très simple à utiliser , pour montrer ses effets , créez un calque avec un fond de la taille que vous voulez de couleur blanche (utiliser l'outil pot de peinture) . Ensuite peignez votre fond avec une couleur noire. ;)

VII - L'outil gomme.

1. C'est l'outil qui vous permet de gommer une partie d'un calque ou un calque entier , pour l'utiliser sélectionner le calque dont vous voulez effacer une partie , puis cliquez sur l'icône de l'outil gomme et effacer la zone souhaitée. :ok:
IX - L'outil dégradé.

1. Pour utiliser cet outil , veuillez sélectionner le calque de votre choix et cliquez sur l'icône de l'outil dégradé ensuite cliquez sur la partie du calque sur laquelle vous souhaitez appliquer un dégradé.

X - L'outil pot de peinture.

1. Cet outil fonctionne comme pour l'outil dégradé, il suffit de choisir le calque de votre choix , puis de sélectionner l'outil "pot de peinture" et l'appliquer sur une partie du calque.

XI - L'outil plume.

1. C'est un outil particulier, pour l'utiliser cliquez sur son icône dans la barre d'outils et tracer une délimitation en relâchant le bouton de la souris à chaque de point.

XII - L'outil texte.

1. Vous allez utiliser très souvent ce outil qui est un outil de base encore une fois. ;) Cliquez sur l'outil texte, puis cliquez dans la zone principale de travail et écrivez votre texte. Vous pouvez modifier la couleur , la police d'écriture , la taille du texte etc. avec la barre ci-dessous.



Ce tutoriel est terminé, un autre est en préparation afin de vous apprendre d'autres éléments de PS. :cool:

Cordialement,

Rivals
super tuto merci beaucoup :)
 

Rivals

Ancien staff
Inscription
27 Août 2016
Messages
1 705
Réactions
895
Points
13 104
Ça fait plaisir de voir que des topics datant de 2013 plaisent toujours, malheureusement je le trouve un peu moche visuellement il faudrait que je le refasse :trollface:
 

Show | CR

Premium
Inscription
29 Novembre 2015
Messages
465
Réactions
97
Points
2 283
PHOTOSHOP - INTERFACE & OUTILS !
Salut à tous, ce tutoriel vous permettra de comprendre l'interface et les outils principaux de Photoshop dans leur ensemble. :cool:

Avant de commencer , voici des liens qui vous seront utiles :

-
Le lexique du GFX : http://reality-gaming.fr/threads/lexique-du-graphisme.77137/ ;
-
La section de Tutoriaux et Guides : http://reality-gaming.fr/forums/tutoriaux-et-guides.62/ ;
-
Les raccourcis clavier de PS : http://reality-gaming.fr/threads/les-raccourcis-photoshop-avec-ctrl-et-alt.176150/ ;


Voir la pièce jointe 11171

CRÉER UN FICHIER (TAILLE & PARAMÈTRES) !
Commençons par la base c'est à dire la création d'un fichier (image) , cette étape est essentielle à la création d'image sur PS.

1. Pour créer un nouveau fichier , cliquez en haut de la fenêtre sur
Fichier > Nouveau... (CMD + N).

2. Ensuite vous devez remplir les champs ci-dessus , ils sont importants. Pour cette étape j'ai procédé en décrivant chaque champs dans un onglet que vous pouvez consulter ci-dessous. :)

[tabs][/tabs][tabs]
[tab=Nom] [/tab][tab=Nom]Ce champs a pour valeur le nom de votre image, vous pouvez le remplir avec comme nom "Mon Image".[/tab]
[tab=Paramètre prédéfini] Ce champs vous permet de choisir une des plusieurs catégories , ces catégories vous permettent de créer une image avec des valeurs pré-définis. [/tab]
[tab=Largeur] Ce champs a pour la valeur la largeur de votre image. [/tab]
[tab=Hauteur] Ce champs a pour la valeur la hauteur de votre image. [/tab]
[tab=Résolution] Ce paramètre vous permet de régler la résolution de votre image. [/tab]
[tab=Mode] Ce champs vous permet de régler le mode de couleur, si vous ne savez pas quoi choisir laisser le champs sur "Couleur RGB". [/tab]
[tab=Contenu de l'arrière-plan] Ce champs vous permet de choisir différents types de fond.[/tab]
[tab=Contenu de l'arrière-plan]
  • Blanc , le fond sera blanc ;
  • Couleur d'arrière plan, c'est à dire que le fond sera de la même couleur que le carré se trouvant à l'arrière du premier carré suivant (dans mon exemple : noir). Voir la pièce jointe 11174
  • Transparent, le fond sera transparent.
[/tab]
[/tabs]
Voir la pièce jointe 11182

LES CALQUES , UN ÉLEMENT IMPORTANT !
Dans ce chapitre court , je vais vous expliquez qu'est ce qu'un calque sur PS et en quoi cela consiste c'est un chapitre important.

Vous devez visualiser qu'un calque est une "
couche" d'élément , par exemple un texte superposé sur un fond sont deux calques différents , cela peut être un logo , etc. c'est un élément de votre image. :nerd:

- Vous pouvez visualiser vos calques dans une zone en bas à gauche de la fenêtre Photoshop, p
our renommer un calque double-cliquez sur son nom.

- Vous pouvez
créer un calque en cliquant sur la 2ème icône à gauche de la barre ci-dessous.
- Vous pouvez
supprimer un calque en cliquant sur la 1ème icône à gauche de la barre ci-dessous.
- Vous pouvez
créer un dossier de calque (regroupement) en cliquant sur la 3ème icône à gauche de la barre ci-dessous.
Une liste de calque est présente en bas à droite de votre fenêtre , pour cacher de votre image cliquer sur "l'oeil" présent à droite du nom du claque. ;)

- Vous pouvez régler l'opacité d'un calque (pour ceci il faut que vous ayez sélectionné votre calque avec votre souris) en réglant le pourcentage présent en haut à droit de cette capture d'écran, et vous pouvez aussi régler l'opacité du fond du calque en réglant le pourcentage en dessous de l'opacité.
Dans ce chapitre nous allons apprendre la fonction de chaque outils , c'est à dire chaque à quoi sert chaque outils et comment ils marchent. Je vais d'abord commencer par les principaux , ceux qui sont le plus utilisés. :rêve:

Cette barre est celle dont
vous allez le plus vous servir, c'est pour cela que vous devez assimiler la fonction de chaque outils avec aisance.

Voir la pièce jointe 11178

Je n'ai pas mis tous les outils car , cela serait trop long et inutile.

-Outils de déplacements Voir la pièce jointe 11180

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de déplacer un calque.

Outils de sélection Voir la pièce jointe 11186

http://reality-gaming.fr/images/ligne-rg.png
Cet outil permet de sélectionner une partie d'une image (pixels) ou d'un seul calque. Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Rectangle de sélection (permet de sélectionner avec une forme rectangulaire) ,
Eclipse de sélection (permet de sélectionner avec une forme ronde) ,
Rectangle de sélection 1 rangée (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique verticale),
Rectangle de sélection 1 colonne (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique horizontale),
Outils lasso Voir la pièce jointe 11187

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est une version différente de l'outils de sélection , seulement vous pouvez sélectionner une partie d'une image (pixels) ou d'un seul calque à main libre.
Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Lasso polygonal (permet de sélectionner sans aucune courbe (droit)) ,
Lasso magnétique (permet de sélectionner en détectant les courbes de la partie sélectionnée).
Outil de sélection rapide

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner un élément de votre image facilement.​
Un outils de sélection rapide est disponible, il suffit d'un clique-droit et la baguette magique (Voir la pièce jointe 11188 ) apparaîtra. :loving:

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner selon une tonalité de couleur.​
Outils de recadrage Voir la pièce jointe 11189

http://reality-gaming.fr/images/ligne-rg.png

Cette outil permet de recadrer une image , nous ne verrons pas les autres outils disponibles car ils ne sont pas très utiles pour un débutant. :ok:

Outils pipette Voir la pièce jointe 11190

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est un très utile, il vous permet d'obtenir le code couleur de n'importe quel pixel sur une image.​

Outils pinceau Voir la pièce jointe 11192

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir votre image, une sélection ou autres en utilisant des brushs (forme de pinceau).​
Outil Gomme Voir la pièce jointe 11193

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de simplement de gommer des calques avec des brushs.​

Outil dégradé Voir la pièce jointe 11195

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'un dégradé.

Outil pot de peinture Voir la pièce jointe 11194

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'une couleur.

Outil plume

http://reality-gaming.fr/images/ligne-rg.png


Cet un outil qui permet de délimiter une zone en plusieurs points, c'est un outil très utilisé.​

Outil texte

http://reality-gaming.fr/images/ligne-rg.png


Cet outil permet d'écrire du texte , il créer un calque lorsque vous l'utilisez.​

Lorsque vous utilisez cette outil la barre du haut change , vous pouvez grâce à celle-ci , changer la police d'écriture , la couleur du texte , la taille du texte.

Voir la pièce jointe 11196
Dans un prochain chapitre nous allons apprendre à utiliser ses outils , je vous laisses pour l'instant les découvrir seul. :bzr:

Pour le reste de l'interface , j'ai moi même fait une capture d'écran dans laquelle j'ai ajouté des notes. :stupide:
Voir la pièce jointe 11197
Rouge = Ce sont les outils que nous venons de voir. :tchuss:
Gris clair = La zone principal de travail , c'est ici que vous allez modifier vos éléments , calques etc.
Orange = Zone de calques.
Bleu = Onglet de fichier.

Ce n'est pas plus simple que ça , passons à l'utilisation des outils. ;)


UTILISATION DES OUTILS !

Dans ce chapitre nous allons voir chacuns des outils présentés précédemment en détails.

I.
L'outil de déplacement.


1. Pour utiliser cet outil , il faut avoir d'abord sélectionner le calque dans la zone des calques.

Voir la pièce jointe 11199
2. Ensuite cliquez sur l'icône de l'outil de déplacement puis placer votre souris au dessus de votre calque dans la zone principal de travail, et tout en restant appuyé sur la souris déplacer votre calque. :ok:
II. L'outil de sélection.
1. Pour se servir de cet outil , cliquez simplement sur son icône dans la barre des outils et de sélectionner une zone, sur votre zone de travail , de l'image.

2. Cet outil peut aussi servir à
copier - coller des morceaux sélectionnés , pour cela une fois que vous avez sélectionné le morceaux de calque avec l'outil , faites un CMD + C & CMD + V.

III. L'outil lasso.

1. Le principe est le même pour tous les types de lassos (lasso polygonale & magnétique) , vous devez cliquer sur l'icône de l'outil puis en restant appuyé sur la souris et détourer votre zone. Il faut être précis et soigneux. ;)

IV. L'outil de recadrage.

1. Pour utiliser cet outil , il faut cliquez sur son icône puis cadrer une zone de recadrage avec la souris en restant appuyé sur celle-ci. Photoshop vous demandera de valider en haut de la fenêtre vous cliquerez sur le Voir la pièce jointe 11202 , votre image est redimensionnée. :stupéfait:

V. L'outil pipette.
1. Cliquez sur son icône dans la barre d'outils , puis cliquez sur la zone de l'image dont vous voulez connaître la couleur, un cercle divisé en deux couleurs apparaîtra. La couleur du haut est celle de la zone survolée , elle sera "sauvegardé" dans les deux carrés de couleurs (Voir la pièce jointe 11174).

VI. L'outil pinceau.

1. Cet outil est très simple à utiliser , pour montrer ses effets , créez un calque avec un fond de la taille que vous voulez de couleur blanche (utiliser l'outil pot de peinture) . Ensuite peignez votre fond avec une couleur noire. ;)

VII - L'outil gomme.

1. C'est l'outil qui vous permet de gommer une partie d'un calque ou un calque entier , pour l'utiliser sélectionner le calque dont vous voulez effacer une partie , puis cliquez sur l'icône de l'outil gomme et effacer la zone souhaitée. :ok:
IX - L'outil dégradé.

1. Pour utiliser cet outil , veuillez sélectionner le calque de votre choix et cliquez sur l'icône de l'outil dégradé ensuite cliquez sur la partie du calque sur laquelle vous souhaitez appliquer un dégradé.

X - L'outil pot de peinture.

1. Cet outil fonctionne comme pour l'outil dégradé, il suffit de choisir le calque de votre choix , puis de sélectionner l'outil "pot de peinture" et l'appliquer sur une partie du calque.

XI - L'outil plume.

1. C'est un outil particulier, pour l'utiliser cliquez sur son icône dans la barre d'outils et tracer une délimitation en relâchant le bouton de la souris à chaque de point.

XII - L'outil texte.

1. Vous allez utiliser très souvent ce outil qui est un outil de base encore une fois. ;) Cliquez sur l'outil texte, puis cliquez dans la zone principale de travail et écrivez votre texte. Vous pouvez modifier la couleur , la police d'écriture , la taille du texte etc. avec la barre ci-dessous.



Ce tutoriel est terminé, un autre est en préparation afin de vous apprendre d'autres éléments de PS. :cool:

Cordialement,

Rivals

Merci beaucoup :ok:.
 

Lebossdu33

Premium
Inscription
2 Avril 2017
Messages
658
Réactions
111
Points
1 006
PHOTOSHOP - INTERFACE & OUTILS !
Salut à tous, ce tutoriel vous permettra de comprendre l'interface et les outils principaux de Photoshop dans leur ensemble. :cool:

Avant de commencer , voici des liens qui vous seront utiles :

-
Le lexique du GFX : http://reality-gaming.fr/threads/lexique-du-graphisme.77137/ ;
-
La section de Tutoriaux et Guides : http://reality-gaming.fr/forums/tutoriaux-et-guides.62/ ;
-
Les raccourcis clavier de PS : http://reality-gaming.fr/threads/les-raccourcis-photoshop-avec-ctrl-et-alt.176150/ ;


Voir la pièce jointe 11171

CRÉER UN FICHIER (TAILLE & PARAMÈTRES) !
Commençons par la base c'est à dire la création d'un fichier (image) , cette étape est essentielle à la création d'image sur PS.

1. Pour créer un nouveau fichier , cliquez en haut de la fenêtre sur
Fichier > Nouveau... (CMD + N).

2. Ensuite vous devez remplir les champs ci-dessus , ils sont importants. Pour cette étape j'ai procédé en décrivant chaque champs dans un onglet que vous pouvez consulter ci-dessous. :)

[tabs][/tabs][tabs]
[tab=Nom] [/tab][tab=Nom]Ce champs a pour valeur le nom de votre image, vous pouvez le remplir avec comme nom "Mon Image".[/tab]
[tab=Paramètre prédéfini] Ce champs vous permet de choisir une des plusieurs catégories , ces catégories vous permettent de créer une image avec des valeurs pré-définis. [/tab]
[tab=Largeur] Ce champs a pour la valeur la largeur de votre image. [/tab]
[tab=Hauteur] Ce champs a pour la valeur la hauteur de votre image. [/tab]
[tab=Résolution] Ce paramètre vous permet de régler la résolution de votre image. [/tab]
[tab=Mode] Ce champs vous permet de régler le mode de couleur, si vous ne savez pas quoi choisir laisser le champs sur "Couleur RGB". [/tab]
[tab=Contenu de l'arrière-plan] Ce champs vous permet de choisir différents types de fond.[/tab]
[tab=Contenu de l'arrière-plan]
  • Blanc , le fond sera blanc ;
  • Couleur d'arrière plan, c'est à dire que le fond sera de la même couleur que le carré se trouvant à l'arrière du premier carré suivant (dans mon exemple : noir). Voir la pièce jointe 11174
  • Transparent, le fond sera transparent.
[/tab]
[/tabs]
Voir la pièce jointe 11182

LES CALQUES , UN ÉLEMENT IMPORTANT !
Dans ce chapitre court , je vais vous expliquez qu'est ce qu'un calque sur PS et en quoi cela consiste c'est un chapitre important.

Vous devez visualiser qu'un calque est une "
couche" d'élément , par exemple un texte superposé sur un fond sont deux calques différents , cela peut être un logo , etc. c'est un élément de votre image. :nerd:

- Vous pouvez visualiser vos calques dans une zone en bas à gauche de la fenêtre Photoshop, p
our renommer un calque double-cliquez sur son nom.

- Vous pouvez
créer un calque en cliquant sur la 2ème icône à gauche de la barre ci-dessous.
- Vous pouvez
supprimer un calque en cliquant sur la 1ème icône à gauche de la barre ci-dessous.
- Vous pouvez
créer un dossier de calque (regroupement) en cliquant sur la 3ème icône à gauche de la barre ci-dessous.
Une liste de calque est présente en bas à droite de votre fenêtre , pour cacher de votre image cliquer sur "l'oeil" présent à droite du nom du claque. ;)

- Vous pouvez régler l'opacité d'un calque (pour ceci il faut que vous ayez sélectionné votre calque avec votre souris) en réglant le pourcentage présent en haut à droit de cette capture d'écran, et vous pouvez aussi régler l'opacité du fond du calque en réglant le pourcentage en dessous de l'opacité.
Dans ce chapitre nous allons apprendre la fonction de chaque outils , c'est à dire chaque à quoi sert chaque outils et comment ils marchent. Je vais d'abord commencer par les principaux , ceux qui sont le plus utilisés. :rêve:

Cette barre est celle dont
vous allez le plus vous servir, c'est pour cela que vous devez assimiler la fonction de chaque outils avec aisance.

Voir la pièce jointe 11178

Je n'ai pas mis tous les outils car , cela serait trop long et inutile.

-Outils de déplacements Voir la pièce jointe 11180

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de déplacer un calque.

Outils de sélection Voir la pièce jointe 11186

http://reality-gaming.fr/images/ligne-rg.png
Cet outil permet de sélectionner une partie d'une image (pixels) ou d'un seul calque. Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Rectangle de sélection (permet de sélectionner avec une forme rectangulaire) ,
Eclipse de sélection (permet de sélectionner avec une forme ronde) ,
Rectangle de sélection 1 rangée (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique verticale),
Rectangle de sélection 1 colonne (permet de sélectionner avec une forme rectangulaire d'une hauteur spécifique horizontale),
Outils lasso Voir la pièce jointe 11187

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est une version différente de l'outils de sélection , seulement vous pouvez sélectionner une partie d'une image (pixels) ou d'un seul calque à main libre.
Plusieurs outils de sélection sont disponibles , il suffit de faire un clique droit sur l'outil de sélection et vous pourrez choisir :

Lasso polygonal (permet de sélectionner sans aucune courbe (droit)) ,
Lasso magnétique (permet de sélectionner en détectant les courbes de la partie sélectionnée).
Outil de sélection rapide

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner un élément de votre image facilement.​
Un outils de sélection rapide est disponible, il suffit d'un clique-droit et la baguette magique (Voir la pièce jointe 11188 ) apparaîtra. :loving:

http://reality-gaming.fr/images/ligne-rg.png

Cet outil vous permet de sélectionner selon une tonalité de couleur.​
Outils de recadrage Voir la pièce jointe 11189

http://reality-gaming.fr/images/ligne-rg.png

Cette outil permet de recadrer une image , nous ne verrons pas les autres outils disponibles car ils ne sont pas très utiles pour un débutant. :ok:

Outils pipette Voir la pièce jointe 11190

http://reality-gaming.fr/images/ligne-rg.png

Cet outil est un très utile, il vous permet d'obtenir le code couleur de n'importe quel pixel sur une image.​

Outils pinceau Voir la pièce jointe 11192

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir votre image, une sélection ou autres en utilisant des brushs (forme de pinceau).​
Outil Gomme Voir la pièce jointe 11193

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de simplement de gommer des calques avec des brushs.​

Outil dégradé Voir la pièce jointe 11195

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'un dégradé.

Outil pot de peinture Voir la pièce jointe 11194

http://reality-gaming.fr/images/ligne-rg.png

Cet outil permet de remplir un calque d'une couleur.

Outil plume

http://reality-gaming.fr/images/ligne-rg.png


Cet un outil qui permet de délimiter une zone en plusieurs points, c'est un outil très utilisé.​

Outil texte

http://reality-gaming.fr/images/ligne-rg.png


Cet outil permet d'écrire du texte , il créer un calque lorsque vous l'utilisez.​

Lorsque vous utilisez cette outil la barre du haut change , vous pouvez grâce à celle-ci , changer la police d'écriture , la couleur du texte , la taille du texte.

Voir la pièce jointe 11196
Dans un prochain chapitre nous allons apprendre à utiliser ses outils , je vous laisses pour l'instant les découvrir seul. :bzr:

Pour le reste de l'interface , j'ai moi même fait une capture d'écran dans laquelle j'ai ajouté des notes. :stupide:
Voir la pièce jointe 11197
Rouge = Ce sont les outils que nous venons de voir. :tchuss:
Gris clair = La zone principal de travail , c'est ici que vous allez modifier vos éléments , calques etc.
Orange = Zone de calques.
Bleu = Onglet de fichier.

Ce n'est pas plus simple que ça , passons à l'utilisation des outils. ;)


UTILISATION DES OUTILS !

Dans ce chapitre nous allons voir chacuns des outils présentés précédemment en détails.

I.
L'outil de déplacement.


1. Pour utiliser cet outil , il faut avoir d'abord sélectionner le calque dans la zone des calques.

Voir la pièce jointe 11199
2. Ensuite cliquez sur l'icône de l'outil de déplacement puis placer votre souris au dessus de votre calque dans la zone principal de travail, et tout en restant appuyé sur la souris déplacer votre calque. :ok:
II. L'outil de sélection.
1. Pour se servir de cet outil , cliquez simplement sur son icône dans la barre des outils et de sélectionner une zone, sur votre zone de travail , de l'image.

2. Cet outil peut aussi servir à
copier - coller des morceaux sélectionnés , pour cela une fois que vous avez sélectionné le morceaux de calque avec l'outil , faites un CMD + C & CMD + V.

III. L'outil lasso.

1. Le principe est le même pour tous les types de lassos (lasso polygonale & magnétique) , vous devez cliquer sur l'icône de l'outil puis en restant appuyé sur la souris et détourer votre zone. Il faut être précis et soigneux. ;)

IV. L'outil de recadrage.

1. Pour utiliser cet outil , il faut cliquez sur son icône puis cadrer une zone de recadrage avec la souris en restant appuyé sur celle-ci. Photoshop vous demandera de valider en haut de la fenêtre vous cliquerez sur le Voir la pièce jointe 11202 , votre image est redimensionnée. :stupéfait:

V. L'outil pipette.
1. Cliquez sur son icône dans la barre d'outils , puis cliquez sur la zone de l'image dont vous voulez connaître la couleur, un cercle divisé en deux couleurs apparaîtra. La couleur du haut est celle de la zone survolée , elle sera "sauvegardé" dans les deux carrés de couleurs (Voir la pièce jointe 11174).

VI. L'outil pinceau.

1. Cet outil est très simple à utiliser , pour montrer ses effets , créez un calque avec un fond de la taille que vous voulez de couleur blanche (utiliser l'outil pot de peinture) . Ensuite peignez votre fond avec une couleur noire. ;)

VII - L'outil gomme.

1. C'est l'outil qui vous permet de gommer une partie d'un calque ou un calque entier , pour l'utiliser sélectionner le calque dont vous voulez effacer une partie , puis cliquez sur l'icône de l'outil gomme et effacer la zone souhaitée. :ok:
IX - L'outil dégradé.

1. Pour utiliser cet outil , veuillez sélectionner le calque de votre choix et cliquez sur l'icône de l'outil dégradé ensuite cliquez sur la partie du calque sur laquelle vous souhaitez appliquer un dégradé.

X - L'outil pot de peinture.

1. Cet outil fonctionne comme pour l'outil dégradé, il suffit de choisir le calque de votre choix , puis de sélectionner l'outil "pot de peinture" et l'appliquer sur une partie du calque.

XI - L'outil plume.

1. C'est un outil particulier, pour l'utiliser cliquez sur son icône dans la barre d'outils et tracer une délimitation en relâchant le bouton de la souris à chaque de point.

XII - L'outil texte.

1. Vous allez utiliser très souvent ce outil qui est un outil de base encore une fois. ;) Cliquez sur l'outil texte, puis cliquez dans la zone principale de travail et écrivez votre texte. Vous pouvez modifier la couleur , la police d'écriture , la taille du texte etc. avec la barre ci-dessous.



Ce tutoriel est terminé, un autre est en préparation afin de vous apprendre d'autres éléments de PS. :cool:

Cordialement,

Rivals
Merci du partage sa va beaucoup m aider
 
Haut