Textured Door in Photoshop

Posted by Admin Wednesday, December 8, 2010

Creating a textured office door, isn't hard but it does have many steps.

  1. Create a new image 512 wide by 1024 high. Name it Door Office 001.
  2. Create a new layer and name it Material.
  3. Fill this layer with a light blue/gray RGB 155,158,164.
  4. Filter > Noise > Add Noise 3%. Blur > Gaussian Blur 0.5 pixels.
  5. Set your grid to 64 with 1 subdivision and turn it on.
  6. Duplicate the Material layer and name it Frame.
  7. Use the rectangular marquee and select the space where the door will fi t into the frame. This should be a 64-pixel frame on the top, right, and left with the bottom cut out.
  8. Make sure the Material layer is turned off.
  9. Press Delete on the Frame layer and you will see your doorframe.
  10.  Layer Style for frame: I am having you apply effects you won't see until after the door is more complete so you won't see much change as you enter the parameters. Apply the following layer styles:
    Drop Shadow
    Structure

    Blending Mode – Multiply
    Opacity – 24%
    Distance – 5 px
    Size – 7
    Outer Glow
    Structure Blending Mode – Multiply
    Opacity – 21%
    Color – Pure Black
    Elements Technique – Softer
    Size – 10
    Bevel and Emboss
    Structure

    Size – 4
    Shadow Mode Opacity – 50%
  11.  Make sure your background color is black and the Material layer is off.
  12.  On the Frame layer: Filter > Brush Strokes > Spatter – Spray Radius 12, Smoothness 8.
  13.  Fade this (Ctrl + F) to 25%.
  14.  Duplicate this layer and name it Inner Frame.
  15.  Turn on your grid and set the subdivisions to 6. Keep the grid at 64.
  16.  Use the rectangular marquee and select a 1-unit border around the inside of your frame.
  17.  On the Frame layer, press Delete.
  18.  Activate the Inner Frame layer and right-click to invert the selection. Press Delete.
  19.  Run the Spatter filter on the Frame layer again. If it was the last filter you used you can hit (Ctrl + F) to run it again with the same settings. I used the Burn Tool with a 5-pixel soft brush to put a subtle frame line at the top of the door. Your image should now look like the illustration below.


    Your frame and inner frame should look like this.

  20.  Now we will make the door itself. Select the empty space on the inside of the Inner Frame.
  21.  Duplicate the Material layer and name it Door.
  22.  Invert the selection and delete the portion of the door behind the frame.
  23.  Copy and Paste the layer style from the Frame layer. You need only to change the Bevel and Emboss style to Emboss.
  24.  Turn your 64 grid on and change the subdivisions to 3.
  25.  Look at the illustration below for visual reference. Use the rectangular marquee and select the upper window and the three panel spaces in the door. Aside from good proportions, keeping the width of all the frames in the door the same is important. The bottom panel of the door can be a bit larger, like a real door. I made the thickness two units all the way around. Make sure that your panel spaces are the same size, too. I made the window 18 units high and each panel 5. Press Delete.


    Cutting out the window and panels is easy, but pay attention to the grid
    and the placement of the elements.

  26.  Run the Spatter Filter again and fade it to 25%.
  27.  You can use the Burn Tool with a very small, soft brush to put the seams on the door where the boards meet but were painted over.
  28.  Select the Magic Wand Tool and select one of the three empty panel spots in the door. Hold Shift and select the other two. Duplicate the Material layer and name it Panels. Paste the layer style and make the following changes:
    Outer Glow
    Turn it off.
    Inner Glow
    Opacity – 25%
    Noise – 12%
    Size – 38 px
    Bevel and Emboss
    Technique – Chisel Hard
    Direction – Down
    Size – 6 px
    Highlight Mode – Screen
    Opacity – 47%
    Shadow Mode – Multiply
    Opacity – 18%
  29.  Run the Spatter filter again (Ctrl + F) and fade it to 25% (Ctrl + Shift + F).
  30.  Select the empty place for the window and create a new layer and name it Window.
  31.  Fill the selection with black.
  32.  Filter > Noise > Add Noise 50%.
  33.  Filter > Artistic > Sponge – Brush Size 5, Definition 10, Smoothness 8. I took the brightness up 50 and the contrast down 10.
  34.  Add the following layer styles:
    Inner Shadow
    Blend – Multiply
    Opacity – 75%
    Distance – 2
    Size – 2
    Inner Glow
    Blend Mode – Screen
    Opacity – 38%
    Noise – 22%
    Color – RGB 194,212,235
    Size – 59 px
    Gradient Overlay
    Blend Mode – Lighten
    Opacity – 18%
Your image should now look like the illustration below.


Your door with the window in it should look like this.

Now we will add the details to the door like the knob, lock, and weather stripping at the bottom.
  1. Create a new layer and name it Knob_ Plate_ Lock. Use the rectangular marquee and eyeball the knob plate. See below for where I put it.


    The placement of the knob plate.

  2. Fill the selection with a light brown RGB 74,67,62.
  3. To create the lock above this plate, snap a vertical guideline to the center of the selection. Use the Circular Marquee and hold Shift to keep the circle perfect. Make the circle approximately the same width as the door plate, and then snap it to the guideline and place it above the plate roughly centered where the three boards of the door meet.
  4. Fill the selection with light brown RGB 74,67,62.
  5. Deselect all.
  6. Filter > Noise > Add Noise 2%.
  7. Filter > Artistic > Palette Knife – default settings.
  8. Copy and paste the layer style from the Inner Frame layer and change the size in the Bevel and Emboss style to 3.
  9. Key slot: Use a soft 5-pixel brush and the burn tool to paint a small black line through the lock plate to look like a key slot.
  10.  Copy the layer, merge it with an empty layer, and use Motion Blur to blur the layer vertically.
  11.  Make sure this new blurred layer is under the Knob Plate Lock. Move it down 10 pixels and changed the blending mode to Overlay and the opacity to 50%.
  12.  Use the Smudge brush to smear the pixels down so it looks like rust stains.
  13.  Create a new layer on top of the Knob Plate Lock layer and name it Knob.
  14.  Use the Circular Marquee and the same guideline that you used to create the lock and place a selection for the knob. Make the selection the same width as the plate, maybe even a pixel or two larger.
  15.  Fill that selection with a brassy color RGB 107,92,57.
  16.  Paste the layer style from the Knob Plate Lock layer and change the following settings (see the illustration below):
    Bevel and Emboss
    Depth – 101%
    Size – 6 px
    Soften – 3 px
    Highlight Mode – Linear Dodge
    Opacity – 53%


The stages of the knob and plate.

The weather stripping at the bottom of the door starts with a rectangular piece of the Material layer about 22 pixels high and the width of the door, maybe slightly smaller.
  1. Create a new layer and name it Weather_ Stripping. Make sure that it is under the inner and outer frames, but on top of the door layer.
  2. Paste the strip of material at the bottom of the door and centered. Nudge it up 3 or 4 pixels.
  3. Brighten this strip. Ctrl + U: + 20 Brightness.
  4. Filter > Noise > Add Noise 2%.
  5. Use the Burn Tool and a 13-pixel soft brush to darken the bottom half of this.
  6. Use the Burn Tool and a 9-pixel soft brush to further darken the very bottom of the strip.
  7. Use the Burn Tool and a 5-pixel soft brush to make a dark line roughly in the middle, leaving a gap between the darkened bottom.
  8. Use the Dodge Tool and a 9-pixel soft brush to lighten the gap between the darkened bottom and the line you just made. Also, lighten the very few top pixels of the strip.
  9. Add a drop shadow with the default settings and a slight outer glow. You will have to change the mode to Multiply, the opacity to 35%, and the size to 8.
  10.  Finally, I used the 5-pixel hard brush and a medium/dark gray and placed those fi ve dots that look like nails holding the strip on when the texture is reduced and placed in a game. Even though most weather stripping has guide holes, I purposely eyeballed the placement of the nails and staggered them so it would look like someone hammered that on real quick.
All we have left to do is beat this door up some more. We can make it look weathered, dirty, and chipped.
  1. Create a new layer on top of everything else and name it Weathering.
  2. Fill this layer with black.
  3. Filter > Render > Fibers > defaults.
  4. Filter > Artistic > Colored Pencil > defaults.
  5. Set the layer mode to Overlay and play with the Opacity; I like 15%.
  6. You can leave it this way, or clean off the window, as glass and wood would weather differently. Go to the Door layer and select the window hole with the magic wand and go back to the weathering layer and delete it.
  7. Create a new layer and name it Chips.
  8. Use the Gradient Tool with black as the foreground. Use the Foreground to Transparent preset. Drag the gradient up from the bottom a little over half the way. Hold Shift!
  9. Filter > Noise > Jack it all the way up!
  10.  Filter > Artistic > Paint Daubs – Brush Size 5, Sharpness 22, Brush Type Dark Rough.
  11.  Change the Layer Blending Mode to Multiply and the opacity to 27%.
  12.  Create a new layer and name it Dirt. This will be just a general darkening of the areas people come into contact with on the door the most.
  13. Change the Layer Blending Mode to Soft Light and the opacity to 35%.
  14.  Use a big, soft black brush (100 pixels) and hit the areas around the knob and near the bottom, especially by the inner part of the door where it opens
Sometimes when I am all done with a texture, after I flattened the file, I like to run a filter over the whole thing (usually Dry Brush) and then fade it way down. This can give a texture a more cohesive feeling. The final door is shown below.


Final door.
view :

0 comments

Post a Comment

    free counters