Créer une image réaliste d'un modèle à partir d'un objet 3D

Dans ce didacticiel, nous allons créer rapidement une maquette d’un plan de voiture 3D. Ensuite, nous le placerons sur l’image d’une table à dessin. Cette fois, nous allons utiliser un mode de rendu Photoshop 3D particulier pour créer cet effet impressionnant. Commençons!


Note de l'éditeur: Ce tutoriel a été publié sur Psdtuts en juillet 2008.

Étape 1

Il y a quelques semaines, lorsque j'ai publié mon tutoriel sur l'avion 3D, je cherchais partout un modèle 3D gratuit doté d'une licence Creative Commons. Dans ma quête pour le trouver, j'ai remarqué quelques sites Web intéressants avec des objets 3D absolument géniaux à jouer. Pour ce tutoriel, nous utiliserons une belle voiture 3D téléchargée sur CGIndia.org. Lorsque j'ai ouvert la voiture dans Photoshop, j'ai vu que les plans des axes (X, Y, Z) faisaient également partie du modèle. Cela a inspiré l’idée de créer un plan détaillé des différentes vues de la voiture.

Après avoir téléchargé le modèle de voiture, créez un nouveau document vierge de 1024 pixels sur 768 pixels. Ensuite, sélectionnez un fond blanc. Créez ensuite un carré bleu (# 094464) sur le calque blanc. Cela crée une marge blanche.


Étape 2

Créez un nouveau calque 3D en sélectionnant Calques> Calques 3D> Nouveau calque à partir d'un fichier 3D. Puis trouvez le fichier "voiture 3D" et appuyez sur OK.


Étape 3

Double-cliquez sur le calque 3D pour le modifier. Changez la taille de la voiture en la rendant plus grande. Puis changez la vue en gauche ou en droite (cela dépend de vous et du modèle que vous utilisez). Je ne sais pas pourquoi, mais sur mon PC, c'est la vue avant. L'astuce pour créer le plan consiste à changer le mode de rendu de Default à Wireframe.


Étape 4

Maintenant, Alt + Drag pour dupliquer le calque 3D. Puis changez la vue de la copie en Top. Placez la copie sous la première vue. Ajoutez également des guides pour vous assurer que la largeur de la voiture est la même dans les deux couches..


Étape 5

Rasterisez les deux calques 3D en accédant à Couche> Rasteriser> 3D. Ajustez ensuite les niveaux de chaque couche pour augmenter le blanc des lignes en utilisant ces valeurs.


Étape 6

Supprimer toutes les lignes supplémentaires à l'aide de l'outil Lasso.


Étape 7

Maintenant, redimensionnez les deux calques, en passant je les ai nommés "Car Side" et "Car Top". En outre, ajoutez un peu d'espace entre eux.


Étape 8

Nous allons ensuite créer quelques lignes pour obtenir un résultat plus réaliste. Tout d’abord, affichez la règle CTRL + R. Cliquez ensuite sur la règle et faites glisser le curseur pour dessiner un guide. Assurez-vous que les guides touchent les points critiques de vos vues, tels que le diamètre de la roue ou la largeur et la hauteur de la voiture. Essayez d'obtenir quelque chose comme l'image ci-dessous.


Étape 9

En utilisant les guides, commencez à dessiner des lignes. Saisissez l'outil Ligne et sélectionnez un avant-plan blanc et un poids de 1px. Ensuite, tout en maintenant la touche Maj enfoncée, cliquez et faites glisser pour tracer les lignes (utilisez les touches Maj et glisser pour tracer des lignes parfaitement horizontales, verticales ou 45?).

Tracez une ligne d'abord, puis Shift + clic pour commencer la seconde. Ceci activera Ajouter à la forme pour ajouter la deuxième ligne dans un masque de calque unique. En utilisant cette étape, tracez autant de lignes que vous le souhaitez, pas trop, mais pas trop peu non plus. Changer le calque Opacité à 50%.


Étape 10

En suivant les mêmes étapes, créez un nouveau calque et tracez des lignes blanches dessus. Ces lignes montreront certaines des dimensions de la voiture. Créez certaines de ces lignes entre deux des lignes précédemment dessinées. De nouveau, utilisez l'option Ajouter à la forme pour ajouter toutes les lignes dans un seul masque vectoriel. Puis changez l'opacité du calque à 50%.


Étape 11

Maintenant, ajoutez quelques mesures. Vous pouvez utiliser des nombres aléatoires, mais imaginez qu'il s'agisse d'une maquette d'un modèle 3D réel, comme une maison. Donc, vous devez transcrire les bonnes dimensions pour faire plaisir au client. Pour cela, utilisez l'outil Règle et sélectionnez les pixels comme unité de mesure. Enfin tapez la dimension; J'ai utilisé cette police pour créer le texte.


Étape 12

Organisons un peu les couches. Créez un groupe de couches et nommez-le "Blueprint". Ensuite, placez tous les calques à l'intérieur, créez également des dossiers pour les nombres, les lignes et tout le texte supplémentaire. Puis dupliquez le groupe "Blueprint". Appuyez ensuite sur Ctrl + E pour le fusionner. Créez un nouveau groupe à l'extérieur et nommez-le "Mockup". Ensuite, placez la "copie de Blueprint" à l'intérieur et cachez le groupe "Blueprint".


Étape 13

Collez cette image dans un nouveau calque. C'est une photo d'une belle table à dessin. Redimensionnez la "copie Blueprint" pour la réduire. Ensuite, utilisez l’outil Warp pour le déformer un peu, en particulier le coin inférieur gauche. Enfin, sélectionnez Tout (Commande + A) et Coupez (CTRL + X) le calque "Copie de plan directeur"..


Étape 14

Sélectionnez le calque "Blueprint copy" vide. Ensuite, allez dans Filtre> Point de fuite et tracez un avion au-dessus de la table. Puis prolongez un peu et collez le "Plan" comme indiqué dans l'image ci-dessous. Essayez d’obtenir le côté gauche du plan en dehors des limites de la table à dessin. Puis cliquez sur OK.


Étape 15

Dupliquez le calque "Blueprint" et remplissez-le de noir. Appliquez ensuite un flou gaussien avec un rayon de 2px. Puis dupliquez le calque "shadow" et appliquez à la copie un autre flou gaussien avec un rayon de 10px cette fois. Fusionner les deux calques "d'ombre" et ajuster la teinte / saturation en utilisant les valeurs indiquées au bas de cette image.


Étape 16

Sélectionnez tout le papier supplémentaire en dehors des limites du tableau de gauche. Déformez-le à l'aide de l'outil Warp, juste un petit peu; s'assurer que la bordure blanche reste la même.


Étape 17

A l'aide de l'outil Graver, ajoutez des ombres au plan plié. Ajoutez également des ombres aléatoires sur toute la surface du plan.


Étape 18

Avec l'outil Dodge, ajoutez quelques points saillants.


Étape 19

Dupliquez le calque "Shadow". Appuyez ensuite sur Ctrl + F pour réappliquer le dernier filtre (flou gaussien, rayon 10 px). Utilisez ensuite l'outil Gomme pour supprimer certaines zones de la nouvelle ombre. Supprimer également toutes les zones en dehors de la table.


Étape 20

À l’aide de l’outil Flou, floutez un peu l’image en haut et à droite du plan. N'en faites pas trop, appliquez plutôt uniquement le flou nécessaire.


Étape 21

Sélectionnez le calque "Blueprint" de notre maquette. Cliquez ensuite sur Filtres> Liquify. Dans la fenêtre Liquify Filter, sélectionnez l'outil Turbulence. Puis définissez les valeurs comme indiqué ci-dessous; Il suffit de faire quelques clics et de glisser pour créer plus de rides sur l’avion. Puis cliquez sur OK. Vous pouvez utiliser à nouveau les outils Dodge et Burn pour obtenir un meilleur résultat..


Conclusion

Ça y est ...! Une technique simple et rapide pour créer des plans d’objets réels à l’aide des outils 3D de Photoshop Extended CS3. Essayez-le en utilisant des modèles architecturaux comme une maison ou un bâtiment. Si vous travaillez avec ce type de conception, vous pouvez faire sauter les esprits de vos clients.