Créez des compositions réalistes pour vos projets de design de produits, de branding, de signalétique, d'emballage, etc.

Project Felix devient Adobe Dimension CC. Pour vous initier à Adobe Dimension, visionnez la vidéo Création de compositions photoréalistes par association de contenus 2D et 3D.

apply-2d-vector-art-to3d1800x1012

Utilisez les ressources de la bibliothèque CC Gelato Scene pour suivre ce tutoriel. Cliquez sur Enregistrer pour copier la bibliothèque sur votre compte et pouvoir accéder aux ressources directement dans Dimension.

Remarque : pour copier les ressources, vous devez vous connecter à votre compte Adobe Creative Cloud avec votre Adobe ID. Si vous n'avez pas d'Adobe ID, créez-en un.

Configuration de votre scène dans Adobe Dimension CC

Lancez Adobe Dimension. Cliquez sur Ouvrir un projet dans l'écran de démarrage, puis ouvrez le fichier d'exemple que vous avez téléchargé (GatsbyGelato_TutorialStart.dn).

apply-2d-vector-art-to3dstep1

L'image d'arrière-plan vient d'Adobe Stock. Si vous souhaitez l’utiliser par la suite, vous pouvez en acquérir les droits

Importation et personnalisation d'un modèle 3D

Vous allez ajouter le modèle 3D d'un pot de glace. Sélectionnez Fichier > Importer > Modèle 3D et allez chercher GelatoPint.

Le modèle apparaît dans la scène. Il est automatiquement aligné avec la perspective de l'appareil photo. Cliquez n'importe où sur le modèle et utilisez le widget pour le faire glisser le long du plan au sol. (Vous pouvez également utiliser la poignée magenta du widget.)

apply-2d-vector-art-to3dstep2

À droite, dans le panneau Scène, sélectionnez GelatoPint. Puis à gauche, dans le panneau Matières, cliquez sur Plastique bleu.

Pour améliorer l'aspect du pot, développez le dossier GelatoPint dans le panneau Scène. Sélectionnez Plastique bleu. Vous pouvez modifier les attributs de la matière, comme la couleur de base, la brillance et la rugosité, dans le panneau Propriétés situé sous le panneau Scène.

apply-2d-vector-art-to3dstep3

Vous allez ensuite appliquer un effet de feuille métallique dorée sur le couvercle du pot. À l'aide de l'outil Baguette magique (W), cliquez sur la bande entourant le couvercle pour la sélectionner. Cliquez ensuite, dans le panneau Matières, sur Or endommagé.

Remarque : deux autres modèles sont disponibles avec ce document : GlassCup (coupe de glace) et Spoon (cuiller). Vous pouvez vous entraîner à les repositionner et à appliquer des matières.

Habillage du pot avec une illustration 2D

Ouvrez la bibliothèque Gelato Scene dans le panneau Bibliothèques Creative Cloud. Cliquez sur l'illustration « Gatsby Label » et survolez la partie inférieure du pot jusqu’à ce qu’elle soit mise en évidence. Relâchez ensuite le bouton de la souris pour positionner l'étiquette.

Remarque : nous avons créé l'illustration de l'étiquette dans Adobe Illustrator CC et l'avons enregistrée au format PNG. Nous l'avons ensuite ajoutée dans une bibliothèque CC pour la rendre accessible dans les autres applications.

apply-2d-vector-art-to3dstep4

À l'aide de l'outil Sélection et déplacement (V), positionnez précisément l'étiquette sur le pot :

  • Appuyez sur la touche Maj et faites glisser une poignée carrée pour mettre l'étiquette à l'échelle en conservant les proportions.
  • Utilisez la poignée supérieure pour faire pivoter l'étiquette.
  • Faites glisser le point central pour placer l'étiquette autour du pot de glace.

Vous pouvez procéder de la même manière pour ajouter l'illustration « Gelato Logo » sur le couvercle.  

Pour améliorer le rendu de la décalcomanie, sélectionnez decal dans le panneau Scène et modifiez ses propriétés. Afin de la faire ressortir, nous avons augmenté les propriétés Métallique et Rugosité.

apply-2d-vector-art-to3dstep5

Découvrez deux autres méthodes pour utiliser votre propre illustration 2D comme décalcomanie ou logo.

En ayant pris soin, au préalable, de sélectionner la partie spécifique du modèle dans le panneau Scène :

Choisissez Fichier > Importer >

  • Placez l'image comme décalcomanie, puis sélectionnez une image PNG, JPEG, SVG ou PSD.
  • Ouvrez le panneau Actions et cliquez sur l'icône Placer l'image comme décalcomanie.
apply-2d-vector-art-to3dstep6

Ajout d'un éclairage et d'ombres réalistes

Dans le panneau Scène, cliquez sur Environnement. La scène inclut déjà un éclairage panoramique basé sur l'image, avec la photo d'arrière-plan comme source. Vous pouvez modifier certaines de ses propriétés en jouant notamment sur l'intensité et la rotation. Pour ajuster les ombres, sélectionnez Lumière du soleil et modifiez la direction et l'intensité de la lumière. Modifiez ensuite les propriétés Plan au sol afin d'affiner les ombres.  

apply-2d-vector-art-to3dstep7

Cliquez en haut sur l'icône Aperçu du rendu pour prévisualiser rapidement les effets de l'ombre et de la lumière avant de générer le rendu intégral de votre image à l'étape suivante. Lorsque vous avez terminé, fermez la fenêtre Aperçu du rendu.

apply-2d-vector-art-to3dstep8

Génération du rendu de votre image finale

Cliquez en haut sur l'onglet Rendu. Définissez la qualité, choisissez un format d'exportation et précisez la destination de votre fichier. Cliquez sur le bouton Rendu. Nous avons sélectionné la qualité Faible (rapide) et le format PSD. À la fin du rendu, cliquez sur Ouvrir dans Photoshop.

Remarque : en fonction de la complexité de la scène et de la qualité choisie, la génération du rendu peut prendre du temps, mais cela vaut vraiment la peine d'attendre.

apply-2d-vector-art-to3dstep9

Finalisation de la composition dans Photoshop

Le rendu final s'ouvre dans Adobe Photoshop CC. Si vous avez choisi le format d'exportation PSD, l'illustration est décomposée en calques, ce qui permet de retoucher et de peaufiner les éléments séparément dans Photoshop.  

L'image rendue et l'image d'arrière-plan sont placées dans des calques distincts. Le groupe Calques supplémentaires comprend des calques de masque pour la profondeur et différents types de sélection. 

Pour créer une illusion de profondeur, nous avons converti le calque d'arrière-plan en objet dynamique (cliquez avec le bouton droit et sélectionnez Convertir en objet dynamique). Après nous être assurés que le calque était sélectionné, nous avons ajouté un flou (sélectionnez Filtre > Galerie d'effets de flou > Bascule-Décentrement). En outre, nous avons dupliqué le calque Image rendue et appliqué un mode de fusion Lumière tamisée avec une opacité de 50 % afin de mettre le pot de glace en valeur.

apply-2d-vector-art-to3dstep10

Lorsque vous êtes satisfait du résultat, enregistrez l'image au format PDF, ou partagez-la rapidement en cliquant sur le bouton Partager une image de la barre d'options. Pour en savoir plus sur les fonctionnalités utilisées dans ce tutoriel, consultez le résumé des fonctionnalités de Dimension CC. Découvrez un large choix de modèles 3D, de matières et d'éclairages pour Dimension dans Adobe Stock.

10/20/2017

Contributrice : Zuzanna Czerny

Cette page vous a-t-elle été utile ?