SEARCH
  Tutorials Photoshop Drawing Techniques Learn How To Create Your Very Own Showcase Room

Learn How To Create Your Very Own Showcase Room

What We'll Be Creating

img

Setting Up Our Canvas

Create a new (Ctrl + N) document 1680 x 1024 pixels with a white #ffffff colored background. We now need to setup a couple of guides to get the dimensions of our room right, before we start adding the guides lets select the "Rectangular Marquee Tool" (M). Once selected change the option of the marquee to "Fixed Size" then add the selection to the middle of the canvas and fill (G) with the color black #000000

img

img

Turn on "Snap" by going to "View > Snap" (Shift + Ctrl + ;) then turn on the rulers by going to "View > Rulers" (Ctrl + R). Simply click inside of either the left or top ruler and drag down or across depending on which ruler you are draging from, when you drag down you will notice a guide drags out with your mouse. Drag out 4 guides which line-up with the rectangle you have made.

img

Delete your rectangle layer and you will be able to see the guides more clearly. Now the base box has been guided up we now need to add a few more guides, in the image below i have measured each section so all's you have to do is create a fixed size rectangle inside of the bigger rectangle guides then drag out the guide around that rectangle. Repeat the process until you have a bunch of guides like the image below. Remember to delete each rectangle after each set of guides are created.

img

Once the rectangles have been deleted you should have a set of guides which look like this.

img

Drafting Out The Foundations Of Our Room

We'll start with the "Left and Right Walls" select the "Rectangle Tool" (U) then drag out a rectangle across the left and right sides of the guides.

img

Label the left rectangle layer "Left Wall" and the right rectangle layer "Right Wall". Still with the "Rectangle Tool" (U) drag out a rectangle across the bottom, again label this layer also only this time label it "Floor".

img

Repeat the process until the top and middle rectangles have been created. Remember to label each layer accordingly.

img

Notice how the floor and ceiling rectangles overlap the left and right walls. This is so the wall layers won't actually have to be adjusted, when the perspective is changed on the ceiling and floor layers it will automatically look like the walls are at a different angle. Which brings me onto our next step.

Adjusting The Perspective

Select the "Floor Layer" then go to "Edit > Transform > Perspective", select either the top left or top right anchor points, hold down the shift key and drag inwards until it snaps onto the edge of the inner rectangle. If it doesn't snap into place try turning on the snap option (Shift + Ctrl + ;).

img

Repeat the same process for the ceiling layer.

img

Bringing The Room To Life

Starting with the "Left Wall Layer" add the following layer styles.

img

img

Add the following layer styles to the "Right Wall Layer" there exactly the same apart from the angle of the gradient overlay.

img

img

You should have something like this.

img

To the "Floor Layer" add a gradient overlay using the settings below.

img

img

To the "Ceiling Layer" add the following layer styles using the settings below.

img

Finally add the following layer styles to the "Middle Layer".

img

img

To make the room stand out a bit more add the following gradient overlay to your background layer.

img

img

Creating The Lights

It is now safe to hide the guides on your canvas to do this simply press (Ctrl + H). Select the "Ellipse Tool" (U) then at the top on your ceiling create an oval ellipse.

img

Now add the following layer styles to the oval ellipse.

img

img

img

img

img

img

You should have something like this.

img

Now create another ellipse only this time make the ellipse smaller so it fits roughly inside of the first oval ellipse. The new ellipse should be offset slightly towards to the bottom of the first oval.

img

Duplicate what you have made twice and move the duplicated layers along so you have a total of 3 lights on the ceiling.

img

Let There Be Light

Select the "Elliptical Marquee Tool" (M) and make a selection on the floor directly beneath the light.

img

Fill (G) the selection with the color white #ffffff, de-select the selection then add a guassian blur "Filter > Blur > Guassian Blur" blur the ellipse by about 10 pixels then set the opacity to about 40%.

img

Still with the "Elliptical Marquee Tool" make another oval selection this time on the back wall of the 3D room.

img

de-select the selection then fill (G) the selection with the color white #ffffff then add a guassian blur by going to "Filter > Blur > Guassian Blur" blur the ellipse by around 25 pixels then set the opacity to around 80%.

img

Select the "Polygonal Lasso Tool" (L) then make a selection coming from the light.

img

Fill (G) the selection with the color white #ffffff then de-select the selection. Add a layer mask to the shape then drag a linear gradient from the bottom of the light ray upwards.

img

Set the opacity of the light ray layer to around 10%. Now repeat the steps for the other two lights. Once all the lights have been added make a rectangle around the whole 3D room leaving a good 10-15px padding around the edge. You should have something like this.

img

Conclusion

Thanks for taking part in this tutorial, if you managed to finish this tutorial I'd love to see some of your results. Feel free to post them up on our Facebook Fan Page.

img

ABOUT THE AUTHOR

Richard Carpenter

Hi! Im Richard Carpenter and Im a Freelance Web and Graphics Designer from England. I am also a Regular Blogger, Tutorial Writer, and owner of Photoshop Plus. Photoshop Plus is his 2nd personal blog about all things photoshop. On a weekly basis he write tutorials, articles and freebies.

subscribe to newsletter