Le dernier tutoriel que j’ai écrit pour le psdtuts.com était sur la façon de maquetter une carte de visite en utilisant le filtre Vanish Point Filter dans Photoshop. Toutefois, certaines personnes m’ont demandé comment ils pouvaient le faire sans l’aide de ce filtre, ou en utilisant d’autres outils tels que GIMP, Pixelmator, et autres.C’est l’objectif de ce tutoriel.
Au lieu d’utiliser le Vanish Point Filter, nous trouverons les points de fuite et nous crérons la perspective.

Etape 1
Nous devons d’abord choisir quelque chose qui sera notre référence pour leurs travaux, dans mon cas, j’ai choisi une table en bois que j’ai dans mon bureau. Après cela, obtenir une carte d’affaires ou un carré de papier à utiliser comme référence et prendre une photo. Sans bouger la caméra, se débarrasser de la feuille de papier et de prendre une autre photo.

Etape 2
Ouvrez vos photos dans Photoshop et placez-les en 2 couches. Maintenant passons à augmenter notre Canvas Size, la rendre plus grande, nous faisons cela en utilisant nos guides.

Etape 3
Ici, nous allons trouver les points de fuite (c’est quoi ça?). Ils seront nécessaires pour créer une perspective convaincante à notre dossier. Utilisation de l’outil Line Tool (U) dessinez des lignes suivant les bords de notre référence, comme la photo ci-dessous. Celle du côté gauche et celui du côté droit tout le chemin jusqu’à ce qu’ils se croisent. Répétez la même chose pour celui sur le dessus et sur le fond.

Etape 4
Maintenant que vous avez les 2 points de fuite, nous pouvons placer notre objet n’importe où avec le bon angle. Cependant, j’ai d’abord créé un rectangle, avec l’outil Rectangle Tool (U), pour trouver le meilleur endroit pour mon dossier sur la grille. Pour ce faire utilisez l’outil Direct Selection Tool (A) et déplacez les sommets de notre rectangle.

Etape 5
Reprenez fondamentalement les mêmes actions que pour l’étape 4, ainsi nous plaçons l’autre côté de notre dossier

Etape 6
Ici, nous allons utiliser les images réelles de notre dossier.
Coller les images dans de nouvelles couches
En utilisant l’outil de distorsion (Edit> Transform Path> Distort) déplacez les sommets à la même position que le rectangle précédemment pris comme référence.
Répétez la même manipulation pour l’autre côté du dossier.

Etape 7
Pour rendre notre dossier plus réel nous allons utiliser lesLayer Styles. Ajoutons quelques ombres portées (Drop Shadows), et une surimpression de gabarit (Pattern Ooverlay) pour la face avant du dossier.
En cliquant avec le bouton droit de la souris sur le calque, copier le style de calque et collez-le de l’autre côté de la couche du dossier.

Etape 8
Sélectionnez l’un de nos côtés, dupliquez le calque et la convertir en objets dynamiques(Smart Objects). Ajouter un flou gaussien (Filtres> Blur> Gaussian Blur). Si vous n’utilisez pas la version CS3 ne prenez pas en compte ce que j’ai dis sur la conversion d’objets dynamiques. Maintenant, changez juste le Blending Mode pour le régler sur Lighten.
Répétez les mêmes étapes pour l’autre image.

Etape 9
Cela va nous permettre d’organiser notre document. Essayez d’utiliser des noms des calques dont vous vous souviendrez et regroupez-les dans des dossiers. Après cela, sélectionnez tout, sauf les guides, regroupez-les à nouveau et nommez-le « contenu ». Dupliquez ce groupe et le convertir en  objets dynamiques (Smart Objects).

Etape 10
Ici, nous allons ajouter un peu de profondeur de champ (Depth Of Field(DOF)) à notre image.Sélectionnez Content Smart Ojected, utilisez l’outil Elliptical Marquee Tool (M).
Changer les Feather Options à 80px et Anti-alias.
Créer une sélection elliptique comme celle que j’ai fait. Inversez la sélection (Select> Inverse).
Maintenant, appliquer un flou gaussien à nouveau (Filtres> Blur> Gaussian Blur).
On remarquera quecela créé cet effet de distance, tout est flou,à mesure que l’on avance vers le point de fuite.

Etape 11
Ajoutons un peu de « noise », (Filter>Noise>Add Noise), afin de l’assombrir un peu.

Conclusion
Même si nous avons appliqué une sorte de perspective, je tiens à dire que ce n’est pas une perspective tout à fait réelle. L’idée ici est de créer un meilleur rendement de nos images avec Photoshop. Donc, nous devons faire confiance à nos yeux. Observez la photo, que nous avons pris avec l’objet de référence et essayer de la reproduire. Plus nous prenons le temps d’observer, plus nous apprendrons comment rendre notre image plus réaliste.

Téléchargez les PSD pour ce tutoriel

A propos de l’auteur :
Mon nom est Fabio Sasso, je suis un graphiste/web designer de Porto Alegre, au Brésil et je suis le fondateur de Abduzeedo. J’espère que nous pourrons partager beaucoup d’informations, des conseils et des idées par le biais d’ Abduzeedo. Aussi vous pouvez me suivre sur Twitter ou mon site personnel à http://fabiosasso.com.