Ajouter la profondeur de champ à une scène 3D avec le flou de l'objectif

Dans le tutoriel d'aujourd'hui, nous allons montrer comment ajouter de la profondeur de champ à une scène que nous allons créer avec des objets 3D pour améliorer la présentation à un client..


Étape 1

Tout d’abord, créez un nouveau document (Cmd / Ctrl + N) et créez-le 600 pixels sur 400 pixels. Vous pouvez bien sûr régler la résolution jusqu'à 300 pixels par pouce pour tout document imprimé, mais nous la limiterons à 72 pour ce tutoriel..


Étape 2

Ensuite, nous devons placer la majeure partie de ce didacticiel sur la scène, notre carte de visite. Choisissez Fichier> Placer et sélectionnez votre image..

Placez-le sur votre toile et assurez-vous qu'il est assez grand, vous pouvez toujours le réduire s'il ne vous va pas bien, mais le redimensionnement est quelque chose que nous ne voulons pas faire à cause de la perte de pixels..


Étape 3

Pour le déformer dans une certaine perspective, vous devez le convertir en calque 3D à l'aide de la commande Nouvelle carte postale 3D à partir du calque. Sélectionnez votre couche et sélectionnez 3D> Nouvelle carte postale 3D à partir d'une couche. Une fois que c'est fait, prenez l'outil Rotation 3D dans votre palette et commencez à jouer en faisant simplement glisser votre carte dans n'importe quelle direction. Un résultat similaire peut être obtenu dans les versions précédentes de Photoshop à l'aide des outils Distorsion ou Perspective, mais l'outil Rotation 3D garantit que tout se présente bien..

Placez votre carte comme indiqué ci-dessous. Nous ne voulons pas trop d'inclination, seulement un effet subtil. Vous pouvez maintenant faire glisser des guides sur chaque coin de la couche pour préparer la prochaine étape où nous devrons créer un reflet sur cette carte postale..


Étape 4

Utilisez l'outil Règle pour créer une ligne droite reliant les deux coins à gauche. Cela va aider à créer une réflexion qui a la même hauteur que votre couche 3D.

Maintenant, faites-le simplement glisser vers le coin suivant et créez un nouveau guide à la nouvelle intersection. Faites exactement la même chose pour les deux coins restants à droite.


Étape 5

Placez une deuxième carte sur un nouveau calque et nommez-le "réflexion". Un moyen facile d’inverser votre image consiste à ajouter un opérateur "-" avant la cote de hauteur. Alignez le coin supérieur gauche du reflet sur le coin inférieur gauche de la carte..


Étape 6

Appuyez sur Cmd / Ctrl + T, puis faites un clic droit, nous pourrons afficher le menu de transformation.

Sélectionnez Déformer et commencez à faire glisser vos points d'ancrage vers les intersections appropriées que nous venons de créer avec l'outil Règle..


Étape 7

La prochaine étape consiste à faire en sorte qu’il devienne transparent. Sélectionnez une grosse brosse douce d'environ 200 pixels. Nous pourrions également utiliser l'outil de dégradé pour cette partie, mais je préfère le pinceau, car il nous donne un peu de contrôle que nous n'obtenons pas avec l'outil de dégradé..

Créez un nouveau masque de calque pour ce calque en cliquant sur la petite icône de masque située au bas de votre palette. Sélectionnez ce nouveau masque et commencez à brosser d'un noir pur la zone inférieure du reflet. Réduisez la valeur d'opacité à environ 20% pour obtenir un effet plus subtil.


Étape 8

Nous n'aurions pas autant de profondeur dans notre scène si nous n'avions pas au moins deux éléments dans notre espace 3D, alors répétez le processus que nous venons d'expliquer avec une autre carte. Vous devriez le rendre un peu plus petit car il est plus loin dans l'espace Z.


Étape 9

Puisque nos réflexions sont maintenant transparentes, il existe un nouveau problème qui peut être résolu assez facilement. Ce que nous devons faire, c'est masquer la zone de réflexion de l'élément avant sur le second. Pour ce faire, appuyez sur Cmd / Ctrl - cliquez sur le premier aperçu de l'élément dans la palette, puis appuyez sur Maj + Cmd / Ctrl - cliquez sur son reflet. Cela crée une nouvelle sélection à partir du calque sélectionné et ajoute l'autre sélection à la sélection réelle..

Une fois que votre sélection est prête, sélectionnez le masque de réflexion de l'élément arrière et remplissez votre sélection de noir.


Étape 10

Pour simuler une belle brillance laminée sur votre carte, nous devons créer un nouveau calque et nommez-le "Briller". En appuyant de nouveau sur Cmd / Ctrl - clic sur l’icône d’aperçu, sélectionnez votre carte et soustrayez-en une partie à l’aide de l’outil Lasso polygonal. Pour ce faire, maintenez la touche Alt enfoncée et commencez à cliquer pour créer votre forme. Une fois fermée, cette forme sera soustraite de la sélection en cours..

Remplissez votre sélection de blanc et masquez-la en masquant le reflet à l'aide du masque et du pinceau. Réduisez à nouveau la valeur d'opacité afin qu'elle soit plus subtile. Répétez l'opération pour le deuxième élément, mais cette fois-ci, appuyez sur Alt + Cmd / Ctrl - cliquez sur l'icône de prévisualisation de l'élément avant pour le soustraire de la sélection..


Étape 11

Il est maintenant temps d'ajouter de la profondeur de champ à notre scène. Pour ceux qui ne connaissent pas bien les cartes de profondeur, il s’agit d’une carte en noir et blanc qui représente la profondeur de chaque élément avec une valeur allant du blanc au noir, le blanc étant l’élément ciblé. Créez un nouveau calque et remplissez-le en noir, car il n'y a rien sur lequel se concentrer au fond de notre scène. En utilisant la méthode de sélection décrite à l’étape 9, remplissez l’élément avant en blanc et l’arrière en gris. Vous n'avez pas besoin de choisir votre gris, car nous ajusterons les paramètres de flou dans quelques instants. Ne vous inquiétez pas s'il fait trop sombre ou trop pâle..


Étape 12

L'effet Flou de l'objectif n'affectant qu'un seul calque, nous devons en créer une copie et en créer un seul. Sélectionnez tous vos calques (à l'exception de la carte de profondeur que nous venons de créer) et faites-les glisser sur la nouvelle icône de calque située dans le coin inférieur droit de la palette. Appuyez sur Cmd / Ctrl + E pour les fusionner en un seul calque ou faites un clic droit et sélectionnez Fusionner les calques.

Pour appliquer la carte de profondeur sur le calque aplati, appuyez sur Cmd / Ctrl + A avec votre carte de profondeur sélectionnée, cela sélectionnera tout sur la couche. Appuyez sur Cmd / Ctrl + C pour le copier, nous en aurons besoin dans quelques secondes. La prochaine partie est un excellent moyen d'importer des valeurs noir et blanc dans un masque de fusion. Ajoutez simplement un masque de fusion à l'image aplatie, assurez-vous d'appuyer sur Cmd / Ctrl + I pour la noircir, puis appuyez sur la touche Modifier en mode Masque rapide. icône au bas de la palette d'outils.

Une fois le mode Masque rapide activé, appuyez sur Cmd / Ctrl + V pour faire apparaître la carte de profondeur que nous avons copiée auparavant. Cela devrait vous donner quelque chose comme ça. Si tout va bien, appuyez à nouveau sur l'icône du mode Masque rapide pour effectuer une sélection. Cliquez sur le masque de calque et remplissez la sélection de blanc.


Étape 13

Ensuite, après avoir sélectionné le calque aplati, choisissez Filtre> Flou> Flou de l'objectif pour afficher les paramètres de l'effet..

Lorsque vous ajustez vos paramètres, assurez-vous que votre source est définie sur "Masque de calque" dans le menu déroulant et que la case "Inverser" est cochée (pour une raison quelconque, Photoshop utilise le noir comme focus au lieu de blanc)..


Étape 14

Pour ajouter de la dimension à la carte, tracez une simple ligne gris foncé autour du bord de la première carte pour créer l’impression d’un calque extrudé..


Étape 15

L'ajout d'un étage est un excellent moyen de le rendre plus réaliste car l'œil comprendra plus facilement que les cartes de visite ne flottent pas dans l'espace mais restent au sol. Pour ce tutoriel, j'utilise une texture que vous pouvez facilement obtenir puisqu'elle est donnée dans les psdtuts + freebies. J'ai utilisé "stonetexture5.jpg" que vous pouvez trouver dans le Stone Texture Pack.


Étape 16

Désaturez-le en appuyant sur Cmd / Ctrl + Maj + U. Si cela ne fonctionne pas, vous devrez peut-être pixelliser votre calque. Choisissez Calque> Pixelliser. Appuyez sur Cmd / Ctrl + T pour apporter les outils de transformation et sélectionner la perspective.

Réduisez-le environ au tiers de votre image et faites ressortir le point d'ancrage en bas à gauche ou en bas à droite pour créer une perspective.


Étape 17

Masquer les cartes en utilisant la même méthode de sélection que nous utilisions beaucoup auparavant.


Étape 18

À l’aide d’une grosse brosse douce, environ 300 pixels, masquez certaines zones que vous souhaitez assouplir.


Étape 19

Pour ajouter une ombre rapide sous ces cartes, créez un nouveau calque en peignant un point noir à l'aide d'un pinceau doux.

Appuyez sur Cmd / Ctrl + T et commencez à l'étirer et à le faire pivoter afin qu'il corresponde bien à la carte..


Étape 20

Masquer les zones qui se chevauchent et répéter pour la deuxième carte.


Image finale

Vous voudrez peut-être jouer avec ces paramètres pour obtenir l’effet souhaité, vous pouvez réduire un peu l’opacité du sol pour le rendre moins sale..

Voici une tentative similaire utilisant la même méthode exacte.