Premier tutoriel made in Brainwizz, ce tuto vous permettra de réaliser la tête de Clank, petit robot venant de la série des Ratchet Et Clank ( PS2, PS3 ), mais aussi d’approfondir vos connaissances et de montrer les différentes utilisations possibles des outils de Photoshop.

Nous allons donc apprendre à :

• Utiliser pleins de calques
• Utiliser le flou gaussien
• Utiliser plusieurs teintes pour faire une texture
• Utiliser le biseautage
• Utiliser le verrouillage de la transparence d’un calque
• Et bien sur, créer la tête de Clank de A à Z

Question :

Puis-je réussir ce tuto si je ne connais absolument rien a Photoshop ?

Réponse :

Non, il vous faudra un minimum de connaissance sur Photoshop, vous devez donc déjà savoir comment créer un calque, accéder aux Styles De Calques et de bien vous repérer dans votre projet avec plus d’une dizaine de calques. :o

! Ce tuto est fait avec Photoshop CS4, mais vous pouvez très bien le faire si vous disposez des autres versions !

Voici le Clank original :

Et voici ce que vous arriverez à faire ( j’espère ) en partant d’une image vide :

Tout d’abord, pour commencer, créez  un nouveau document de 500×500, vous pouvez très bien travailler sur fond blanc ou sur fond transparent, mais mettez en 8bits, pour ne pas avoir de problème plus tard.

Utilisez ensuite l’outil Ellipse de Sélection et créez une forme ovale, que vous remplissez avec une couleur grise. Essayez de prendre à chaque fois les couleurs les plus ressemblante possible aux images du tuto.

Nommez ensuite ce calque « tête » et créez un nouveau calque « bouche ».  Prenez l’outil Lasso Polygonale et dessinez une espèce  de banane.

Question :

Mais pourquoi il a un fond rose et blanc lui ?

Réponse :

J’ai simplement changé la couleur des carreaux de transparence dans Edition > Préférences > Repères, grilles et tranches.

Créez un nouveau calque que vous nommerez « oeil » ou « fond de l’oeil » ou un nom rapport avec des yeux . Faites une forme ovale puis clique droit > transformation manuelle > déformation afin d’avoir une forme plus haut à gauche et plus basse à droite .

Dupliquez ensuite ce calque, et avec la copie de ce calque, diminuez la taille en faisant une transformation manuelle et placé le à l’intérieure du vrai œil, remplissez de vert et voila nous avons les prémices d’un œil !

Créez ensuite un nouveau calque que vous appellerez « crâne » et utilisez le Lasso Polygonale pour faire le haut de la tête de Clank

Essayez quand même de reproduire le plus fidèlement possible 

Créez encore un nouveau calque qu’on appellera « crâne2″ par manque d’inspiration et dessinez a l’aide d’un pinceau 3 bandes grises. Bon moi je les ai faites un peu à l’arrache mais bon

Créez ensuite un nouveau calque « tige » et dessinez à l’aide d’un pinceau gris pas trop gros aux bords flous une petite base ronde et faites la tige en maintenant Shift.

Astuce !

Maintenir la touche Shift permet de tracer bien droit dans 8 directions (45°) , ou de garder la proportionnalité lors d’un agrandissement ou inverse.

Faite un nouveau calque  » lumière » et prenez un pinceau rouge de 60 px flou et cliquez 2 fois pour avoir un effet diffusé.

Bon, si vous voulez faire une pause, c’est maintenant ou jamais, car la on va attaquer l’œil !
Double cliquez sur le calque du fond de l’œil noir afin d’ouvrir la fenêtre des Styles De Calques et cochez Biseautage et Contour. N’hésitez pas à augmenter le flou de biseautage ( moi je l’ai mis a 6px ).

Vous devriez obtenir quelque chose de semblable à ceci :

Si sa ne ressemble pas c’est que vous avez loupé quelque chose

Et si sa ressemble, on peut s’attaquer à la colorisation de l’œil

Sélectionnez le calque de l’œil vert, et verrouillez le en cliquant sur le bouton de verrou dans le panneau des calques.

Astuce !

Utiliser le bouton de verrouillage permet de verrouiller les pixels transparents, vous ne pouvez donc dessiner que sur ce que vous voyez, et donc de ne pas dépasser !

Prenez ensuite un pinceau flou et coloriez entièrement en vert assez clair mais pas trop. Prenez un vert foncé pour dessinez un autre ovale plus petit, puis avec un vert de plus en plus clair, dessinez des cercles de plus en plus petit et rendez le tout bien lisse à l’aide d’un Flou Gaussien de 10px.

Essayez de faire comme l’image si je me suis mal expliqué

Clique droit sur le calque et Fusionner avec le calque inférieur pour fusionner le calque vert et le calque noir .

Pour l’instant notre pauvre petit Clank n’a qu’un seul œil, on va donc dupliquer le calque de l’œil  et déplacer le second œil vers la droite…

Faites une Transformation manuelle > Symétrie axe horizontale afin de retourner l’œil.

Bon, il a une tête un peu trop simple, on va donc créer un effet métallisé. Commencez par verrouiller le calque « tête », un petit cadenas est désormais visible sur le calque.

A l’aide d’un pinceau au bords flous, dessinez des tâches de gris de différentes couleurs, avec la même méthode que nous avons utiliser avant pour faire l’œil vert

On va rajouter plus de foncé sur la droite, pour faire un effet de plus belle qualité.

Cliquez sur Filtre > Atténuation > Flou Gaussien et faites un flou d’environ 10px pour lisser le tout.

Sélectionnez ensuite le calque « bouche » et à l’aide du Lasso Polygonale, sélectionnez le bord de la bouche comme sur l’image suivante :

Verrouillez ensuite le calque « bouche » et avec un pinceau on va donner un effet dégradé :

Hop un petit coup de flou gaussien

Question ?

Mais pourquoi sa dépasse de sa sélection ?

Réponse :

Tout simplement parce que ma sélection a un contour progressif de 3px, mais si sa ne dépasse pas c’est pas grave

Intervertissez ensuite la sélection ( Sélection > Intervertir ou Maj-Ctrl-I ) et à l’aide du pinceau, des taches grises un peu partout ^^.

Du plus en plus foncé vers la droite pour un effet dégradé sans oublier la bande grise du menton.

Faites un flou gaussien de 10px encore :

Créez ensuite un nouveau calque « noir »  que vous déplacerez entre le calque « tête » et le calque « bouche »

A l’aide d’un petit pinceau noir au bords flous, dessinez une petite bande qui dépasse au dessus de la bouche .

Prenez un pinceau gris clair, et baissez l’opacité du pinceau à 50%, retournez sur le calque « bouche » et a l’aide d’un coup de pinceau éclaircissez le bord de la bouche.

Bien ! Il commence à être ressemblant

Double cliquez ensuite sur le calque « crane » et cochez Biseautage et Contour.

Faites de même pour le calque « crane2″ et « tige » . N’hésitez pas à trifouiller dans les valeurs de Biseautage et de Contour pour obtenir un résultat plus proche de votre travail.

Fusionnez maintenant tout les calques et créez un nouveau calque « oreille » que vous placerez derrière le calque de Clank.

Re-sélectionnez le calque de Clank et à l’aide du lasso polygonale  sélectionnez avec précision le bord de la bouche.

Clique droit > Calque par couper et Double cliquez sur le nouveau calque ainsi créé. Cochez la case Biseautage et réglez les paramètres comme sur l’image.

Sélectionnez le calque « oreille » et à l’aide du Lasso Polygonal dessinez un rectangle pour faire l’oreille.

Masquez l’autre calque en cliquant sur l’œil à gauche du calque dans le panneau des calques et à l’aide d’un pinceau gris dessinez un demi rond gris sur un fond gris foncé :

Filtre > Atténuation > Flou Gaussien

Créez un nouveau calque que vous placerez derrière le calque oreille. Dessinez une petite boule grise auquel vous aurez appliqué un biseautage et contour.

Vous pouvez fusionner la boule et l’oreille en faisant :  Clique droit sur un calque > Fusionner les calques visibles

Rendez de nouveau visible le calque de Clank  dupliquez ensuite le calque de l’oreille, et déplacez la copie à droite de Clank pour faire la deuxième oreille.

N’oubliez pas de faire Transformation manuelle > Symétrie axe horizontale afin de retourner le calque dans le bon sens.

Fusionnez tout les calques ensemble et dupliquez le calque ainsi obtenu. Mettez le en Incrustation

Vous devriez obtenir ceci :

Décoré ensuite comme bon vous semble le décor :

Et voila le travail ! Il n’est pas magnifique ?

Ce tutoriel arrive désormais à sa fin, j’espère qu’il vous aura plu.

N’hésitez pas à poster vos créations dans les commentaires. Elle apparaitront ensuite ici

Création de Kensaku:

Clankouze !

Charmante petite bouille robotique

Création de X-KlayD

Articles similaires :

1. Le Color Picker : la pipette de Photoshop enfin matérialisée