T.P manipuler les outils

Page blanche

Bien, préparons le terrain.

Nous allons donc faire un nouveau document : Fichier > Nouveau.

Vous allez vous retrouver devant cette fenêtre :

Nous allons donner un nom à ce fichier, par exemple : vachetp .
Puis je vais choisir une taille pas trop grande, ni trop petite, un format A6 sera parfait (1240 * 1748 px).
Toujours vérifier si l'on est en mode RVB ou CMJN, et que le fond soit blanc (le fond transparent est utile mais je préfère partir d'un fond blanc).

Nous nous retrouvons face à cette vue horrifiante qu'est le néant .

Maintenant, il faut absolument déverrouiller le calque ! Sinon, on ne pourra pas travailler !


Dans la fenêtre Calques, on double cliquera sur ce calque. Puis une fenêtre de confirmation apparaîtra : appuyez sur Ok.


No problemo, on ira dans le menu Image > Rotation de la zone de travail > 90° horaire.
Et voilà : problème résolu.
On travaillera en paysage pour ne pas être gêné à faire notre vache .

La première étape est terminée.

Le patron, c'est moi

Nous allons maintenant commencer à créer la vache. Le patron sera un repère pour mettre les couleurs, les dégradés et ne pas se tromper.

D'abord, nous allons créer un nouveau calque. Pour ne pas toucher le fond blanc, si besoin est, on peut le verrouiller pour l'instant : allez sur le calque 0 (pour le renommer, double cliquez sur le texte et mettez le nom (ex : fond), appuyez maintenant sur .

Sur le calque 1, on fera le corps, renommez le calque "patron corps".

Prenez l'outil ellipse pour commencer à créer le corps, faites un cercle parfait en appuyant sur Shift, puis prenez l'outil de sélection directe (raccourci A) pour transformer la forme. Aplatissez le bas du cercle. Voici ce que ça donne :

Nous allons faire la tête puis le museau, les pieds, les oreilles...

De la tête aux pieds

Pour la tête, créez un nouveau calque, nommez-le "tête". Prenez l'outil ellipse, faites un cercle au-dessus du corps. Changez la couleur du calque pour le gris (pour différencier les calques ^^).

Pour le museau, faites la même opération. Mettez le cercle entre la jointure du corps et de la tête puis aplatissez la forme en bas et en haut. Changez-lui sa couleur pour le rose.

Petite vérification :



On va faire les pieds de la vache. Je vais vous montrer une technique de fainéant .

Créez donc un nouveau calque, nommez-le "pied 1". Mettez-le en dessous du calque "corps".
Puis prenez l'outil rectangle, faites un rectangle ni trop gros, ni trop fin. Prenez l'outil de déplacement (V), puis tournez-le légèrement vers la gauche, appuyez sur Entrée pour accepter la rotation.

Créez un nouveau calque au-dessus du calque "pied", ne le renommez pas !
Prenez l'outil ellipse, faites un cercle aplati. Comme ceci (utilisez l'outil de sélection direct) :





Nous allons d'abord fusionner les 2 calques. C'est très simple : sélectionnez les 2 calques puis faites un clic droit et fusionnez les calques.


Nous allons renommer cette forme "pied 1" et la dupliquer (glissez-déposez sur la feuille en bas ). Renommez cette forme "pied 2", puis appuyez sur Shift + flèche droite du clavier pour la déplacer.
Puis allez dans le menu Édition > Transformation > Symétrie axe horizontal.
Puis placez la forme correctement.

Les yeux

Cela va être très simple aussi : créez un calque au-dessus de la tête puis un groupe nommé "yeux".
Prenez l'outil ellipse, un rond noir assez petit, dupliquez-le et placez les yeux.

Les oreilles

Créez un nouveau calque "oreille", puis un groupe "oreilles" sous le groupe "tête".
Dans le calque "oreille", créez une ellipse allongée, dupliquez et placez les calques.

Les cornes

Créez un nouveau calque entre les groupes "tête" et "oreilles", créez un groupe "cornes".
Puis avec l'outil plume (P), créez une forme de ce style-là :



Puis dupliquez et déplacez-la.

La bouche

Créez, comme d'habitude, un nouveau calque "bouche" au-dessus du groupe "tête", puis un groupe ; lui aussi, renommez-le.
Prenez l'outil ellipse, faites comme vous le sentez pour faire une boubouche.



Nous avons fini notre patron ; les bras, on les rajoutera plus tard.

On va s'attaquer aux détails .

Notre vache avance assez rapidement, nous avons fait presque la moitié .

Comme vous le savez, une vache, c'est blanc avec des tâches noires et un museau rose.

Le museau

Bon, là je vois que les couleurs du museau sont bofbof . Et il manque les narines...

Dans un premier temps, nous allons remplacer les couleurs du patron "museau" avec l'outil dégradé .

Alors, allez sur le calque "museau" : on va sélectionner la forme, Ctrl + clic ou pomme + Clic sur la petite vignette du calque (normalement vous voyez des pointillés qui entourent la forme). On crée un nouveau calque dans ce même groupe, nommez-le "dégradé groin".

Gardez toujours la sélection active, puis cherchez, dans la boîte à outils, le dégradé (G).

Dans le menu en dessous, une barre est apparue !



Cette barre permet de modifier des paramètres sur les outils.
Ici, nous avons l'aperçu du dégradé avec les couleurs, puis les styles de dégradés, les modes de fusion (que j'expliquerai dans la partie II), son opacité et d'autres options.

Dans notre situation périlleuse, nous allons double cliquer sur l'aperçu .


C'est juste l'éditeur de dégradé ; vous l'utiliserez souvent .

Explication :

Dans cet éditeur, nous avons des dégradés prédéfinis, du blanc au noir, du noir au transparent... Je laisse toujours un type de dégradé uniforme et un lissage de 100 %.

En dessous, l'aperçu du dégradé. On va cliquer sur le premier petit carré tout en bas à gauche, ne touchez pas trop aux 2 carrés noirs qui modifient l'opacité (sur l'image, le dégradé est déjà établi). Ce qui va nous amener à la palette de couleurs.
Cette palette, vous la retrouverez pour changer les couleurs du premier ou de l'arrière-plan et dans d'autres situations.

Ne vous fiez pas aux apparences, c'est très simple de choisir sa couleur. Soit en se déplaçant dans le carré des nuances (pour changer de couleur, c'est le curseur à droite ). Soit en ajustant le code de la colorimétrie du RVB (les petits chiffres).

Je choisis une couleur rose foncé ayant pour code #efb8b8, et une couleur rose clair, au code #fbeaea. Puis nous allons cacher le calque "museau" (cliquez sur l'oeil du loft story ) puis faites une ligne de haut en bas, ou l'inverse si vous avez appuyé sur l'option Inverser (il faut qu'ici le rose clair soit au-dessus).

Les narines

ici, on va manipuler un peu pour faire les narines .

Donc créez un groupe "narines" au-dessus des autres groupes, puis un nouveau calque. Outil ellipse , un cercle en haut à gauche à l'intérieur du museau. Puis faites un clic droit sur le calque > Pixelliser le calque pour fusionner le masque vectoriel. Ensuite un Ctrl (ou pomme) + clic sur la vignette pour sélectionner la forme.

On va faire un contour de la narine. Allez dans le menu Sélection > Modifier > Contracter, mettez une contraction de 7 pixels puis OK (n'oubliez pas d'appuyer sur Suppr pour effacer le petit rond noir).

On utilise la gomme pour aller plus vite (il existe d'autres méthodes) pour effectuer un demi-cercle ou une demi-narine .

Pour faire les trous des narines, outil ellipse, et un rond parfait ; appuyez en même temps sur Shift et placez-le. Enfin sélectionnez les 2 calques, faites un clic droit et fusionnez les calques. N'oublier pas de dupliquer le calque et de le placer à droite.

Pour finir, on va mettre un contour avec le style de calque sur le museau. Appuyez sur Fx en bas de la fenêtre des calques (vérifier bien que vous êtes sur le bon calque).
Une fenêtre apparaît :


Ne vous inquiétez pas, j'expliquerai tout dans la deuxième partie (je dévoile un peu le mystère, là ).
On va cocher Contour, une taille de 10 px et de couleur noire (qui est rouge au début).

Voici le résultat :

C'est pas beau, hein ! (Il y a encore du boulot.)

La tête

On s'attaque à la tête : changez la couleur du calque en blanc puis pixellisez ce calque et appliquez-lui un contour noir de 10 px avec le style de calque (Fx).



On va lui faire une petite tâche sur le front, dans un premier temps sélectionnez le calque "tête" (Ctrl ou pomme + clic sur la vignette du calque). Prenez l'outil pinceau de taille 100 px avec une forme d'un rond net et de couleur #333335 comme premier plan. Faites une sorte de tâche ronde en haut de la tête .


Allez soyons fous, on va faire les sourcils et les yeux.

Les sourcils

Pour les sourcils, restez dans le même groupe, créez un nouveau calque "sourcil 1". Prenez l'outil plume (P) et modelez une sorte de sourire de smiley en noir .


Dupliquez et placez la forme.

Les yeux

Pour les yeux, on va faire les reflets et les pupilles. Allez dans le groupe "yeux", créez un nouveau calque "reflet". On va changer un peu les habitudes, prenez l'outil ellipse de sélection, faites un cercle en haut à gauche de l'oeil puis l'outil dégradé avec un dégradé du blanc vers le transparent. Diminuez son opacité à 80 %.

On va faire la pupille : créez un nouveau calque "pupille". Prenez l'outil ellipse de couleur blanc au milieu de l'oeil (pixéllisez le calque). Puis, avec le pinceau de couleur noire et une forme aérographe de 28 px, faites la pupille (c'est comme vous le sentez ).
Pour finir, dupliquez et déplacez le reflet et la pupille pour l'oeil droit.

Les cornes

Aller dans le groupe "cornes" ; sur une première corne récupérez la sélection (Ctrl ou pomme + clic). Créez un nouveau calque au-dessus des autres, prenez l'outil dégradé du marron #8b3327 au noir #000000. Mettez un contour dans le style de calque de 10 px en noir. Puis cachez le patron de la corne (on n'en a plus besoin) et désélectionnez. Répétez la même opération pour l'autre corne.

Les oreilles

Allez dans le groupe "oreilles", sur le premier calque vectoriel, changez la couleur en blanc et pixéllisez-le. Ajoutez-lui un contour de 10 px en noir dans le style de calque. Répétez la même opération sur l'autre oreille.

On va faire l'intérieur : créez un nouveau calque au-dessus. Prenez la sélection d'une oreille, puis allez dans le menu Sélection > Modifier > Contracter, environ 35 pixels de contraction. Remplissez la sélection d'une couleur orangée #fed196. Répétez la même opération.

Pour l'ombre de l'oreille gauche par exemple, créez un nouveau calque avec l'outil ellipse, faites un cercle qui traverse le milieu de l'oreille, remplissez le de noir et pixéllisez (je m'y suis repris à plusieurs fois pour avoir un bon résultat ).
Après, prenez la sélection de l'oreille gauche (Ctrl ou pomme + clic), restez sur le calque de l'ellipse. Allez dans le menu Sélection > Intervertir puis supprimez. Enfin, réduisez son opacité à 4 %. Répétez la même formule pour l'oreille droite.
Faites des taches de couleur #333335 avec le pinceau de forme rond net. Pour ne pas déborder, prenez la sélection de l'oreille et créez un calque (j'ai fait l'explication à l'envers ).



Nous avons fini la tête, il reste le corps, les bras et les pieds .

Le corps

Allez dans le groupe "corps", puis changez la couleur du calque vectoriel en blanc et ajoutez-lui un contour de 10 px en noir (comme pour les oreilles ).
On va faire son petit bedon, créez un nouveau calque au-dessus du corps, prenez la sélection du calque "corps", restez sur le nouveau calque, allez dans menu Sélection > Modifier > Contracter de 60 px et remplissez-le de la couleur #ffd4c3. Descendez la forme jusqu'en bas du ventre (laissez un petit espace de 10 px environ).

Faites des taches sur les côtés du ventre de couleur #333335 sur un nouveau calque avec le pinceau de forme rond net.

Les bras

On va rajouter de la difficulté en utilisant l'outil plume pour faire les contours des bras (je vais les faire croiser, c'est plus facile ).
Allez, on se lance. Créez un groupe "bras", si ce n'est pas fait, et un nouveau calque.
On va prendre l'outil plume (P) ; dans le menu, cliquez sur Tracé.

Si vous hésitez avec cet outil, faites un tour sur ce tutoriel .

Voici un petit schéma pour comprendre :



Alors, pour le tracé avec la plume, je m'y suis repris à 3 fois puis j'ai changé les paramètres du pinceau (couleur noir de forme rond net et de taille 5 px), je suis retourné sur la plume et un petit clic droit sur le tracé > Contour de la portion de tracé (ne cochez pas la pression simulée) et OK. J'ai fait cela sur les 3 tracés .

Mais ce n'est pas fini ; créez un nouveau calque, clic droit sur le tracé > Définir une sélection, remplissez cette sélection de blanc sur le calque. Puis faites des taches de la même couleur que le corps avec le pinceau et sur un nouveau calque (#333335, fainéant ).

Les pieds

Courage, c'est bientôt fini .

On va faire des bottes à la vache (normal ).
Allez dans le groupe "pieds", changez la couleur des 2 calques en blanc et un contour de 10 px en noir, prenez la sélection du pied gauche, créez un nouveau calque, remplissez-le d'un bleu clair #0186be.
On va découper les 3/4 du bleu : prenez l'outil ellipse de sélection, faites en sorte que ça fasse une ligne légèrement courbée (n'hésitez pas à faire un gros cercle) et supprimez.

Appliquez-lui un contour de 10 px en noir.
On ne va pas s'embêter, on va dupliquer ce calque et lui appliquer une transformation > Axe horizontal (c'est dans Édition, je vous laisse chercher, na ! ). Et placez correctement la forme.

Faites aussi des taches en prenant la sélection d'un des pieds sur un nouveau calque, avec le pinceau de forme net et de couleur... (remontez un peu ).



Je crois que l'on a quasiment fini .
Mais comme je suis perfectionniste, je vais mettre des ombres et rajouter des accessoires.

La cape

On a une super vache, je vais lui rajouter une cape (juste pour cacher les défauts des bras ).

Je vais m'y prendre en deux fois. Je m'explique : on fera le fond de la cape en arrière-plan et les rebords de la cape au-dessus des groupes "corps" et "bras" .

Créez un groupe "cape 1" en dernière position, au-dessus du fond blanc. Créez un nouveau calque et prenez l'outil plume, faites une forme comme celle-ci et appliquez-lui une couleur #8c6d58 ainsi qu'un contour de 10 px en noir.



On le pixéllisera et on lui appliquera un dégradé du noir #000000 au marron #8c6d58.

On va faire les bords de la cape. Créez un groupe "cap 2" entre les groupes "oreilles" et "bras". Créez un nouveau calque, outil plume et faites une forme qui suit la partie gauche de la cape puis dupliquez et transformez. On n'oublie pas la couleur et son contour de 10 px en noir, j'ai mis du rouge #e71b40.

Les ombres et reflets

On avait déjà créé une légère ombre sur les oreilles.
Ça va être rapide .

On va faire les bras, allez dans le groupe "bras", ne prenez pas les contours mais le calque avec la couleur, on va dans style de calque, ombre portée :




On va faire les pieds : là, faudra me suivre . Alors, allez dans le groupe "pieds", prenez la sélection du patron pied gauche, créez un nouveau calque au-dessus des autres, prenez l'outil rectangle de sélection pour pouvoir déplacer la sélection du patron et décalez d'une vingtaine de pixels vers la gauche. Allez dans menu Sélection > Intervertir, remplissez la sélection de noir (ne vous inquiétiez pas ). Reprenez la sélection du patron pied gauche, faites encore Intervertir puis Supprimer et baissez son opacité à 40 %. Enfin, dupliquez ce calque puis faites Édition > Transformation > Symétrie axe horizontal et placez-le.

Pour les reflets des bottes, on va se servir d'un calque mis en mode luminosité (près de l'opacité dans la fenêtre Calque), prenez la sélection d'un patron puisl'outil pinceau avec l'aérographe de couleur blanc et faites le contour de la botte plusieurs fois, puis changez la sélection du patron.





Enfin, on fera une ombre générale sur le sol : créez un calque au-dessus du fond blanc, outil ellipse de couleur noir, faites un cercle sous les pieds , allez dans Filtre > Atténuation > Flou gaussien (environ 32 pixels).

Mais nous avons fini !

Enfin, j'ai mis une demie-heure à faire cette vache (top chrono) .

Voici le résultat :

Secret (cliquez pour afficher)

Après vous pouvez mettre n'importe quoi .
Soyez créatifs !

Je mets à disposition le fichier .psd, pour vous aider (je suis gentil).