3D CUBE in Photoshop CS5

8/2/2019 3D CUBE in Photoshop CS5

1/15

3D CUBE in Photoshop CS5

The Cube could be made in Photoshop allalong, but it required a lot of effort and

manipulation. In CS5 making a Cube from

an image is very simple. You can do itwith 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.

This is the effect I intend to create.

I have opened this image in Photoshop. I

will show how you can make this into a

Cube.

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
http://2.bp.blogspot.com/-9YoIw2O2_kg/T0JCnTYPBqI/AAAAAAAA0Qw/tyeAXKvA1Yk/s1600/004.jpghttp://3.bp.blogspot.com/-cDXxYbo6MWk/T0JCSfKfnxI/AAAAAAAA0Qo/E7PX9LzwQkA/s1600/003.jpghttp://2.bp.blogspot.com/-Z0NirxCo9so/T0JBHKecPfI/AAAAAAAA0QY/bggCU_xOpPA/s1600/002.jpghttp://4.bp.blogspot.com/-V9QXvCS8N38/T0JALPPe_RI/AAAAAAAA0QQ/YXMZeqNMvx8/s1600/001.jpghttp://2.bp.blogspot.com/-U32FrUWNPzA/T0JuRFY1JbI/AAAAAAAA0Xo/5rPhZnvLle4/s1600/057.jpg


2/15

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>NewShape from layer>Cube.

This is what you get.

The Layers panel looks like this.
http://2.bp.blogspot.com/-W1cW79Rb-80/T0JD_DfWQsI/AAAAAAAA0RI/xprQ1VDckbs/s1600/007.jpghttp://1.bp.blogspot.com/-_DgKMQe901g/T0JDwSy7YMI/AAAAAAAA0RA/mhjudAV_bLo/s1600/006.jpghttp://2.bp.blogspot.com/-Z4mIjpaNcf0/T0JDZld7Y3I/AAAAAAAA0Q4/fO7Yc6DkNxI/s1600/005.jpg


3/15

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 MaterialDefault Texture which is just above the

Background Texture.
http://3.bp.blogspot.com/-BXwQZBjg_Sg/T0JEwJeu_JI/AAAAAAAA0RY/zbdL2-xvzFo/s1600/009.jpghttp://4.bp.blogspot.com/-DuRb_qeOGUM/T0JEQzRelbI/AAAAAAAA0RQ/YxzAxSggBgI/s1600/008.jpg


4/15

Photoshop opens a blank layer. On top you

can see it is the Top Material default

texture

Step 3 : Go to File>Open.
http://1.bp.blogspot.com/-sLWF1HAmriY/T0JTdOibS4I/AAAAAAAA0Ro/Oy83QFtkhcY/s1600/011.jpghttp://2.bp.blogspot.com/-NbRLBntVEJI/T0JFTkAMldI/AAAAAAAA0Rg/BLNVoc3nsbQ/s1600/010.jpg


5/15

Step 4 : Navigate to the folder where youhave downloaded the images.

Step 5 : Click one of them to open in

Photoshop.

Step 6 : Press CTRL+A (Select ALL) and

CTRL+C (Copy) after opening the imagein Photoshop.
http://2.bp.blogspot.com/-VmTad5aLghU/T0JU5eNUzRI/AAAAAAAA0SI/Au_2axKlboM/s1600/015.jpghttp://2.bp.blogspot.com/-vldPEynrXdI/T0JUe_iQtAI/AAAAAAAA0SA/O93ms_6A6ig/s1600/014.jpghttp://3.bp.blogspot.com/-0JqlrBMr0JA/T0JUNboc-mI/AAAAAAAA0R4/KgKGxT_61OM/s1600/013.jpghttp://2.bp.blogspot.com/-EcHHTT4xKcU/T0JT2sqlBUI/AAAAAAAA0Rw/W3tljpWP9rc/s1600/012.jpg


6/15

Step 7 : Go to the Top Material and press

CTRL+V (Paste). The image is a large one

and has to be resized.

Step 8 : Resize the image by pressing

SHIFT+ALT and dragging a cornerhandle.

Press ENTER.

Step 9 : Click the small x to close the

image.

Step 10 : This dialogue box appears. Click

Yes. Close the other image also.

The image looks like this. You don't see

any change. This is because the image hasbeen added to a side not visible to you.
http://1.bp.blogspot.com/-qvJmMMZTXSc/T0JWqCtodHI/AAAAAAAA0So/6LF7uvARSLU/s1600/019.jpghttp://4.bp.blogspot.com/-eSXtAeLq7Us/T0JWXIoczuI/AAAAAAAA0Sg/HcNujDrOvw8/s1600/018.jpghttp://2.bp.blogspot.com/-yPn3X4pdYyQ/T0JWAFXnFeI/AAAAAAAA0SY/P1HyJraKv2Q/s1600/017.jpghttp://4.bp.blogspot.com/-j51MLT9Nu24/T0JVfZpAHSI/AAAAAAAA0SQ/lohhKBPpCss/s1600/016.jpg


7/15

Step 11 : Click on the Bottom Material.

Photoshop opens it.

Step 12 : Click on another image.
http://2.bp.blogspot.com/-ukM_LNuRYLQ/T0JXp3-ySYI/AAAAAAAA0TA/bzuabvCGAdc/s1600/022.jpghttp://4.bp.blogspot.com/-hXgEyC6w6aA/T0JXV0aOrGI/AAAAAAAA0S4/JsUAZxL_N4E/s1600/021.jpghttp://2.bp.blogspot.com/-aC9I0uFKn84/T0JXCuSTnwI/AAAAAAAA0Sw/tav6XHBxqk8/s1600/020.jpg


8/15

Step 13 : Press CTRL+A and them

CTRL+C.

Step 14 : Go to the Bottom Material andpress CTRL+V. Resize the image since it

is a large one. Press ENTER.
http://2.bp.blogspot.com/-9bSIoTigdFo/T0JYfIg2-bI/AAAAAAAA0TQ/0JnEyY_6MZs/s1600/024.jpghttp://1.bp.blogspot.com/-Eo4yv5QGz8E/T0JX9XylewI/AAAAAAAA0TI/eDWBE_a4s_A/s1600/023.jpg


9/15

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

image.

Step 16 : This dialogue box opens. Click

Yes. Close the other image also.

The image looks like this. I hope you cannow understand how to add an image to

each side of the cube. You have to clickon 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 17 : I have added images to all the sixsides as I have described.
http://1.bp.blogspot.com/-7DAZqcyJkh8/T0JblX4Pu6I/AAAAAAAA0Tw/9DeKvj_3qfo/s1600/028.jpghttp://4.bp.blogspot.com/-CrYhMsnZ-p4/T0JZ8DA25AI/AAAAAAAA0To/u24ClphyWes/s1600/027.jpghttp://3.bp.blogspot.com/-zySmWnfzc7A/T0JZhftESHI/AAAAAAAA0Tg/noW08lABeYQ/s1600/026.jpghttp://4.bp.blogspot.com/-Y_eN-5LaqPs/T0JY-0IILvI/AAAAAAAA0TY/jkq6pdArmJI/s1600/025.jpg


10/15

Step18 : Click the 3D Object Rotate Tool.

This will be seen at the top left beside the

image to rotate the image.

On the top panel you will find these tools.

If you drag the cursor straight down you

will be able to rotate the Cube downwards.

The Cube has been rotated downwards.
http://2.bp.blogspot.com/-7AhIyTsdqKU/T0JfB2VrgXI/AAAAAAAA0Ug/jfXKRfw-Y6s/s1600/033.jpghttp://2.bp.blogspot.com/-ekrZ0KZ9dLY/T0JeiZEmY2I/AAAAAAAA0UQ/HbBPR9R1eG4/s1600/032.jpghttp://3.bp.blogspot.com/-XOj80BZ4pdI/T0JeGAD8hLI/AAAAAAAA0UI/X9CLF2dPODk/s1600/031.jpghttp://3.bp.blogspot.com/-R2hglCicKCo/T0JdpzFVpOI/AAAAAAAA0UA/5WwBmqbJIok/s1600/030.jpghttp://1.bp.blogspot.com/-dYG29IuVeMs/T0JdebULidI/AAAAAAAA0T4/MGW-KS4BnZU/s1600/029.jpg


11/15

Drag the cursor to the right. The

Cube rotates to the right.

The Cube has rotated to the right.

You can rotate the Cube anyway you want.

The Cube looks like this.

I have rotated the Cube like this.
http://4.bp.blogspot.com/-U-_LVJ4azQI/T0Jg3gxATsI/AAAAAAAA0VQ/8HL8HjigIjA/s1600/039.jpghttp://3.bp.blogspot.com/-kcTvxqdiht4/T0Jgk8yvaFI/AAAAAAAA0VI/gosIH8X-mC0/s1600/038.jpghttp://2.bp.blogspot.com/-iQO3AXRsxYQ/T0JgR2SD-sI/AAAAAAAA0VA/RQ815wgYI64/s1600/037.jpghttp://1.bp.blogspot.com/-5legZQGGP1U/T0JgCfsyF9I/AAAAAAAA0U4/Mf1m2Tpk_Cc/s1600/036.jpghttp://4.bp.blogspot.com/-QSVAzw7HqzI/T0Jftm1h17I/AAAAAAAA0Uw/3bF0pSF1Trw/s1600/035.jpghttp://1.bp.blogspot.com/-T9wo3UxUzvs/T0JfZ6kNHpI/AAAAAAAA0Uo/pK_ZvsWOg_k/s1600/034.jpg


12/15

You can also Slide the Cube.

Drag up the cursor to make the Cube

smaller and drag down to make the cube

bigger.

If you move the cursor to the right or left it

will move the Cube to the right or left. Itwill not make it smaller or bigger.

You can also drag the Cube anywhere on

the canvas by clicking the Drag the 3D

object icon.

You can also Roll the 3D object byclicking on the icon.

The Cube has been rolled.
http://4.bp.blogspot.com/-vAPEmkp_bKU/T0JjHKn9gEI/AAAAAAAA0V4/mkF5xMl5qMA/s1600/044.jpghttp://2.bp.blogspot.com/-SYQ2s4X95NI/T0JiwMHMRZI/AAAAAAAA0Vw/wX3stJopxXs/s1600/043.jpghttp://3.bp.blogspot.com/-r0mRa6MGLrE/T0JiULC6BMI/AAAAAAAA0Vo/2v_l73OMRiY/s1600/042.jpghttp://3.bp.blogspot.com/-j6qlP4yRDfE/T0Jh0Z7cDDI/AAAAAAAA0Vg/TDR411DdZng/s1600/041.jpghttp://3.bp.blogspot.com/-vs_CHYHHoy8/T0JhbdR1_PI/AAAAAAAA0VY/EF659_Myg0k/s1600/040.jpg


13/15

You can also scale the Cube.

You can drag down to make the Cube

smaller.

You can drag up to make the Cube bigger.

I have positioned the Cube thus.
http://3.bp.blogspot.com/-asKDdLcwstk/T0JnHNFHgnI/AAAAAAAA0Wg/sQ_GwqPd3iE/s1600/049.jpghttp://2.bp.blogspot.com/-ukc2i-82x4M/T0Jkix0Y78I/AAAAAAAA0WY/ngYAGZOW9MQ/s1600/048.jpghttp://4.bp.blogspot.com/-a-ALAmcsTWs/T0JkEoMT4EI/AAAAAAAA0WQ/LvP8zFoDtNM/s1600/047.jpghttp://2.bp.blogspot.com/-eUoYDTI-i34/T0JjsNeFGyI/AAAAAAAA0WI/tAbMwUkvGzk/s1600/046.jpghttp://3.bp.blogspot.com/-NNdTofRnKWE/T0JjYMphPcI/AAAAAAAA0WA/yI7o5cfejjE/s1600/045.jpg


14/15

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.

Step 21 : Press ALT+BACKSPACE to fill

with the Foreground Color which is Black.

The image looks like this.
http://4.bp.blogspot.com/-LKNDoZXaK2I/T0JpBRuJCwI/AAAAAAAA0XA/54i6vICSPAg/s1600/053.jpghttp://1.bp.blogspot.com/-j4MMZGtnhgc/T0JoYcd_hII/AAAAAAAA0W4/AO5RPuS-dHk/s1600/052.jpghttp://4.bp.blogspot.com/-Jwxs1gBYGJE/T0JoBMMADFI/AAAAAAAA0Ww/lvxk6Is04mY/s1600/051.jpghttp://1.bp.blogspot.com/-aD0cJap-ys4/T0JnmIfK97I/AAAAAAAA0Wo/uwrH8YwZO68/s1600/050.jpg


15/15

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.

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%.

Click once with the Brush at the corners.

And, here is the completed image.
http://4.bp.blogspot.com/-6bC66D0cHm0/T0JtsrEiRMI/AAAAAAAA0Xg/PIwfPky_BRg/s1600/057.jpghttp://4.bp.blogspot.com/-FNp8hSbUSms/T0JtSup0m8I/AAAAAAAA0XY/WqrkRT13rxo/s1600/056.jpghttp://3.bp.blogspot.com/-zxB23iSJuhU/T0JszWtNVkI/AAAAAAAA0XQ/BHAqKlSwJc8/s1600/055.jpghttp://4.bp.blogspot.com/-ngE4idprMP0/T0JpYglu2EI/AAAAAAAA0XI/JUfqyuiDG3g/s1600/054.jpg

Documents

3D CUBE in Photoshop CS5