3D Isometric View in Photoshop
 

Here you can learn how to turn 2D images for a package you have designed on Adobe Photoshop into a 3D (isometric) view your box.

It is really easy, and does not take long.

 
1.  
Open up the files containing the front, side and lid of your box.  

Flatten each of your images. Click on each image and from the top of the screen select:

Image > Flatten Image

  
   

Create a new image the size of an A3 page to put your images onto.

File > New...

Add the height, width and select the same resolution as your drawing.
   
 
2.  

Copy and paste the image for the front of you box onto the A3 page.

Select te Rectangular Marquee Tool.

Right click on the front of your box and select 'Select All'.

Edit > Copy.

Click on your A3 image.

Edit > Paste.

 
 
3.  

We now need to change the shape of the front of your box.

Select 'Free Transform'. Press Ctrl+T

In the Free Transform menu add 30 into the box for 'vertical skew'

 

Your image looks a little 'wide' at the moment.

In the box marked 'W' for width add 75.

This will reduce the width of your box to 75%.
 
4.  
Now open the image that is the side of your box.  

Repeat the steps from above, BUT instead of putting '30' into the 'vertical skew' box add '-30'.

Don't forget to reduce the width by 75%

 

Use the move tool to line up your images.

   
 
5.  
Now we want to make the inside of the box.  

Open up the image that is the back of your box and make a new layer on it.

Layer > New Layer.

Fill that layer with a light grey colour. This will give you a grey box the same size at the back of your box.

Now drag that layer from the layer window onto the image with your 3D box.

Free Transform the grey box. Ctrl+T

Skew it the same way as before.

   
   
 
6.  

We now need to make the fourth side of your box.

  
I'm not going to tell you how. You will have to work it out !
7.  
Now use the same technique for the lid.
8.
...and then add the dust flaps and tabs.
 
9.  

Then try this...
10.  
Now submit your pictures to our gallery. Click Here.  
   
   

 

 

  Thank you to Nick Upjohn, Fallibroome High School for the original graphics.