2

I used a 3D Box Generator for Photoshop, and was able to create some boxes with it. These boxes were shaped in the form of Software Boxes, while I require Customized Dimensions Boxes, which currently I'm trying to create with Protomissume Software.

This software creates a box with no Reflection, and I disabled shadows in it, cause it doesn't allow transparency while saving to png. It allows custom dimensions, rotation, etc settings, but doesn't save transparency or reflections.

Here's the difference in output from both the above mentioned apps.. I'm trying to get the reflection + shadow in the 3D box Generator to the Protomissume generated image.

My question: How can I create similar Reflection & Shadow in Photoshop?

Images: 3D Box Generator 3D-Box-Generator

Protomissume Box Shot Protomissume-Box-Shot

Thanks for any help.

Here are the Box Shot images (Photoshop, Protomissume) : [ ::: LINK ::: ]

  • please post the flat images of the box faces. – hsawires Dec 20 '14 at 7:31
  • added... zip file. – mk117 Dec 20 '14 at 7:45
  • Just use Boxshot – Scott Dec 21 '14 at 9:53
2
  1. Open the 3D box file in photoshop in a separated layer and push it up a little to give space to the reflections.
  2. Make a new layer below the original one and go to Filter > Vanishing Point here we are trying to flip the flat image of the box without losing the reality of the reflection by respecting the perspective.
  3. In the vanishing point dialog box select create Plane Tool or click C now we want to make two plane based on each face of the box, click on the corners of each face, after you finish drag the lower edge of the plan as if you stretch it vertically to the bottom. do that foe each face.

enter image description here

  1. Now we will get advantage of the clone tool in the perspective to get the exact reflection height, in the same vanishing point dialog box click on Stamp tool or click S, now use the alt and click on the very top corner of the main original box and start stamping in the perspective with your brush. make sure to do that in a new layer you create it in step 2. now we have in that new layer the exact reflection height and vanished to the exact perspective points.

enter image description here

  1. Import to Photoshop in a new layer all your side flat design of the box and flip it vertically.

enter image description here

  1. Distort the flat flipped design to match the reflection we made in step 4 by CTRL click over each corner of that flipped face.
  2. now we have the two faces flipped and vanished, now we have to adjust the shade of the reflection to match the original face. by adding some gradient effect to the reflected images as your point of view.

enter image description here

  1. Now use the mask tool in the layer panel to add masks to the reflections and use the gradient tool to make the reflection have some gradient opacity as the screen capture below, repeat this step for each face.

enter image description here

  1. Now come the shadow, go the the vanishing point dialog box again and select the old planes and delete it by clicking Backspace button. and make a new plan representing the floor by clicking over the three points of the lower plan of the box ( you have to guess the forth hidden point in the back of the box)
  2. nNw expand that new plane to represent the floor a little to the left and a little to back.
  3. In the option menu in the vanishing point dialog box select Render Grid to Photoshop make sure to rend it in a new layer

enter image description here

  1. Now we have the grid rendered in a new layer, marque a new mask to create the shadow as show in the screen capture below. adjust the shadow the way you want (gradient opacity and soften edges) and repeat this step for a new cast shadow as if there is more that a lighting source and distort it.

enter image description here enter image description here enter image description here enter image description here enter image description here

  1. Here the end result hope my explanation helps.

enter image description here

  • Hi! Thanks! I'll check if this can be added as photoshop action file, so that it is more easy to get the desired reflection/shadow output... I've only speed read your answer, and would let you know if I manage to create the action successfully... thanks! – mk117 Dec 20 '14 at 9:20
  • I couldn't create the photoshop action. I have about 20 boxes, I have to do this for each box separately. The new layer being imported is large & the dimensions for it vary... this requires psd scripts + methods that could make this solution click-ready for any dimension of the box!. I don't intend to batch automation, but maybe an .psd + .atn file could be lots helpful! Could you create an action file that could do this with a click? If not, I'll try & just manually do this for the 20+ boxes I have to edit... Thanks! You could even share that .atn file on deviantart! – mk117 Dec 20 '14 at 10:11
  • Or if you could suggest how to change the dimensions in the 3D-Box-Generator psd file? – mk117 Dec 20 '14 at 10:13
  • I dont think photoshop action will allow variable also for 20 boxes I think they vary in dimensions, its too hard and time consuming doing it in photoshop. if I where you I will switch to 3D software doing the job like 3D MAX or use the photoshop 3D ... or you may use another software that allow you to drop shadow and reflect the box like TBS Cover Editor – hsawires Dec 20 '14 at 12:23
  • TBS Cover Editor isn't free... Maybe I'll try some 3D app (3D Max/etc)... thanks! – mk117 Dec 20 '14 at 12:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.