Etape 0

L'étape 0 c'est une pré-préparation. On prépare juste les 2 flancs qui consisteront notre boîte.
- Mettre un fond, blanc par exemple (Alt-Suppr)
- Dans le gestionnaire de calques, créer un nouveau groupe qu'on va nommer tranche. Tant qu'on y est, on va créer un 2ème groupe qu'on va nommer 'face'
- Dans le groupe tranche, on crée un calque nommé 'fond tranche'. Ce calque va nous servir à créer ce qui sera la tranche de notre boîte. On aura donc un rectangle de largeur plus fine que la hauteur. On sélectionne une couleur (ici j'ai pris du violet) et on sélectionne l'outil rectangle sans anti-alias avec une opacité de 100%. Dans le calque on crée avec cet outil un rectangle de 150 pixels de largeur et de 450 pixels de hauteur.
Après on peut créer des calques par dessus celui-ci et toujours dans le même groupe afin de décorer un peu notre tranche.
Dans mon cas, j'ai créé 2 calques, un pour avoir un petit écusson aux couleurs du site et un pour avoir le nom du site.

OK, notre tranche est prête. Passons à la face de la boîte.

- Dans le groupe 'face', créer un calque 'fond face'. Ce calque va nous servir à créer ce qui sera la face de notre boite. On aura donc un rectangle de largeur moins importante que la hauteur. On sélectionne une couleur (ici j'ai pris du violet) et on sélectionne l'outil rectangle avec les mêmes réglages que précédemment. Dans le calque on crée avec cet outil un rectangle de 350 pixels de largeur et de 450 pixels de hauteur.
Attention la hauteur doit être strictement la même que précédemment. Pour simplifier, il vaut mieux le créer à côté de la tranche afin qu'elle nous serve de repère. Là, on peut créer d'autres calques dans le même groupe pour décorer la face de la boîte. Libre à chacun de la décorer comme il veut.
C'est pourquoi je ne vais pas détailler la déco que j'ai réalisée.

OK, notre face et notre tranche sont prêtes! On va pouvoir réellement entrer dans le vif du sujet.

Etape 1

Sélectionner le groupe face en cliquant dessus.

Attention!
Si le groupe contient des calques avec du texte. Il faudra les aplatir (clic droit sur le calque contenant du texte et choisir
'Rasterize layer' (en français ça doit être "aplatir calque" je pense) pour pouvoir effectuer un effet sur l'ensemble du groupe. Une fois cette précaution prise, revenons sur le groupe.

Dans le menu, sélectionner 'Edit/Transform/Perspective'. Une sélection doit se faire sur l'ensemble de la face.

Cliquez sur le coin bas/droite par exemple et déplacez-le vers le bas. Vous verrez les 2 coins à droite se rapprocher,
ce qui donnera un effet de profondeur. Par contre ça semble un peu trop étiré. Il faut remédier à ça.
Toujours pour le même groupe, on va sélectionner dans le menu 'Edit/Transform/Scale'. Une sélection s'effectue.
Cliquer sur le petit carré au milieu/droite et déplacer vers la gauche. Il faut essayer de trouver un bon compromis
pour que la perspective soit assez réaliste.

Voici ce que ça doit donner:

Etape 2

On va effectuer les mêmes opérations sur le groupe tranche mais au lieu de redimensionner les sélections à partir de la droite, on va le faire à partir de la gauche. En gros on fait la même chose mais dans l'autre sens.

La mise en forme de la boîte est finie!
On va juste peaufiner un peu afin d'obtenir un résultat plus sympa.

Etape 3

On va ajouter une ombre derrière la boîte.
- On crée un calque en-dessous des groupes que l'on va nommer 'ombre'.
- On sélectionne la couleur noire.
- Je masque le groupe tranche en cliquant sur l'oeil se trouvant à coté.
- Je prends l'outil sélection 'baguette magique' et je coche les 3 options qui se trouvent juste en-dessous du menu.
- Je clique sur le calque ombre et je fais Alt-Suppr pour remplir ma sélection de noir. Là, je peux redémasquer le groupe tranche.
- Je sélectionne le calque ombre et utilise l'outil de déplacement pour mettre le calque au niveau de ce qui doit être l'arrière de la boîte.

Comme ci-dessous :

On fait Ctrl-T et on va modifier la hauteur de l'ombre pour qu'elle soit de la même taille que l'arrière de la boîte.
Donc l'ombre devrait être cachée derrière la boîte.

- En haut de la liste des calques, on va créer un calque "repère". On le supprimera par la suite. Sur ce calque, créez une ligne "voyante" (rouge ça flashe bien en général) qui va du coin bas/gauche de la boîte vers le coin bas/droite. Et on la déplace vers l'arrière (toujours en bas) de la boîte comme ci-dessous:

- Je reviens sur le calque "ombre".
- Je sélectionne le menu "Edit/Transform/Distort". Je déplace le coin haut/gauche de la sélection, c'est lui qui va me permettre de déterminer la longueur de l'ombre. Ensuite le coin bas/droite (parce que l'ombre a bougé entre temps).Et on place ce coin à l'extrémité de notre repère (voilà à quoi ça servait ^^). On finalise en plaçant le coin haut/droite de la sélection de façon à ce que ça fasse un parallélogramme.

Le plus dur est fait! On peut valider notre transformation et supprimer le calque "repère" qui ne sert plus à rien.
Bon là l'ombre est un peu trop nette on va flouter un peu tout ça.
On applique un petit flou gaussien de 4 pixels sur l'ombre.
On crée un masque de fusion sur le calque ombre. On choisit l'outil dégradé.
On applique le dégradé sur ce masque en allant du coin le plus à gauche de l'ombre jusqu'au coin le plus à droite.

Et voilà c'est fini!

Après on peut décorer un petit peu pour lui donner plus de gueule.

Si vous avez des questions ou besoin de précisions n'hésitez pas. 

Titchagui

Merci à Echo de Gaïa (notre partenaire du site)
Découvrez d'autres tutos sur le site : http://www.echodegaia.com