Use Photoshop to Create a Still-Life Lamp, Nightstand, and Picture Frame

Use Photoshop to Create a Still-Life Lamp, Nightstand, and Picture Frame

Tutorial Details
  • Program: Adobe Photoshop CS4+
  • Difficulty: Advanced
  • Estimated Completion Time: 3 Hours
Download Source Files

Final Product What You'll Be Creating

Photoshop allows us to manipulate most of the photos that we take and combine them into just about anything. It also allows us to create much of what we see in real life from scratch. In this tutorial, we will create the inside of a home from scratch using only Photoshop. In the end, we will create a lamp, nightstand, a picture frame and several other elements using layer styles and filters along the way. Let’s get started!


Step 1

Before we jump into creating the scene, we are going to create a wood board texture that we will use for flooring. Create a new document 3000 px by 3000 px (since the wood floor will be in perspective, the large document size will minimize pixelation).


Step 2

Start by adding Noise. Then, pixelate the noise using the Mosaic Filter (Filter > Pixelate > Mosaic). This gives us the geometric shapes to work off of. Next, add a strong Motion Blur. To get better definition, adjust the levels and add another Motion Blur.


Step 3

Now we have a good start to our wood boards. To break up the texture into more defined boards, go to Image > Adjustments > Posterize.


Step 4

Create a New Layer and fill it with a wood color. Set your foreground and background colors to two shades of brown and go to Filter > Render > Fibers and max out both values. Set this layer’s Blending Mode to Overlay. This will add some texture to the wood.


Step 5

Make a copy of the base layer and move it to the top of your stack. Go to Filter > Stylize > Find Edges. Use Levels (Command/Ctrl + L) to increase the contrast of the lines and give the layer a strong Motion Blur. Set the Blending Mode to Multiply. As you can see, this gives the individual boards more definition.


Step 6

We are done with the initial wood floor texture. Go ahead and flatten and then copy the image. Create a New Document size: 750 px by 1000 px. Create a new group called “Floor” and paste the wood floor into this image. I have adjusted the levels slightly to brighten the wood.


Step 7

Use the Transform Tool (Command/Ctrl + T) to skew the wood floor into perspective.


Step 8

Make a copy of this layer and Desaturate it (Command/Ctrl + Shift + U). Go to Filter > Stylize > Emboss with settings shown below. When finished, set this layer’s Blending Mode to Overlay and its Opacity to 59%.


Step 9

On a New Layer, use the gradient tool and add a gradient as shown. Set the Blending Mode to Multiply and the Opacity to 41%. This will help darken the corners a little.


Step 10

Create a New Group called “Wall” and use the Rectangular Marquee Tool to select an area for the wall. Fill with a yellow color (#DEC181).


Step 11

To give the wall some texture, make a copy of this layer and go to Filter > Noise > Add Noise with a value of 145%. Next, go to Filter > Stylize > Emboss with the settings shown. Set the Blending Mode of this layer to Overlay.


Step 12

Create a New Layer called “Trim.” Use the Rectangular Marquee Tool to select a band at the base of the wall and fill using the Gradient Tool.


Step 13

Make a copy of the “Trim” layer (Command/Ctrl + J) and Transform (Command/Ctrl + T) this trim piece as shown.


Step 14

We are going to start on the end table. Create a New Group called “End Table” with a layer called “Table Base” inside. Go ahead and draw the shape of a table and fill it with any color


Step 15

We will be building this table piece by piece with a separate texture using the “Base” layer to maintain the shape (by using clipping layers). You can use any texture you wish for this, however, I will use one I’ve already created in Photoshop. Start by opening your texture in a separate document, use the Rectangular Marquee Tool to make a selection on your texture and copy and paste it in your scene.


Step 16

Convert this layer to a clipping layer by Alt + Clicking in between the two layers. Move the texture so that it covers the entire table.


Step 17

Copy and paste another selection of texture. This time give it a 1 px black stroke and rotate it 90 degrees to the position as shown.


Step 18

Copy and paste a square selection of texture into your scene and name this layer “Door Base.” Add a Drop Shadow and Outer Glow to simulate shadows.


Step 19

Copy and paste a small rectangular selection of texture and paste it into your scene (shown as the highlighted piece). Rotate it into position and make it a clipping layer to the “Door Base.” Position it as shown.


Step 20

Add a Bevel and Emboss to this layer.


Step 21

Continue copying and pasting small rectangles of texture to build the rest of the cabinet door as shown.


Step 22

Copy and paste another selection of texture to become the drawer. Give this layer the following Layer Styles.

The drawer should resemble this:


Step 23

Add another strip of texture to the top of the end table. This time, use the marquee tools or the Eraser tool to give the top rounded corners.


Step 24

To create the knobs for the drawers, start by create a light colored circle (#CBCDA5) on a New Layer named “Knob”). Add the following Layer Styles. Copy the knob to the other drawer.


Step 25

Go back through the different layers of the end table and add extra highlights and shadows with the Dodge and Burn Tools.


Step 26

Create a New Group called “Lamp” under the “End Table” group. Draw a shape of a lamp and fill it with #6B5A3E.


Step 27

Next, we want to use the Dodge and Burn Tool to add some detail. A useful technique is to use the Dodge and Burn Tool in conjunction with the marquee tools.

Continue to add detail with the Dodge and Burn Tools, keeping in mind how

the light will hit the base.


Step 28

Feel free to add more highlights and shadows. In this case, I’ve used a square brush and the Blur Tool to add the following highlights.


Step 29

To give the lamp’s base a pattern, create some vertical lines in gray. Warp (Edit > Transform > Warp) the lines into an organic shape around the lamp base.


Step 30

Add a Bevel and Emboss.


Step 31

Merge the Bevel and Emboss effect to the layer. Make this layer a clipping layer and set the layer’s Blending Mode to Overlay and its Opacity to 67%. We’ll go back and add some more detail later.


Step 32

To create the lampshade, start by making two layers named "Front Shade" and "Side Shade". Draw the lampshades on the respective layers using a different tint of the same color to tell them apart.


Step 33

Copy these two layers above their respective selves and add a stroke. Change each layer’s Fill to 0%. Adjust the size of the stroke as necessary for the side shade.


Step 34

On a new clipping layer to the original front shade layer, use a yellow color and a large brush with 0% hardness to add some color to the top of the shade. Set the Blending Mode to Color Dodge and the Opacity to 86%. Do the same for the other shade layer.


Step 35

On a new clipping layer, add a gradient (Make sure you chose Foreground to Transparent) of darker red color to the bottom of both shades.


Step 36

Create a New Layer called “Lamp Underside” and place it at the bottom of the “Lamp” group, draw in the rest of the lampshade with white. Give this layer a stroke.


Step 37

Now, we are going to create the picture frame. Create a New Group called “Picture Frame” and create a light-colored square.

Next, add the following Layer Styles.

Your picture frame should resemble the following:


Step 38

Copy this layer and Transform (Command/Ctrl + T) to a smaller square. Make the following adjustments to the Layer Styles (remove all others).


Step 39

Make a new copy of this layer and remove all Layer Styles except for “Inner Shadow.” Make the following changes to the Layer Style and set the layer’s Fill to 0%.


Step 40

Create a New Layer and add a light-tan square in the center of the picture frame. Add the following Layer Styles. When you’re done you can draw a leaf on a separate layer to complete the Picture.


Step 41

Now we’ll create the initial light from the lamp. Create a New Group called “Lighting” just above the “Wall” group. Use the Polygonal Lasso Tool to make a triangular selection of light. Fill this with a white-to-transparent gradient and set the layer’s Opacity to 58%. Now, use the Layer Styles panel to adjust the Blend If sliders as shown.


Step 42

Make two copies of this layer and Transform (Command/Ctrl + T) the shapes so the light appears more complex. Adjust the Opacity as necessary. When you’re done, make a copy of these and rotate them in the opposite direction.


Step 43

Now we are going to create the shadows casted by the end table. Create a New Group called “Shadows.” Inside this group create a New Layer and draw in some shadows as shown below. Use the Blur Tool to feather some of the edges. I’ve also added an additional shadow directly under the end table.


Step 44

The end table looks too bright. To darken, I’ve merged the “End Table” group to a new layer and adjusted the levels. I’ve also use the Burn tool on the base and top of the table.


Step 45

We are done with building the scene. The next section will start enhancing the lighting. The current scene will be used for the base lighting and we will add shadows on top of this. To start, create a New Group called “Dark Scene.” Add the following Adjustment Layers inside this group. This should make your image almost all black.


Step 46

Select the “Dark Scene” group and add a layer mask. Use the Marquee Tools, Brush Tool, and Blur Tool to add the light back into the scene. Using the Brush Tool with a 0% hardness and opacity of 20% or so, you can really start to add realistic variations in the lighting.


Step 47

On a New Layer, use a small brush to go back through the image and add highlights to the picture frame, table top, and lamp base. You can also add lowlights using the same technique.


Step 48

To add some extra lighting on the floor, I’ve created a new layer, added a white-to-transparent gradient to the floor and adjusted the Blend If and Opacity sliders, just like we did for the lights in the “Lighting” group.


Conclusion

To finish, you can add some details wherever you like. I’ve also add a vignette to enhance the light’s falloff.

  • http://www.roundmoon.com Tyler van der Hoeven

    While not quite true to life, I really enjoyed the technique and effort! Well done, I really learned a lot!

  • hi

    Awesome! Plus it’s free!

  • http://google.com Salman

    Absolutely amazing techniques … I especially love how you created that wooden floor by using filters !!

  • me

    realy nice scene!!!I like the way and idea for the background. Awesome Dude!!!

  • Gabo

    Insane!

  • http://blog.indigolinestudio.com/ Daveido

    Nice tutorial, really like the part about the floor, great way for texture also! Thanks.

  • josh

    awesome job. I’ve gotta say though, how many watts is the bulb in this thing? The shade looks like it’s holding back the brightness of the sun itself. lol.

  • metu_yal

    What a nice tutorial with full of intstructive techniques. Thank you so much for this effort and thank you psd.tutplus to make this tutorial free for us

  • grapho

    amazing tutorial

  • http://itcutives.com Jatin

    OMG, it’s jaw dropping.

    Awesome, Simple Awesome.

    Great work Stephen.

  • http://www.swimminghippo.co.uk/ web design west midlands

    This is incredible!

    A great tutorial, and many techniques covered. Thanks for this.

    The only thing that I don’t like it the lampshade, but I guess it’s up to the ‘artist’!

  • http://www.psd-dude.com PsdDude

    What a great tutorial, I have learned so many new things! thank you :)

  • http://www.moonboy.info MoonBoy

    Very useful one and nice result with simple Technics .
    Thank you

  • Shiv

    Amazing Techniques … Good understanding about light and shadows.

  • Alex

    Too much synthetic and unrealistic result.

  • http://www.facebook.com/profile.php?id=100002317357113 MEHDI

    new techniques with stephen As Always , good job buddy!

  • http://www.tmesolutions.co.uk Andy

    Very impressive, and such depth to the tutorial. Learned a lot from this, thanks!

  • http://kishkoosh.com Ron

    Great tutorial, I liked especially the first part with the wood texture. Good techniques, thanks for sharing.

  • tesamnang

    this is new techniques i like very much . thank you

  • http://www.vlado1.com vlado varbanov

    Really great tutorial – I didn’t saw such a lesson soon (as technique, composition and competition )

  • http://mokshasolutions.com Moksha

    it was a big and advance tutorial, but it was very good. it was advance but it was fun.

    thanks

  • kaml

    awsome

  • http://www.johnfront.com Ivan Tsankov

    The perfect tutorial for grasping some major techniques! Perfect for those who want to learn how to make detailed and volumetric stuff. Though you have to know where the lights and shades are coming from (they’re playing the big role in defining the 2D flat objects to pseudo 3D).
    The tut is very well done man!

  • http://www.sovitranjitkar.com.np Sovit Ranjitkar

    amazing tutorial nice play work with patterns…

  • http://www.bkeily.com Brandon

    I enjoyed the wood technique. Thanks for the share!

  • http://www.ioandecean.info/ Nelutu

    Great tutorial, thanks

  • http://www.bijusubhash.com Biju Subhash

    superb….
    like 3D…thank you for sharing.. :D

  • bhavika

    Really thank full to you for taking so much patience to share this awesome tutorial with us,just beautiful..love it <3

  • http://www.mamutlove.es Alejandro

    omg!! Awesome!! i’m without words! very nice work!! very inspiring!! thanks for share!!

  • http://noushadgd.com/ Noushad

    Great work, thnx a lot :)

  • anwer

    very nice technic

  • Wesley

    Awesome tutorial. The technique to make the wood floor was genious.

  • http://saifulislam3d.byethost13.com/sorasori Saiful Islam

    very nice tutorial.

  • tsvgopal

    Really wonderful

  • NEVILLE PRINSLOO

    Hi there. I am currently doing this project, but am stuck on Step 6. How do I “copy the image” once the layer has been flattened and then paste it into my new group “Floor” ???

    Thank you

    • http://stephenpetrany.com Stephen G. Petrany
      Author

      I hope I understand your question correctly, but if you have already flattened your image, simply select all (Ctrl + A), then Copy the selection (Ctrl + C), create a new document and paste your image (Ctrl + V).

    • http://www.yahoo.com/ Bertie

      That addresses several of my cncroens actually.

  • roy

    i’m on step 39 and it says to copy the layer again, are you talking about the original frame or the copy of the frame

  • http://www.bcp-design.de BCP-Design

    WOW! Very Cool. Thanks for this great Tutorial. I love it!

  • Just Tom

    I don’t really understand what adjust levels in step 1 means? Do you means create and and adjustment levels layer?

    • http://stephenpetrany.com Stephen G. Petrany
      Author

      Just Tom, adding the Motion Blur will cause the texture to lose contrast so you need to adjust the levels (Ctrl + L) to bring out more contrast. You can do this by dragging the 2 outside sliders inward. Hope that helps.

  • http://www.creativgraphix.com/v1/ sajjad

    Simpley Awsome…. I love the tutorial…..
    Thanks alot for sharing

  • Umer

    So much work… truly insane.

  • bushman

    …thanks for sharing!

  • http://www.fearntech.co.uk/ Kent

    I’ve realised that I only use about 5% of Photoshop’s capabilities in my normal usage. Great tutorial, thanks.

  • Méry

    Absolutely stunning! Thank you for this session!

  • liz lu

    Thank you a lot!!!!! really great tutorial, so much patience…..such depth….i learned a lot from that…

    again thanks…now i m going to visit another tutorial from yuo, please dont stop th share with us….
    Liz from Israel

  • http://www.highflightdesign.com Christopher Kent

    Nice Tutorial. I have been looking to be able to create this pattern before. Nice job, will be using this in the near future.

  • http://www.skichaletmeribel.com/ Mottaret

    It looks like an impossible task when you see the final image, the quality is so good. As is often the case it’s all about the vision to take something like this on and then a methodical breaking down of the subject into manageable chunks. Very impressive.