3d box with photoshop

8/13/2019 3D Box With Photoshop

1/21

3D Box with Photoshop

What I will attempt here is to create a 3D box interior. Some call this making a room. Whatever

you call it, it can be made using Photoshop. No special skill is required. Just follow along.

Step 1 : I have opened this photo in Photoshop. A seascape or a scenery is the easiest to use for

this tutorial.

Step 2 : Click the Polygon Lasso Tool from the flyout.
http://photoshopper27.blogspot.com/2009/12/3d-box-with-photoshop.htmlhttp://photoshopper27.blogspot.com/2009/12/3d-box-with-photoshop.htmlhttp://4.bp.blogspot.com/_rZNj4rQyCn8/SypwQKnzGHI/AAAAAAAAgH8/x1MfSnMl8ts/s1600-h/002.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/Sypvp_p3RrI/AAAAAAAAgH0/HlKYxN5TZ58/s1600-h/001.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SypwQKnzGHI/AAAAAAAAgH8/x1MfSnMl8ts/s1600-h/002.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/Sypvp_p3RrI/AAAAAAAAgH0/HlKYxN5TZ58/s1600-h/001.jpghttp://photoshopper27.blogspot.com/2009/12/3d-box-with-photoshop.html


2/21

Step 3 : Click at the corner at the left top and drag with the Polygon Lasso and click again.

Step4 : After clicking the second point, press Shift and drag down. You will be able to drag

down in a straight line. Click again at the end of the straight line.
http://2.bp.blogspot.com/_rZNj4rQyCn8/Sypxz8beaNI/AAAAAAAAgIM/iLTG2ArBcIQ/s1600-h/004.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/Sypw-btGBAI/AAAAAAAAgIE/BEAPBv23YYg/s1600-h/003.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/Sypxz8beaNI/AAAAAAAAgIM/iLTG2ArBcIQ/s1600-h/004.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/Sypw-btGBAI/AAAAAAAAgIE/BEAPBv23YYg/s1600-h/003.jpg


3/21

Step 5 : After clicking on the third point, drag with the Polygon Lasso till you reach the left

bottom corner. Then drag up till you reach the first point. When you reach the first point, a

selection forms like this.

Step 6 : Press CTRL+J. The selection will be copied and pasted into a new layer in. You can see

it in the Layers pallete.
http://3.bp.blogspot.com/_rZNj4rQyCn8/SypzPgzsubI/AAAAAAAAgIc/DAmMYEHRLG0/s1600-h/006.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SypyjpHprOI/AAAAAAAAgIU/KQF8GASAvrI/s1600-h/005.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/SypzPgzsubI/AAAAAAAAgIc/DAmMYEHRLG0/s1600-h/006.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SypyjpHprOI/AAAAAAAAgIU/KQF8GASAvrI/s1600-h/005.jpg


4/21

Step 7 : Click the Add Layer Style button in the bottom of the Layers pallete and click on InnerShadow from the popup.

Step 8 : In the Inner Shadow dialogue box I have increased the Opacity to 90 %, the Distance by

15 pixel, the Size by 100 pixel and lastly the Choke by 10 %. There is nothing hard and fastabout these settings. It might differ in case of of you image. You will be able to see the effect as

you give the settings. Click OK.
http://1.bp.blogspot.com/_rZNj4rQyCn8/Syp05U9jCBI/AAAAAAAAgIs/_lpoAY1os1c/s1600-h/008.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/Sypzy9uQzWI/AAAAAAAAgIk/W3P6D4dC7Is/s1600-h/007.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/Syp05U9jCBI/AAAAAAAAgIs/_lpoAY1os1c/s1600-h/008.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/Sypzy9uQzWI/AAAAAAAAgIk/W3P6D4dC7Is/s1600-h/007.jpg


5/21

This is how my image looks.

Step 9 : Press CTRL+J. Layer 1 duplicates into Layer 1 copy.
http://3.bp.blogspot.com/_rZNj4rQyCn8/Syp2FUCxKbI/AAAAAAAAgI8/_R3KMRsq5cc/s1600-h/010.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/Syp1sfMjRsI/AAAAAAAAgI0/5pLFu-ms0PQ/s1600-h/009.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/Syp2FUCxKbI/AAAAAAAAgI8/_R3KMRsq5cc/s1600-h/010.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/Syp1sfMjRsI/AAAAAAAAgI0/5pLFu-ms0PQ/s1600-h/009.jpg


6/21

Step 10 : Go to Edit>Transform>Flip Horizontal.

Step 11 : Click the Move Tool.
http://1.bp.blogspot.com/_rZNj4rQyCn8/Syp3MSz_BiI/AAAAAAAAgJM/oI_zL45GE3k/s1600-h/012.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/Syp2tIvHSFI/AAAAAAAAgJE/n4xNQ4kBj6Q/s1600-h/011.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/Syp3MSz_BiI/AAAAAAAAgJM/oI_zL45GE3k/s1600-h/012.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/Syp2tIvHSFI/AAAAAAAAgJE/n4xNQ4kBj6Q/s1600-h/011.jpg


7/21

Step 12 : Press Shift and drag the Layer to the right. Position it accurately by using the Left andRight arrow keys when you reach the right edge.

Step 13 : Click on the Background Layer.
http://3.bp.blogspot.com/_rZNj4rQyCn8/Syp4evQMlQI/AAAAAAAAgJc/vxrFJqqYM50/s1600-h/014.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/Syp32lHdRqI/AAAAAAAAgJU/I4wQlPupnWE/s1600-h/013.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/Syp4evQMlQI/AAAAAAAAgJc/vxrFJqqYM50/s1600-h/014.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/Syp32lHdRqI/AAAAAAAAgJU/I4wQlPupnWE/s1600-h/013.jpg


8/21

Step14 : Click the Polygon Lasso Tool.

Step 15 : Click the First, Second, Third, Fourth and Final points with the Polygon Lasso Tool. A

selection forms when you click back on the First point.
http://2.bp.blogspot.com/_rZNj4rQyCn8/Syp6SXbYt0I/AAAAAAAAgJs/JMZzNadO5nc/s1600-h/016.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/Syp43it_8iI/AAAAAAAAgJk/IKs_bY7-sBI/s1600-h/015.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/Syp6SXbYt0I/AAAAAAAAgJs/JMZzNadO5nc/s1600-h/016.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/Syp43it_8iI/AAAAAAAAgJk/IKs_bY7-sBI/s1600-h/015.jpg


9/21

Step 16 : Press CTRL+J. The selection is cut and pasted onto a new Layer 2.
http://2.bp.blogspot.com/_rZNj4rQyCn8/Syp7RDIFEbI/AAAAAAAAgJ8/LwjlND_ICPc/s1600-h/017.jpg


10/21

Step 17 : Click on Layer 1. Right click Effects. A popup appears. Click on Copy Layer Style.
http://1.bp.blogspot.com/_rZNj4rQyCn8/Syp710NZbgI/AAAAAAAAgKE/L8J9zX4yX28/s1600-h/018.jpg


11/21

Step 18 : Click on Layer 2. Right Click. From the popup click on Paste Layer Style.
http://1.bp.blogspot.com/_rZNj4rQyCn8/Syp8fwbpOaI/AAAAAAAAgKM/tyhv_R0zrxY/s1600-h/019.jpg


12/21

The Effects and Inner Shadow has been pasted on Layer 2.

This is how the Photo now looks like.
http://3.bp.blogspot.com/_rZNj4rQyCn8/Syp9ctUgEwI/AAAAAAAAgKc/ZH50C9Sw6RM/s1600-h/021.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/Syp9D9uN6QI/AAAAAAAAgKU/nZedj94Ei6w/s1600-h/020.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/Syp9ctUgEwI/AAAAAAAAgKc/ZH50C9Sw6RM/s1600-h/021.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/Syp9D9uN6QI/AAAAAAAAgKU/nZedj94Ei6w/s1600-h/020.jpg


13/21

Step 19 : Click on the Background Layer again.

Step 20 : Click again on the Polygon Lasso Tool.

Step 21 : Click on the points A, B, C and D and then click back on A. A selection forms.
http://2.bp.blogspot.com/_rZNj4rQyCn8/Syp_YD3xSiI/AAAAAAAAgK0/r4rBIFVk7Y8/s1600-h/023.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/Syp-Ld5dacI/AAAAAAAAgKs/L8eGmASBGCg/s1600-h/002.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/Syp9y1zmsDI/AAAAAAAAgKk/7LSO5vzdAHU/s1600-h/022.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/Syp_YD3xSiI/AAAAAAAAgK0/r4rBIFVk7Y8/s1600-h/023.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/Syp-Ld5dacI/AAAAAAAAgKs/L8eGmASBGCg/s1600-h/002.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/Syp9y1zmsDI/AAAAAAAAgKk/7LSO5vzdAHU/s1600-h/022.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/Syp_YD3xSiI/AAAAAAAAgK0/r4rBIFVk7Y8/s1600-h/023.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/Syp-Ld5dacI/AAAAAAAAgKs/L8eGmASBGCg/s1600-h/002.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/Syp9y1zmsDI/AAAAAAAAgKk/7LSO5vzdAHU/s1600-h/022.jpg


14/21

Step 22 : Press CTRL+J. A new Layer 3 forms above the Background Layer.
http://3.bp.blogspot.com/_rZNj4rQyCn8/Syp_1SEpBHI/AAAAAAAAgK8/Ra-G4pWBkiA/s1600-h/024.jpg


15/21

Step 23 : Right click Layer 3. From the popup click on Paste Layer Style.
http://1.bp.blogspot.com/_rZNj4rQyCn8/SyqAVLdMwhI/AAAAAAAAgLE/1Hre8i9rhyQ/s1600-h/025.jpg


16/21

This is how the image looks. Note that there is a gap at the edges where it meets the left and right

sides of the box. This may well happen.

Step 24 : Press CTRL+T. A selection forms.

Step 25 : Drag the middle handle downwards till the left bottom edge aligns with the left and

right panels. Press Enter.
http://4.bp.blogspot.com/_rZNj4rQyCn8/SyqB9BJDMMI/AAAAAAAAgLc/5V0yKXoJGKo/s1600-h/028.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SyqBWpXFT0I/AAAAAAAAgLU/MFSGKUKZe2g/s1600-h/027.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/SyqAwn2gIUI/AAAAAAAAgLM/b6dWdfxlxh8/s1600-h/026.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SyqB9BJDMMI/AAAAAAAAgLc/5V0yKXoJGKo/s1600-h/028.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SyqBWpXFT0I/AAAAAAAAgLU/MFSGKUKZe2g/s1600-h/027.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/SyqAwn2gIUI/AAAAAAAAgLM/b6dWdfxlxh8/s1600-h/026.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SyqB9BJDMMI/AAAAAAAAgLc/5V0yKXoJGKo/s1600-h/028.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SyqBWpXFT0I/AAAAAAAAgLU/MFSGKUKZe2g/s1600-h/027.jpghttp://3.bp.blogspot.com/_rZNj4rQyCn8/SyqAwn2gIUI/AAAAAAAAgLM/b6dWdfxlxh8/s1600-h/026.jpg


17/21

Step 26 : Press Ctrl+T. Press Alt and drag the right or left middle handle outwards till the top

corners align.

Press enter to apply the transformation.

Step 27 : Click on thetopmost layer.
http://2.bp.blogspot.com/_rZNj4rQyCn8/SyqDwakYQeI/AAAAAAAAgLs/5e_lqkXuYj4/s1600-h/030.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SyqClZMeePI/AAAAAAAAgLk/2ieuyfC3U-M/s1600-h/029.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/SyqDwakYQeI/AAAAAAAAgLs/5e_lqkXuYj4/s1600-h/030.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SyqClZMeePI/AAAAAAAAgLk/2ieuyfC3U-M/s1600-h/029.jpg


18/21

Step 28 : I have opened this photo with a White background. Press CTRL+A, then CTRL+C. It's

easy when you have a white background.

Step 29 : Go back to the other image and press CTRL+V. The photo will be pasted. The photo

that I have chosen is too large and has to be reduced in size.
http://4.bp.blogspot.com/_rZNj4rQyCn8/SyqEwERDsPI/AAAAAAAAgME/Mg0oza9wyo0/s1600-h/032.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/SyqEDQQ_TzI/AAAAAAAAgL0/TabHAlRxGw8/s1600-h/031.jpghttp://4.bp.blogspot.com/_rZNj4rQyCn8/SyqEwERDsPI/AAAAAAAAgME/Mg0oza9wyo0/s1600-h/032.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/SyqEDQQ_TzI/AAAAAAAAgL0/TabHAlRxGw8/s1600-h/031.jpg


19/21

Step 30 : Press CTRL+T. Then press Shift+Alt and drag down diagonally. Let go of Shift+Alt.

Use the Move Tool to drag it up. Then again press Shift+Alt and drag down. Do this till the

image is resized properly. Press enter to apply the transformation.

Step 31 : The photo has been resized. Move it to the midde with the Move Tool. Use the Left andRight arrow keys to fine tune so that the image is in the middle.
http://2.bp.blogspot.com/_rZNj4rQyCn8/SyqGgsiTIUI/AAAAAAAAgMU/FJ2cvtAuAjg/s1600-h/034.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/SyqFiSWHQPI/AAAAAAAAgMM/9aHSreJ7vXs/s1600-h/033.jpghttp://2.bp.blogspot.com/_rZNj4rQyCn8/SyqGgsiTIUI/AAAAAAAAgMU/FJ2cvtAuAjg/s1600-h/034.jpghttp://1.bp.blogspot.com/_rZNj4rQyCn8/SyqFiSWHQPI/AAAAAAAAgMM/9aHSreJ7vXs/s1600-h/033.jpg


20/21

.

Step 32 : Click where the arrow points to, to reveal the popup menu of Blend Modes and click onMultiply.
http://1.bp.blogspot.com/_rZNj4rQyCn8/SyqHLcvTFSI/AAAAAAAAgMc/4OKAXWFCRfI/s1600-h/035.jpg


21/21

And, there is my finished picture. I don't think that it is difficult. Try it out.
http://4.bp.blogspot.com/_rZNj4rQyCn8/SyqHpWQKUiI/AAAAAAAAgMk/OLib1qupt9I/s1600-h/036.jpg

3d box with photoshop

Documents