Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Boites 3D factices


Que ce soit pour exposer un produit virtuel ou simplement démontrer votre flair dans le design commercial, une boite en 3d ajoute toujours un petit plus non négligeable  C'est possible d'effectuer un rendu en 3d et de l'importer ensuite dans photoshop, cependant, un effet identique peut être créer en utilisant les outils communs de photoshop et quelques images de votre produit. Suivez le guide...

Note pour les utilisateurs de Photoshop CS: Le filtre de transformation 3D n'est pas installé par défaut. Pour l'installer, ouvrez le dossier Goodies dans le cd. Dans le dossier Goodies, il y a un dossier appellé : Optional Plug-ins. il devrait y être dedans. Copiez le dans le dossier Plug-Ins de photoshop CS et relancez le programme, il devrait apparaitre.

Étape 1: Commencez par dénichez une image de bonne qualité de votre convenance, ou mettez un petit coup de scanner sur une image qui vous plait, c'est tout aussi bien :).  Ici j'ai piqué quelques images sur le site de Sony: Sony Online Retail Assets Page. Une image du coté de la boîte est disponible mais déja en 3D, ce qui ne nous interesse pas vraiment.

Étape 2: Créez un nouveau document avec 2 calques - remplissez les deux de blanc, cachez celui du dessous et séléctionnez celui du dessus. Avec le calque séléctionné, faites dans le menu : Filtre > Rendu > Transformation 3D. une petite boite de dialogue s'ouvre.  Cliquez sur le bouton des options et décochez la case du bas checkbox et mettez les 2 autres options sur Haut. Faites Ok.

Étape 3: Sélectionnez l'outil cube et dessinez une boîte comme vous le voulez, dans les proportions que vous voulez.  Utilisez l'outil de sélection directe pour modifier la taille de la boîte (plus longue, plus profonde...). En utilisant l'outil de rotation, déplacez votre boîte jusqu'à ce qu'elle ressemble un peu à la mienne..  C'est très important d'avoir chaque coté dans des tons de gris différents.   Cliquez ensuite sur Ok.

Étape 4: Maintenant vous avez votre boîte sur un calque à part.  Maintenant copiez l'image de votre produit sur notre document et ainsi notre calque. Utilisez  Edition > Transformation> Homothétie pour modifier les dimensions de votre image pour qu'elle soit un peu plus grande que notre boite puis réduisez son opacité à 40%.  Faites ensuite Edition > Transformation > Torsion .  Tout ce que vous avez à faire est de coincidez notre image avec la boite afin que celle sur se mette en surimpression de la boîte en quelque sorte.

Étape 5: C'était assez simple et ca s'est passé sans trop de douleur non ?    Répétez chaque étape pour chaque coté de la boîte puis remettez l'opacité des images à 100%.  Si vous avez bien suivi et tout fait correctement, vous devriez avoir une boîte qui ressemble sensiblement à celle sur ma gauche, j'ai bien dit gauche.  Si ce n'est pas le cas, revenez en arrière pour corriger vos erreurs..  Prenez votre temps car aller trop vite ruinerais votre travail.

Étape 6: On peut s'arreter ici car la boîte est déja faites mais je pense que quelques petits arrangements ne sont pas de trop à ce stade. Créez un nouveau calque vide entre les 2 précdents. En utilisant l'outil de séléction en forme de Lasso (ou par votre propre méthode), créez une forme que l'on remplira de noir comme la mienne sur l'image à coté. Elle va nous permettre de créer la projection de l'ombre de la boîte.

Étape 7: Ajoutez un peu de flou à ce calque : Filtre > Flou > Flou Gaussien puis réduisez l'opacité du calque à environ 50% . Remettez visible le calque inférieur (rempli de blanc) et voila - votre produit est terminé !  Vous pouvez encore ajouter quelques effets comme par exemple celui du Reflet afin de le rendre encore plus présentable.   Ajouter d'autres objets pourrait aussi permettre de créer de simple mais très jolies scènes (un crayon, un stylo..).  jetez un oeil à ma galerie pour voir cet effet en action, vous ne serez pas décus !  :)

- Tutorial written by Man1c M0g
- Translation by Bana

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese
Amazing Font Pack!

Featured Tutorialsmore

Extracting Hair
Extracting Hair
- Adobe Photoshop -
Crescent Shapes
Crescent Shapes
- Adobe Photoshop -
Complex Shapes
Complex Shapes
- Adobe Photoshop -
Meteor Tutorial - ...
Meteor Tutorial - ...
- Maxon Cinema 4D -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 890 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1055 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1055 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1938 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1834 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14444 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2757 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2777 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3441 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2357 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2500 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2800 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673