Tutorial Adobe Photoshop (pour les nuls ^^)

Voici un petit tutorial pour vous apprendre à vous servir de adobe photoshop, et réaliser de belles signatures et avatars en quelques clics

Tout d'abord faisons un petit tour du logiciel (téléchargeable en shareware, faites une recherche google ^^)




Les divers boutons :
(je ne mets que ceux qui ont de l'importance et qui sont le plus souvent utilisés, les autres étant à voir après plus d'expérience)
Essayez les en même temps, pour mieux voir, pour cela ouvrez simplement une image jpg.

[Les mots marqués de *** seront expliqués plus tard ]

Fichier
> Nouveau
La première étape pour créer un nouveau document
> Ouvrir
Pour ouvrir une image, un fichier psd***, tout format***
> Enregistrer
Pour enregistrer votre travail, si cela a déjà été fait auparavant
> Enregistrer sous
Si c'est la première fois que vous enregistrez votre travail, vous devrez lui donner un nom (et faites attention au dossier dans lequel vous l'enregistrer, ainsi que sous quel format***)
> Quitter
Quand vous avez tout fini, il ne vous reste plus qu'à quitter, si vous ne préférez pas la petite croix rouge

Edition
> Aller vers l'avant
Si vous avez annulé une action, cela vous permet de la refaire
> Aller vers l'arrière
Si vous avez fait une erreur, cela vous permet de revenir en arrière
> Couper
Pour découper et prendre la zone sélectionnée (qui sera stockée un moment en mémoire de votre ordinateur, le temps de la coller autre part)
> Copier
Pour prendre la partie sélectionnée, sans la découper (ce qui laisse l'image originale intacte)
> Coller
Une fois copiée ou coupée, vous collez votre partie (n'ayez pas peur, elle se met automatiquement sur un nouveau calque***, donc vos autres calques*** n'en seront pas affectés)
> Effacer
Pour tout bonnement supprimer la partie sélectionnée
> Remplir
Pour remplir d'une couleur ou d'un motif la zone sélectionnée
> Contour
Pour ajouter un contour à la zone sélectionnée. Petit effet sympa et facile, que j'utilise souvent.
> Transformation manuelle
Permet de faire pivoter l'image ou zone sélectionnée, de l'agrandir, de la rétrécir et de la distordre, le tout manuellement.
> Transformation
C'est un sous menu qui propose des effets pratiques, comme la rotation à 90° horaire/antihoraire, qui permet de retourner une image, d'un côté ou de l'autre, ou la symétrie etc.

Image
> Mode
Ce sous menu peut être pratique dans certains cas, mais pour le simple traitement d'images (sign, bannières etc) il faut simplement vérifier que vous êtes en mode RVB (rouge, vert, bleu) c'est à dire couleurs classiques.
> Réglages
Sous menu très intéressant ! Plein de fonctionnalités, en voici quelques unes ...
> Luminosité/Contraste
Permet de jouer sur la lumière, d'assombrir ou d'éclairer, de rendre plus net en augmentant le contraste.
> Teinte/Saturation
Pour changer la gamme de couleurs de l'image, sa saturation et sa luminosité. Pour changer totalement l'image de couleur et la mettre dans une même couleur > cocher Redéfinir
> Désaturation
Pour obtenir en un clic une image en noir et blanc. (parfois un peu trop grise : jouer alors sur le contraste)
> Négatif
L'effet bien connu de négatif photo sur votre image.
> Taille de l'image
Pour modifier rapidement la taille de l'image. Connaître un peu les pixels est tout juste nécessaire Une case à cocher permet de garder les proportions de l'image, et donc de ne pas la déformer.

Sélection
> Tout sélectionner
Pour sélectionner toute l'image
> Déselectionner
Pour déselectionner la sélection qui était en cours
> Resélectionner
Vous avez déselectionné ? La dernière sélection reste quelque minutes en mémoire, vous pouvez la resélectionner.
> Intervertir
Intervertit la sélection : ce qui était dans la sélection se trouve en dehors de celle-ci, et vice versa.
> Modifier
Pour modifier votre sélection
> Dilater
Pour agrandir votre sélection, d'autant de pixels que vous le souhaitez.
> Contracter
Pour diminuer votre sélection, d'autant de pixels que vous le souhaitez.

Filtres
C'est grâce aux filtres que l'on peut faire plein d'effets sur les images ! Hélas parler de chacun d'eux prendrait trop de temps ... Je vous invite plutôt à les essayer sur une image, amusez vous ! Sinon vous pouvez toujours chercher des tutoriaux qui en parlent en détails

Voilà pour les boutons les plus importants !
Maintenant les petites *** !

FORMATS : Il existe différents formats sous lesquels vous pouvez enregistrer votre image/votre travail. Le format psd est le format photoshop > c'est à dire qu'il enregistre votre travail, pas en tant qu'image unique (comme un jpg) mais comme un ensemble de calque. De plus le fichier psd conserve la qualité optimale de l'image (alors qu'un jpg une fois enregistré peut être de moindre qualité*** : un peu flou)
Personnellement je ne me sert que des formats psd (quand je n'ai pas terminé mon travail, ça me permet de le retrouver en cours) et jpg/jpeg pour les images, que j'utilise le plus souvent pour le net ^^

CALQUE : Un calque dans photoshop c'est un peu comme un calque dans la réalité. En première image par exemple, vous avez ouvert un paysage en hiver, sur un nouveau calque vous écrivez "Joyeux Noël" > Ce texte sera considéré comme une image à part entière, que vous pourrez déplacer et modifier au dessus du paysage d'hiver, sans que cela l'affecte. Grâce aux calques on peut aussi réaliser des effets de fusion, que vous verrez dans mon petit tutorial pour signatures ^^
Les calques se trouvent dans une fenêtre à droite : vous pouvez les supprimer, en créer de nouveaux, leur ajouter des effets spéciaux, ou encore modifier leur fusion.

QUALITE : lors de l'enregistrement de votre image finale (en jpg) vous pourrez choisir la qualité de l'image : moyenne, basse, élevée. Plus la qualité sera élevée, plus l'image pèsera lourd en Kilos Octets, mais rassurez vous, même 200 Ko ne pèsent pas lourd sur votre ordinateur, loin de là. C'est pourquoi je recommande de toujours enregistrez avec la meilleur qualité (12) qui donne une image bien nette.

Voilà pour le petit tour pratique du logiciel ! Maintenant je vais m'atteler au tutorial pour la signature, et avec images cette fois ci ^^

TUTORIAL POUR UNE SIGNATURE

Ouvrez Adobe Photoshop.
Faites Fichier > Nouveau
Apparaît alors la fenêtre suivante que vous remplissez ainsi :

largeur : 600
hauteur : 200

Couleurs RVB
Blanc



Vous avez maintenant votre document vierge. Il est tout blanc, et dans la fenêtre droite, il n'y a qu'un seul calque, appelé arrière-plan, verrouillé.



Maintenant vous allez avoir besoin de cette image :
(cliquez dessus une fenêtre s'ouvre et vous pouvez l'enregistrer)



Que vous enregistrez où bon vous semble, par exemple dans Mes Images, tant que vous savez où le retrouver ^^

Faites (ds photoshop hein) Fichier > Ouvrir
Puis sélectionnez l'image précédente, préalablement enregistrée, et faites Ouvrir.
Vous l'avez :



Placez votre souris sur cette image, cliquez (bouton gauche de la souris), restez appuyé, et faites glisser sur l'image du dessous, puis relâcher le bouton de la souris.

Vérifiez que l'outil que vous utilisez pour cela, est bien celui ci :


Vous devriez vous retrouvez avec ça :

(vous pouvez fermer l'image de derrière, sur laquelle vous ne travaillez pas > la petite croix rouge de sa fenêtre)

Maintenant, faites Edition > Transformation > Rotation à 90° horaire
Votre image est maintenant sur le côté :


Edition > Transformation manuelle
Et tirer sur les petits carrés de gauche et de droite, de façon à ce que l'image recouvre le blanc du fond.

Puis acceptez la transformation en cliquant sur le ptit "oiseau"


Maintenant nous allons juste employer un petit raccourci clavier, permettant de fusionner les deux calques (arrière-plan et Calque 1)
Faites simplement Ctrl+E (ça évite d'avoir un arrière plan inutile)

Vous pouvez jouer sur Teinte/Saturation, par exemple si vous souhaitez une signature plutôt bleue, rose etc.
Ici je laisserai l'image telle quelle (j'aime bien le violet ^^)

Maintenant, trouvez sur internet, ou sur votre ordinateur, 3 ou 4 photos de votre personnage (là c'est pour un rpg, mais ça peut être autre chose, à vous de voir). Et ouvrez les tour à tour : Fichier > Ouvrir.

Vous devrez obtenir ceci (si les images sont trop les unes sur les autres, vous pouvez déplacer les fenêtres, ou les réduire) :


Répétez la même opération que précédemment, en faisant glisser chaque image sur votre signature.

Comme vous le voyez, tout ceci n'est pas très ordonné. Nous allons donc réduire chaque image, et les positionner au bon endroit.
Prenons le Calque 3 par exemple.

D'abord éloignons nous un peu de l'image, pour l'avoir en entier (faites aller la roulette de votre souris vers l'avant ou bien utilisez la petite loupe moins)

Puis faites Edition > Transformation manuelle
Apparaissent alors les petits carrés. Maintenez Maj enfoncé (ceci permettra de garder les proportions de l'image) et réduisez alors l'image grâce aux petits carrés (ceux des coins).


et puis validez


Rapprochez vous de l'image (roulette de la souris vers l'arrière ou bien petite loupe +) Et déplacez l'image que vous venez de réduire de façon à la mettre à peu près au milieu. Si elle dépasse de votre signature, rétrécissez la encore, laissez une marge de vide par rapport aux bords de la signature.


Réduisez les autres images de la même façon que précédemment (pour s'occuper du Calque 2 par exemple, sélectionnez le Calque 2 dans la fenêtre des calques à droite, en cliquant simplement une fois dessus), et disposez les à peu près en ligne. Vous obtenez ceci :


Maintenant, nous allons fusionnez les 3 Calques. Mettez vous sur le calque 3 et faites Ctrl+E, et encore une fois Ctrl+E.
De 4 calques, vous passez maintenant à 2. Votre fond, et vos trois photos.


Maintenant, vous allez dupliquez le calque 1. Pour cela, cliquez dessus (tjrs bouton gauche de la souris), restez appuyé, et faites glisser jusque sur le petit carré en bas de la fenêtre (qui devient bleu une fois que vous êtes dessus),

puis relacher. Un nouveau calque semblable au calque 1 est créé.


Maintenant, décalez ce calque 1 copie par rapport au calque 1, et réduisez le un peu (transformation manuelle > maj enfoncé pour garder les proportions).


Cliquez sur Calque 1, puis grâce à cet outil (baguette magique)

sélectionnez le vide autour de vos images, simplement en cliquant dans le vide.

Maintenant faites Sélection > Intervertir


Mettez vous sur l'outil suivant (sélection rectangle)

et faites clic droit : apparaît alors un menu, dans lequel vous cliquez (gauche ^^) sur Contour. Une fenêtre apparaît que vous remplissez comme suit :


Refaites la manipulation précédente, seuls les réglages changent :
Epaisseur : 2 px
Couleur : (cliquez sur le carré puis mettez le curseur sur le blanc, ou bien entrez le code couleur en face du # : FFFFFF)
Puis Ok

Refaites pour la dernière fois la manipulation :
Epaisseur : 1 px
Couleur : (cliquez sur le carré puis mettez le curseur sur le noir, ou bien entrez le code couleur en face du # : 000000)
Puis Ok

Sélection > Désélectionner

Si tout s'est bien passé, voilà ce que vous obtenez :


Maintenant faites dérouler le menu de la fenêtre des calques comme ceci :

Puis cliquez sur incrustation.
(vous venez en fait de modifier la fusion du Calque 1. Essayez différentes fusions pour voir : différence, exclusion, densité couleur - etc)


Cliquez sur le Calque 1 Copie, puis sur ce bouton :

Apparaît un petit menu, où vous cliquez sur Biseautage et Estampage.
Dans la fenêtre qui apparaît, mettez les règlages comme suit

Puis cliquez sur Ok

Prenez maintenant l'outil texte

et choisissez la police que vous voulez et mettez la couleur blanche
(en cliquant sur le carré de couleur)
voici mes réglages (la taille n'a pas d'importance)

Cliquez quelque part dans votre image, puis tapez votre texte
(le nom de votre perso par exemple)
Ce qui donne :

(n'oubliez pas de valider votre texte)

Maintenant faites clic droit sur votre calque texte (ici [Spike]) et ds le menu qui s'affiche > Pixelliser (attention à partir de là vous ne pourrez plus modifier votre texte)

Prenez l'outil Baguette Magique, puis cliquez comme c'est indiqué ci dessous (vous devez sélectionner tout le vide qui est autour de votre texte)

Maintenant faites Sélection > Intervertir


Nous allons refaire la même manipulation qui consiste à mettre un contour, mais les réglages changeront quelque peu.
Reprenez donc l'outil Sélection Rectangle

Clic droit sur votre texte sélectionné [Spike] > Contour
Mettez les réglages comme suit (faites bien attention à cocher Extérieur ^^)

Puis Ok

Refaites encore une fois comme précédent
avec les réglages suivant :
Epaisseur : 2 px
Couleur : (cliquez sur le carré puis mettez le curseur sur le blanc, ou bien entrez le code couleur en face du # : FFFFFF)
(et vérifier que vous avez coché Extérieur)
Puis OK

Faites le une dernière fois
Epaisseur : 1 px
Couleur : (cliquez sur le carré puis mettez le curseur sur le noir, ou bien entrez le code couleur en face du # : 000000)

Votre texte est maintenant joliment contouré
Sélection > Désélectionner

Maintenant il faut mettre le texte à la bonne taille
Edition > Transformation manuelle
Réduisez le et placez le correctement (n'oubliez pas l'astuce Maj enfoncé pour maintenir les proportions)


Et maintenant nous allons modifier la fusion :

Cliquez sur Eclaircir.


Maintenant, vous allez dupliquez le calque [Spike]. Pour cela, cliquez dessus (tjrs bouton gauche de la souris), restez appuyé, et faites glisser jusque sur le petit carré en bas de la fenêtre (qui devient bleu une fois que vous êtes dessus),

puis relacher. Un nouveau calque semblable au calque [Spike] est créé.

Cliquez dessus puis faites Edition > Transformation > Rotation 90°antihoraire

Puis prenez cet outil

et déplacez le texte dans le coin gauche de votre sign (si le texte est un peu grand vous pouvez le réduire par Transformation manuelle)

Maintenant changez en la fusion

Cliquez sur Incrustation
Et voilà le travail !


Vous avez réussi une signature simple
Maintenant faites Fichier > Enregistrez sous
Vous avez ceci

Précisez le nom et enregistrer tel quel si vous voulez garder votre travail avec tous ses calques (de façon à pouvoir le modifier)
Si vous ne pensez pas modifier votre signature, mettez au format JPG

Puis enregistrer !


N'hésitez pas à explorer le logiciel et ses possibilités par vous même, c'est encore un bon moyen d'apprendre

Maintenant que vous aves un peut pratiqué, faisons un fond plus compliqué, et plus joli !
Je mettrais moins de détails, pour vous tester

Tout d'abord cachons tous les calques, sauf notre fond
Pour cela cliquez sur le petit oeil dans la fenêtre des calques, en face de chaque calque : cela cache le calque, le petit oeil disparaît. Recliquez, le calque est à nouvez visible.



Maintenant nous allons avoir besoin de l'une de ces images :


(ou de toute autre jolie image que vous trouverez : si possible assez colorée, abstraite etc)

Fichier > Ouvrir (votre image)
Maintenant faites la glisser sur votre fond

Une fois cela fait, vous pouvez fermer l'image.
Placez le nouveau calque qui a été créé avec cette image, juste au dessus de votre fond (cliquez puis faites glisser jusqu'au dessus du fond)

Puis faites Edition > Transformation > Rotation 90° horaire

Puis Edition > Transformation manuelle
et élargissez (sans maintenir les proportions) de façon à ce que l'image couvre tout le fond.


Maintenant vous allez changez la fusion du calque comme bon vous semble ! Incrustation, Superposition etc ... Essayez les différentes fusion et gardez celle qui vous plaît le plus.
Par exemple ici j'ai mis Différence :


Maintenant nous allons jouer sur les couleurs
Image > Réglages > Teinte/Saturation
Amuser vous à changer la Teinte, la Saturation et la Luminosité
Par exemple ici j'ai mis
Teinte : +3
Saturation : +69
Luminosité : +52



Maintenant refaites apparaître les autres calques :


Et voilà !!


D'autres résultats possibles :

J'ai adapté le tutorial sur paintshop. C'est super bien expliqué et j'ai réussi à faire un montage... Merci Spike!!

mdrr tu t'ennuies tant que ça pendant tes vacances Spike ? lool


en tout cas, cté une super bonne idée

(tu m'avais expliqué sur msn et j'ai toujours rien réussi à faire.. je suis un cas desespéré et pour tout ça, je verrai quand j'aurai le temps xD)

lol vu le boulot que j'ai à faire (normalement) je ne devrais pas m'ennuyer, mais bon à la demande de Valaria et parce que les montages ne sont pas le privilège de certains initiés, ben voilà, je rend service.
et pis courage Diane XD

merci pour ce cours de photoshop spike

bon.. j'ai eu le temps de suivre tes consignes

et ça donne pas grand chose (et contrairement à toi, j'ai du mettre une demi heure au lieu de 10 minutes lool) :



et ça donne pas le même résultat que toua, mais il me faut encore de l'entraînement xD

masi elle est quand même jolie ta signature
tu verras quand t'auras l'habitude, ça ira tout seul !
(par contre de faire ce tutorial m'a pris au moins une heure lol)

tu m'étonnes lool. Y'a que toi pour faire ce genre de trucs

bon, après une journée de travail (acharné ?) sur photoshop, j'ai enfin (miracle !) réussi à un résultat un eu plus satisfaisant ^^ (voir la signature d'Angel lol).

une chose à dire : merci mélinaaaaaaaaaaaaaaaaaa

Merci Melina et surtout : merci ma manueeeee

une fois de plus de rien
et bravoooo dianisse !!!
allez je vais za Paris draguer les parigos mdr
bizoux bizoux ^^

bon voyage et ramène nous l'arc de triomphe en miniature

ma vie a changée grace a toi ^^ enfin bon j'ai commencé a le faire en tout cas ...

Diane j'adore la signature de Aaron

mici

Bon, voilà, je m'y suis mise et MMEEERRRCCCIII, j'aurais jamais réussi sans ton aide!!!

LoL
ben ça a l'air d'aider des gens mon ptit tuto !
tant mieux
si vous voulez un tuto sur autre chose, demandez toujours, je verrais si j'ai le temps ^^