3D Box Logo with Transparent Sides

Start a new document in photoshop

Size should be 500 X 500 pixels

Background color: White

Then Select rectangle tool and create a shape ( hold the Shift key when you are drawing the shape - in this way your shape will be a perfect square)

Press on Ctrl+T and rotate the shape to 45 degrees

This is the result

Then change the vertical scale with the move tool

Then go to Edit > Distort and move the corners of the shape similar with mine

Then Duplicate the shape ( Ctrl+J ) and place the other shape like in the following image

This shape will be deleted at the end of tutorial, because we don't need it

Now select Pen Tool ( change the foreground color to another color.

I will use a red color, i am using this color because it will be easier for me to explain later

With the pen tool make the following path

Then place the red shape under the top shape of the box

Then create another part of the box ( with Pen Tool ) - i will use a blue color

Now create the front sides of the box ( use the same tool - Pen Tool )

I will use a yellow color for the left side

Then lower the opacity to 50 % for this yellow shape

Then create the right side with another color ( i will use green ) I will also change the opacity to 50 %

Now delete the top side of the box

Now hide all the Red/Green/Yellow/Blue layers

Now with Type Tool , create some letters, or you can use another shape. it is your choice

Add the following layer styles

This is my result

Now press on the small eye icons from your layer palette. We will make all the layers visible

Now we will need to change the layer order in your layer palette

Drag the text layer under the green and the yellow layer

This is result

Now you can hide the Green . and the yellow shape ( press on the small eye icon again )

Now it is time for reflection

Duplicate the text layer, then go to Layer > rasterize > Type

Then go to Edit > Transform > Flip Vertical

With your down arrow key place the layer like in the following image

Now Hold Down the Ctrl key and with your left mouse button press on the black layer thumbnail ( the first shape from our tutorial )

You will notice that a selection will be visible

Go to Select > Inverse

Select the layer with the reflection

Then press the Delete key from your keyboard

Now press Ctrl+D to deselect

Now we will change the colors of the box sides

First we will work on the Red shape layer.

Please add the following layer styles

This is the result

Now add the following layer styles for the blue shape

This is the result

Now make the green layer and yellow layer visible

Now we will apply a layer style for the yellow shape

This is the result

Now add the following layer style for the green shape

This is the result

Now select all the layers without the background layer, and drag then to the "Create new layer" button from the bottom of the layer palette

This will duplicate all the layers

Then with all the duplicate layers selected press on Ctrl+E ( This will merge all the layers into a single one )

Then hide all the layers except the merged layer , and the background layer

Be sure you have selected the merged layer. and go to Edit > transform > Perspective and drag the right corner to the middle. See the red arrow to see what i am talking about

Do not forget to hit Enter

Now we will create a shadow. Grab Ellipse Tool, and create a simple circle

Pace the layer under the logo

Then rasterize the layer. To rasterize go to Layer > rasterize > Shape

Then go to Filter > Blur > Gaussian Blur

Use the following settings

Then you can change the opacity to 50 %

This is the result

The last step is to select the 2 layers from the top and resize them a little, for a real effect

I hope you like it