View
225
Download
0
Category
Preview:
Citation preview
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpg8/2/2019 3D CUBE in Photoshop CS5
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.jpgRecommended