3D CUBE in Photoshop CS5

The Cube could be made in Photoshop all along, but it required a lot of effort and manipulation. In CS5 making a Cube from an image is very simple. You can do it with a single image. Photoshop fills all six sides of a Cube with the chosen image. You can also use the Cube Wrap feature. Here I wish to use a different image for each of the six sides.

I have opened this image in Photoshop. I will show how you can make this into a Cube.

This is the effect I intend to create. Go to 3D>New Shape from Layer>Cube Wrap

Photoshop has done all the work. But this is not what I want to demonstrate. I would

like to use six images for the six sides of a Cube. That is done a bit differently.

Step 1 : Open the image. Go to 3D>New Shape from layer>Cube.

The Layers panel looks like this.

This is what you get.

If you double click the Background Texture you will be able to see the image. The sides are the textures.

Step 2 : Double click the Top Material Default Texture which is just above the Background Texture.

Photoshop opens a blank layer. On top you can see it is the Top Material default texture

Step 3 : Go to File>Open.

Step 4 : Navigate to the folder where you have downloaded the images.

Step 6 : Press CTRL+A (Select ALL) and CTRL+C (Copy) after opening the image in Photoshop.

Step 5 : Click one of them to open in Photoshop.

Step 7 : Go to the Top Material and press CTRL+V (Paste). The image is a large one and has to be resized.

Step 10 : This dialogue box appears. Click Yes. Close the other image also.

Step 8 : Resize the image by pressing SHIFT+ALT and dragging a corner handle. Press ENTER.

The image looks like this. You don't see any change. This is because the image has been added to a side not visible to you.

Step 9 : Click the small x to close the image.

Photoshop opens it.

Step 11 : Click on the Bottom Material.

Step 12 : Click on another image.

Step 13 : Press CTRL+A and them CTRL+C.

Step 14 : Go to the Bottom Material and press CTRL+V. Resize the image since it is a large one. Press ENTER.

Step 15 : Click the x at the top to close the image.

The image looks like this. I hope you can now understand how to add an image to each side of the cube. You have to click on the sides one by one in the Layers panel, open and image, Select all (CTRL+A), copy (CTRL+C), take it to the relevant side and paste (CTRL+V). Resize. Close the image. Save the image. This is how you will add images to all six sides.

Step 16 : This dialogue box opens. Click Yes. Close the other image also. Step 17 : I have added images to all the six sides as I have described.

Step18 : Click the 3D Object Rotate Tool.

If you drag the cursor straight down you will be able to rotate the Cube downwards. This will be seen at the top left beside the image to rotate the image.

On the top panel you will find these tools. The Cube has been rotated downwards.

Drag the cursor to the right. The Cube rotates to the right.

The Cube looks like this.

The Cube has rotated to the right.

I have rotated the Cube like this.

You can rotate the Cube anyway you want.

You can also Slide the Cube.

You can also drag the Cube anywhere on the canvas by clicking the Drag the 3D object icon. Drag up the cursor to make the Cube smaller and drag down to make the cube bigger.

You can also Roll the 3D object by clicking on the icon.

If you move the cursor to the right or left it will move the Cube to the right or left. It will not make it smaller or bigger.

The Cube has been rolled.

You can also scale the Cube.

I have positioned the Cube thus.

You can drag down to make the Cube smaller.

You can drag up to make the Cube bigger.

Step 19 : CTRL+CLICK the New Layer icon. A new Layer 1 forms at the bottom.

Step 20 : Make sure that the Foreground/Background Colors set to the default Black/White.

The image looks like this.

Step 21 : Press ALT+BACKSPACE to fill with the Foreground Color which is Black.

Step 22 : Click the New Layer icon. A new Layer 2 forms above Layer 1.

Step 23 : Press x to change the Foreground Color to White.

Click once with the Brush at the corners. And, here is the completed image.

Step 24 : Press b for the Brush Tool. Press ] (right square bracket) to make it large.

Step 25 : In the top panel reduce the Opacity of the Brush to 40%.