Bonjour à tous !
Vous aimez le style de la boite Vista ? Non ? Alors passez votre chemin, parceque c'est ce qu'on va essayer de créer dans ce tuto
[qui est mon premier :^^: ].
Pour celà, il va nous falloir :
1. Un Ordinateur [eh oui, c'est plus pratique avec
]
2. Le logiciel Adobe Photoshop [j'utilise la version CS2]
3. Quelques connaissances élémentaires du soft et en informatique en général.
4. Du temps libre.
5. Une bouteille d'eau et un truc à manger [optionnel]
Vous avez tous ça ? Cool, on peu commencer 
I Préparation du patron :
Déja, pour commencer, vous devrez ouvrir l'image suivante sous Photoshop [si vous utilisez FireFox, Glissez/Déposez l'image dans Photoshop, sinon, clic droit sur l'image puis Enregistrer sous... ensuite dans Photoshop, faites Fichier > Ouvrir ou Ctrl + O et ouvrez votre image]

Double cliquez sur Calque 0 et appliquez-lui les deux styles suivants :
Un très léger Biseau interne ...

... et une incrustation en couleur #EEEEEE

Si tout se passe bien, vous devriez obtenir ceci :

Faites Shift + Ctrl + Alt + N [ceci vas nous créer un nouveau calque au dessus du Calque 0]. Puis Ctrl + Clic sur Calque 0 [ce qui aura pour effet de séléctionner Calque 1 et Calque 0. Ensuite, Ctrl + E pour fusionner nos deux calques [[i]on fait ça pour éviter que les styles appliqués à Calque 0 ne gâchent la perspective de la boite].

Nous allons maintenant ajouter de la perspective à notre imgae, pour cela, faites Ctrl + T. Puis, Clic droit sur l'image > Perspective :

Ensuite, Modifiez l'image pour obtenir à peu près ce résultat [n'hésitez pas à refaire la manipulation si ça ne correspond pas bien à ce que vous vouliez avoir, c'est un bon entrainement
]

Validez
L'étape suivante nécéssite un peu plus de concentration [Vérifiez que l'Outil Déplacement séléctionné, c'est très impotant] :
a. Maintenez le bouton Alt de votre clavier enfoncé
b. Appuyez une seule fois sur le bouton Flèche bas de votre clavier
c. Relachez le bouton Alt
d. Appuyez une seule fois sur le bouton Flèche gauche de votre clavier
e. Répétez les étapes a, b, c et d 16 autres fois
Vous devirez obtenir ceci :

Remarque : Cette méthode est généralement utilisée, comme vous avez pu vous en douter, pour obtenir des élments en 3D tels que des Textes. En fait, le Alt + Flèche bas duplique le calque séléctionné et déplace le calque dupliqué d'un pixel vers le bas, pour réspecter la perspective, on doit aussi déplacer ce calque vers la gauche, voilà pourquoi on appuye sur Flèche gauche. En répétant les étapes précédentes, on obtient une sorte d'image 3D [pas très parfaite], c'est en fait le léger biseautage au début qui nous a pemit d'avoir cette impression de "3D" 
Séléctionnez l'Avant dernier calque [normalement, c'est Calque 1 copie 16, maitenez la touche Shift enfoncée et séléctionnez le Calque 1 [celui qui est tout en bas de la liste des calques], faites Ctrl + E [Pourquoi ? -> Parce que ces calques ne sont plus utiles séparément, il sont là pour donner "l'effet" de 3D tout simplement
], et enfin renommez ce nouveau calque : Milieu et celui qui reste [le Calque 1 copie 17 normalement] : Face

Comme vous le voyez sur l'image suivante, cette impérféction rend notre perspective un peu... imparfaite
, nous allons donc la corriger
.

Séléctionnez le calque Milieu et zommez à 300% sur ce coin de la futur boite. Prenez l'Outil Rectangle de Séléction et configurez-le comme suit :

Cliquez n'importe où dans l'image puis allez dans Séléction > Transformer la séléction :

Configurez comme suit et validez :

Vérifiez que le Calque Milieu est séléctionné et appuyez sur la touche Suppr[b] sur votre clavier. Et on obtient :

Maintenant nous allons ajouter le piti "cylindre" au coté gauche de la futur boite. Pour cela, séléctionnez l'[b]Outil Ellipse de séléction [clic droit sur le Réctagle de séléction] :

Zoomez à 200% et créez une séléction comme ceci :

Transformez cette séléction [Séléction > Transformer la séléction] comme ceci :

Validez, puis faites Shift + Ctrl + N pour créer un nouveau calque que vous appelerez Cylindre :

Validez puis déplacez ce nouveau calque en dessous des deux autres :

Réinitialisez les couleur en appuyant sur le bouton D[b] de votre clavier puis faites [b]Ctrl + Suppr ou bien Ctrl + Retour Arrière pour remplir notre séléction de noir.

Double-cliquez sur le calque Cylindre appliquez-luis les deux styles suivants :


En fait ce sont les mêmes styles que pour le tout premier calque [Calque 0 pour ceux qui suivent
]
Validez, munissez vous de l'Outil Déplacement[b] et... déplacez la "galette" en bas de façon à obtenir ceci :

[pour déplacer droit, utilisez la touche [b]Flèche bas, ou bien déplacez avec la souris en maintenant la touche Shift enfoncée]
Comment obtenir un cylindre avec une galette ?
On faut Alt + Flèche haut bien sûr
, eh bien c'est ce qu'on va faire
Maintenez la combinaison de touches Alt + Flèche haut enfincée un bon moment à fin d'obtenir un cylindre comme ceci :

[Dans mon cas, j'ai obtenu 276 nouveaux calques, mais ce nombre dépend de la hauteur de la boite, c'est pour cela que j'ai insisté sur le fait d bien réussir la pérspéctive plus haut dans ce tutoriel]
Séléctionnez le calque Milieu puis faites Ctrl + Clic sur la vignette du dernier calque Cylindre copie xxx et zoomez à 800%
Prenez l'Outil Doigt et configurez-le comme ceci :


"Ramenez" un peu du calque Milieu [grâce à l'Outil Doigt] sur la séléction de manière à obtenir ceci :

Désséléctionnez.
Séléctionnez maintenant tous le calques de Cylindre copie xxx à Cylindre [Clic gauche sur le dernier Cylindre copie xxx, maintenir Shift appuyée puis clic gauche sur Cylindre
] et fusionnez-les [Ctrl + E]
Renommez ce nouveau calque : Cylindre

Séléctionnez le calque Milieu[b], faites [b]Ctrl + Clic sur le vignette du calque Face, supprimez.
Mettez le calque Face en dessous de Milieu
Double-cliquez sur Face et appliquez-lui cet effet :

Séléctionnez les calques Face et Milieu puis fusionnez-les [Ctrl + E]
[Si ce n'est pas déja le cas, renommez le nouveau calque : Face]

Vous pouvez être fiers de vous, le plus dur est fait
on passe maintenant à la suite, ne vous découragez pas 
II Réalisation du contour :
Séléctionnez le calque Face, Ctrl + Clic sur sa vignette, puis Ctrl + Alt + Clic sur la vignette de Milieu[b]
[b]Shift + Ctrl + I pour inverser la séléction puis supprimez.
Dupliquez les calques Face et Milieu [Clic sur le calque puis Ctrl + J]
Ramenez les calques Face copie et Milieu copie au dessus des deux autres puis baissez leurs fonds à 0% :

Double-cliquez sur le calque Face copie puis appliquez-lui le contour suivant :

[Zoomez à 600% sur le coin en haut à gauche de la futur boite si il y a une imperfection comme sur l'image suivante, prenez l'Outil Rectangle de séléction, séléctionnez-la, supprimez-la, puis revenez en zoom 100%]

Appliquez le même contour au calque [b]Milieu copie

[Zoomez à 600% sur le coin en haut à gauche de la futur boite si il y a une imperfection comme sur l'image suivante, prenez l'Outil Crayon (taille 3px, Opacité 100%) et couvrez-la].


Séléctionnez les calques Face copie et Milieu copie et fusionnez-les [assures-vous d'avoir mis leurs fonds à 0% d'abord !!]
Zoomez à 600% sur le coin gauche en bas et corrigez les imperfections de la courbe avec l'Outil doigt et L' Outil Crayon [choisissez le diamètre en fonction de vos besoins] puis revenez en zoom 100%.


Renommez le calque des lignes rouges : Contour et double-cliquez dessus pour lui appliquer ces effets :


Prenez l'Outil Gomme et configurez-le comme suit :


Effacez la ligne de gauche.

Dupliquez le calque Contour et déplacez le calque dupliqué [qu'on renommera : Contour.Ombre] de 2 pixels vers le bas.
Double cliquez sur Contour.Ombre et appliquez lui cet unique effet au lieu des autres [[i]décochez Biseautage et estampage]

Allez dans Filtre > Atténuation > Flou gaussien, mettez une valeur de 2.0 pixels et validez.
Faites Ctrl + Clic sur la vignette du calque Face + Clic sur la vignette du calque Milieu puis Shift + Ctrl + I et supprimez.
Baissez l'Opacité du calque Contour.Ombre à 50%

Le contour est términé !
III Application des textures/Effets :
Et nous y voilà, la partie la plus amusante de ce tutoriel, restez concentrés et surtout, reposez vous un peu...
Allez dans Fichier > Importer et choisissez l'image à mettre en façade, puis pixellisez-la [Remarque : il faut que les proportions de l'image soient d'environ 1/1.4]

Adaptez la taille de l'image à votre boite, puis [grâce au Ctrl + T > Clic droit > Perspective] mettez votre image en perspective suivant la façade de la boite et validez.

Ctrl + Clic sur le vignette du calque Face puis Shift + Ctrl + I et supprimez ce qui dépasse.

Mettez le calque de l'image juste au dessus de Face et renommez-le : Image. Double-cliquez dessus et appliquez-lui ce Satin :

Séléctionnez le contenu du calque Image [Ctrl + Clic sur la vignette du calque] et créez un calque qu'on nommera Face.Reflet [Shift + Ctrl + N
Allez dans Séléction > Modifier > Contracter, mettez 2 et validez puis appuyez une fois sur Flèche gauche
Prenez l'Outil Dégradé[b] et tracez le dégradé Blanc vers Transparant suivant [il faut que se soit un tout petit peu peu incliné par rapport à la verticale] :

Tracez cette séléction avec l'[b]Outil Ellipse de séléction puis supprimez :

Suivant votre image, baissez l'opacité du calque Face.Reflet à environ 50%
Appliquez un léger Flou au calque [Filtre > Atténuation > Flou] et mettez le juste au dessus du calque Contour.Ombre.
Séléctionnez le calque Milieu puis allez dans Image > Réglages > Niveaux et réglez comme ceci :

Notre boite est presque finie, il ne lui manque que le bouton d'ouverture et le reflet 
IV Derniers préparatifs :
Créez un nouveau calque que vous appelerez Bouton et que vous metterez juste au dessus du calque Contour
Avec l'Outil Réctangle de séléction, créez un réctange de 16px/32px puis allez dans Séléction > Modifier > Lisser, mettez la valeur 3 et validez
Zoomez de 800% sur la séléction et toujours avec le Réctangle de séléction [en mode Normal] maintenez Shift appuyée et séléctionnez les bords lissés du coté droit :


Réinitialisez les couleurs [D] et remplissez la séléction [Alt + Suppr]
Déplacez la séléction comme ceci puis faites Ctrl + D pour désséléctionner.

Double cliquez sur le calque Bouton pour lui appliquer ces effets :


Dégradé de #EEEEEE vers #CACACA
Créez un calque au dessus de Bouton et appelez le Flèche puis prenez l'Outil Forme pérsonnalisée et choisissez le triangle arrondi :


Dessinez un triangle isocèle un peu aplatit [zoomez, se sera plus précis] et faites-le pivoter de -90° :

Appliquez les mêmes effets au triangle qu'au bouton mais au lieu de mettre l'estompage vers le Haut, choisissez Bas , inversez aussi le dégradé [cochez la case Inverser[/]b]
Fusionnez les calques [b]Bouton et Flèche, puis faite Ctrl + T pour transformer le nouveau calque gràce à l'option perspective et transformation manuelle comme ceci :

Séléctionnez tous les calques, allez dans Calque > Nouveau > Groupe d'après les calques et appelz le groupe Boite
Faites un clic droit sur le groupe pour le dupliquer
Ouvrez le nouveau groupe de calques, séléctionnez tous ses calques et fusionnez-les
Renommez le nouveau calque Boite.Ombre et mettez-le en dessosu des autres.
Appliquez un Flou gaussien de 4 pixels, une incrustation en Noir puis transformez le calque [Perspective et Transformation manuelle] comme ceci [n'hésitez pas à supprimez ce qui dépasse avec l'Outil lasso :

Baissez l'opacité de l'ombre à 50%

Bravo ! Vous avez fait une Boite syle Vista

Ce long tutoriel est finit, mais si vous rencontrez des problèmes d'aliasing, faites un ptit flou sur le contour ou bien réduisez la taille de l'image, ça marche souvent.
Enfin, ne vous contentez pas de suivre les étapes à la lettre, mettez-y votre touche personelle et perfectionnez ce vous faites jusqu'à obtenir ce qui vous parait être le mieu 
Merci d'avoir lû jusqu'au bout et @ bientôt pour un prochain tuto [ou peut être une expo
] 