Crée un cadre vista 3D

La forme:

Bon tout d'abord, on crée la forme principale: le cadre 3D

Ouvrez un nouveau document 256*256 avec un fond blanc (si je vous fait mettre un fond blanc, c'est pour que l'on puisse mieux distinguer les effets que l'on mettra, on l'enlèvera à la fin de votre réalisation ).

Maintenant créez un nouveau calque et appelez le « Cadre 3D ».

Bon, maintenant, on va utiliser des repères pour bien placer son cadre et le faire comme il faut, donc créez 2 guides horizontaux et 2 guides (Image/Guides/Nouveaux guides) verticaux et placez les après le second petit tiret (ce qui représente 20px), un screen est plus parlant :

Maintenant, nous allons créer une sélection rectangulaire, avant de tracer votre sélection, cochez « Adoucir les bords » et mettez pour valeur du rayon 15. Maintenant, tracez votre sélection en partant d'en haut à gauche jusqu'en bas à droite des guides, normalement vous ne devriez pas avoir de mal car la sélection est attirée automatiquement sur les bords de vos guides.

Maintenant, nous allons remplir de noir notre sélection, mais avant nous allons enlever l'adoucissement car si on le laisse, les bords seront flous, pour ce faire « Sélection/Enlever l'adoucissement » et maintenant, vous pouvez remplir votre sélection de noir, vous devriez a peu près avoir ceci:

On va commencer à donner l'effet 3D de notre avatar, nous allons prendre l'outil « Changer de perspective » (Shift+P). Cliquez sur « Sélection/Aucune », maintenant cliquez avec l'outil changer de perspective sur votre image, 4 ancres apparaissent, nous allons nous aider des repères, alors placez les deux ancres du haut sur l'intersection des guides verticaux et horizontaux, comme ceci :

C'est a peu près comme ceci, le mieux c'est que votre ancres soient alignées sur le guide horizontal.

Pour donner un effet d'aplatissement à votre Cadre, toujours avec l'outil changer de perspective, placez les 2 ancres du bas sur le guide horizontal du bas, mais en laissant les ancres sur les côtés

Nous allons devoir déplacer notre cadre vers le haut de 10px, donc prenez l'outil de déplacement (M) et déplacez votre cadre de 10px vers le haut :

Pour savoir de combien de pixels vous déplacez votre cadre, regardez l'indicateur en bas que j'ai entouré en rouge .

Une fois cela fait, nous allons dupliquer notre claque « Cadre 3D » (clique droit/dupliquer le calque), laissez le en premier plan. Ce calque dupliqué servira à donner l'effet 3D, donc pour éviter l'effet coupure en déplaçant de 10px votre claque vers le bas, nous allons dupliquer 9 fois le calque « Copie de Cadre 3D ». Une fois le calque dupliqué 9 fois, enlevez les guides puis vous allez commencer par décaler de 1px vers le bas le calque le plus en haut dans votre liste de calques, une fois décalé cliquez sur l'oeil pour le faire disparaitre, ensuite, décalez de 2px le calque en dessous du premier que vous avez décalé, puis cliquez de nouveau sur l'oeil, déplacez le calque en dessous de celui que vous venez de déplacer de 3px, cliquez sur l'oeil... Et ainsi de suite jusqu'à arrivé à 10px, vous obtenez environ ceci :

Si tout est comme moi, c'est parfait, on continue, on va donc faire le trou pour faire un cadre (ben oui, un cadre sans trou, c'est pas un cadre ).

Donc pour commencer, on fusionne tous les calques copiés vers le bas (Clique droit/Fusionner le calque vers le droit) jusqu'à arriver à « Copie de Copie de Cadre 3D »

C'est important de s'arrêter à ce calque, sinon le calque « Copie de Cadre 3D » sera trop grand.

Donc sur le calque « Copie de Cadre 3D » faites « Clique droit/Alpha vers sélection » et allez sur le calque « Copie de Copie de Cadre 3D », et faites CTRL+I (pour inverser la sélection) puis CTRL+K (pour supprimer), après ceci, vous pouvez fusionner vers le bas le calque « Copie de Copie de Cadre 3D », vous pouvez aussi repasser le Calque « Calque 3D » en première position dans la liste des calques .

Bon allez, on fait le trou !

Sur le calque « Cadre 3D » faites « Clique droit/Alpha vers sélection » puis faites « Sélection/Réduire » et entrez 15pixels, maintenant faites CTRL+K pour supprimer le contenu de votre sélection (donc c'est le trou).

Vous allez répétez la même opération pour le claque « Copie de Cadre 3D » jusque que ca obtiene un calque 3D

Ca commence à ressembler à quelque chose là non ? ^^

Les effets :

Nous sommes dans la seconde partie de ce tutorial, si vous fatiguez un peu, n'hésitez pas à faire une petite pause .

Créez un nouveau calque, nous allons faire un petit dégradé en haut de notre cadre « Cadre 3D », faites sur le calque « Cadre 3D » « Clique droit/Alpha vers sélection » puis faites « Sélection/Réduire » et réduisez la de 1px. Puis faites un dégradé blanc PP vers transparent Linéaire comme ceci :

Pour obtenir ceci :

Maintenant, nous allons couper ce dégradé, comme j'ai fait sur mon screen en traçant une sélection rectangulaire puis en coupant le dégradé

Une fois fait, réglez l'opacité du calque à 40%.

Nous allons encore créer un nouveau calque. Dessus nous allons faire un dégradé Linéaire blanc vers transparent partant du bas pour arriver en haut avec la sélection réduite de 1px, comme sur mon screen :

Maintenant, tracez une sélection rectangulaire comme sur mon screen puis appuyez sur CTRL+K comme ceci :

Réduisez l'opacité du calque à 40%.

Créez un nouveau calque, puis sur le calque « Cadre 3D », faites « Clique droit/Alpha vers sélection » puis retournez sur votre nouveau calque puis remplissez le de blanc en cochant "remplir la sélection", décalez le de 2px vers le bas grâce à l'outil déplacement (M). Faites CTRL+K pour supprimer la partie blanche devenue maintenant inutile, vous devriez avoir un résultat à peu près identique :

Maintenant, nous allons nous occuper du calque « Copie de Cadre 3D », créez un nouveau calque et que vous placerez juste au dessus du calque « Copie de Cadre 3D », puis nous allons faire un dégradé Bilinéaire blanc vers transparent. Nous allons partir du milieu de l'image, pour ce faire, nous allons placer un repère à 128px (en s'aidant de la règle) :

Avant de faire le dégradé, faites Clique droit/Alpha vers sélection sur le calque « Copie de Cadre 3D » et tracez votre dégradé en vous aidant du guide et réglez l'opacité du calque à 30% comme ceci :

Vous pouvez enlever le guide.

Créez encore un nouveau calque, dedans nous ferons encore un dégradé bilinéaire blanc vers transparent, faites en deux comme moi :

Réglez maintenant l'opacité du calque à 65%.

Faites clique droit sur le calque « Cadre 3D » et faire Alpha vers sélection, puis retournez sur le calque ou vous avez fait vous deux dégradés et faire CTRL+K pour supprimer le trop de dégradé.

On approche de la fin, il nous reste plus que l'ombre portée et notre cadre est fini.

Sélectionnez le calque « Copie de Cadre 3D » puis faites « Script-Fu/Ombre/Ombre portée » et entrez ces réglages :

Pour en finir avec l'ombre portée, cliquez sur le calque « Cadre 3D » et faites « Clique droit/Alpha vers sélection » puis retournez sur le calque « Drop Shadow » (le calque de l'ombre portée) et appuyez sur CTRL+K.

Faites Alpha vers sélection sur votre calque « Cadre 3D » et retournez sur le calque « Copie de Cadre 3D » et faites CTRL+K.

Pour finir, cliquez sur l'oeil de votre fenêtre principale pour rendre votre fond blanc invisible.

Voilà, votre cadre est terminé !

Appliquer un fond:

Vous pouvez appliquer un fond pour rendre votre cadre plus joli, moi j'ai pris un wallpaper, pour ma part j'ai pris une magnifique chute d'eau :

(Je suis désolé mais j'ignore totalement qui est l'auteur)

Les fonds Naturels par exemple les windows rendent particulièrement bien.

Bon donc pour l'ouvrir faites « Fichier/Ouvrir comme calque » et sélectionnez votre fond.

Sélectionnez le calque portant le nom de votre image puis, grâce la plume tracez le plus précisément possible le contour de votre cadre (zoomez s'il le faut)

Pour faire la sélection du chemin tracé avec la plume allez dans la boite de dialogue chemin et cliquez sur le petit bouton rouge en bas avec des pointillés pour transformer votre chemin en sélection.

Faites ensuite CTRL+I pour inverser la sélection puis CTRL+K pour supprimer le fond en trop, ce qui donne:

Maintenant, on va réduire l'opacité des calques « Copie de Cadre 3D » et « Cadre 3D », réglez l'opacité selon votre goût .

En plus de l'opacité, on va mettre du flou gaussien dans le cadre, pour ce faire, faites Alpha vers sélection sur le calque « Cadre 3D » et « Sélection/Réduire... » et réduisez de 1px votre sélection pour éviter tout aliasing (comme sur mon rendu car j'ai oublié de faire cette opération ), puis puis revenez sur le calque portant le nom de votre wall et faites un flou gaussien, mettez les valeurs que vous trouvez qui conviennent le mieux pour votre image, moi j'obtiens ça:

Et voilà le rendu final:

Pas mal non?

Maintenant pour en faire votre avatar, vous pouvez écrire votre pseudo dessus et le réduire à 128*128

Pour faire une signature c'est exactement la même chose mais avec des dimensions différentes.

Et voilà, ce tuto touche à sa fin, j'espère que l'aimerez et qu'il vous aidera à faire votre avatar 3D

PS: Désolé des fautes mais ce tuto à été long à écrire et j'ai pas spécialement fait attention à l'orthographe et je suis pas un pro non plus.

Allez, amusez vous bien et bon courage