Wooden Kitchen Rack

kitchen rack

Created September 8, 2002 Copyright SuzShook
Made "Version-Independent" March 2009
Property of SuzShook

This tutorial is my own creation;
however, most of the techniques used in this tutorial, I have learned from others!
Therefore, if you recognize any contribution you have made, I thank you!
And I thank you as well for respecting this as my work by not posting it,
in whole or in part,
in any other location without written permission from me!

Individuals and PSP graphics groups are invited to share my tutorials with others with TEXT LINKS ONLY.
You can e-mail me to let me know you are adding one or more of my tutorials to your list if you like -
it's always fun to know who is doing them!

I'm still in my "shelf mode" - just love shelves! This tutorial will teach you how to make a wonderful Wooden Kitchen Rack with both a wicker door and a heart cutout door! It has great possibilities for decorating your kitchen walls, and should be a welcome addition to your tubes and shelves collections! Hope you enjoy putting yours together!



I make my tutorials as brief as possible, without the customary paths, details, and how-to's. For those veterans among you, this will be welcome! But for those less familiar with PSP, I included a "Glossary" that contains all the details omitted in the tutorial. If you need a little extra help, check the Glossary section. Just click on the button below - the Glossary will open in a new window.

PSP glossary button


This tutorial assumes you have a working knowledge of Paint Shop Pro at the intermediate level (or advanced beginner level with the Glossary). It was originally written in and for PSP Version 7, and now made "version-independent". Screen shots for this tutorial can come from any version of PSP - where there are significant differences from version to version, a green "Version Note" will be included, along with multiple screen shots if necessary.

Where a note/tip refers to a version of PSP and all higher versions, a + sign will be used to indicate this. For example, if a note/tip applies to PSP X and higher versions, I will use the convention "PSP X+".

If you try this tutorial, and find something is inaccurate for your version of PSP, please EMAIL ME to let me know so I can fix it!

Screen shots in this tutorial are resized - your work will be larger than this!



Supplies - For this tutorial, you will need the following:
  • Paint Shop Pro - any version. The latest version of PSP can be found at the Corel site HERE.

  • The PSP file containing the selections for this tutorial - you can get it HERE. ~ ~ Unzip into the folder where you keep your current PSP work.

  • The wood pattern and hinges I used for the kitchen rack - you can get them HERE. ~ ~ Unzip into the folder where you keep your current PSP work.

  • Note: The selections for this tutorial are contained in alpha channels. When you open the PSP file provided, you will see only a white background. Don't panic, the selections are there - you just can't see them yet!

~     ~     ~     ~     ~     ~     ~     ~     ~     ~

OK, now we're ready to begin! Grab your mouse and let's get started!

Remember to save often!

~     ~     ~     ~     ~     ~     ~     ~     ~     ~


STEP 1

For this shelf, I'm using the ss-ltwood pattern provided with this tutorial. You can use this one, or another of your own choosing. If you are using the ss-ltwood pattern, open it now.

Set the Foreground Material to Pattern and select your wood pattern, Scale = 100%, Angle = 90 (grain up and down). Set the Background Material Transparent (null).

Open the ss-kitchenrack.psp image. Duplicate the image and close the original. Don't panic - all the selections are there - you just can't see them yet!

Add a new raster layer, naming it "back". Load the back selection from the alpha channel and use the Flood fill tool flood fill tool (F) to fill with the wood pattern. Darken by choosing Adjust...Brightness and Contrast...Brightness/Contrast with Brightness = -50 (minus 50) and Contrast = -28 (minus 28).

Note: We will be using this technique to darken the wood repeatedly throughout this tutorial. Future references will just say "darken" or "darken as before", and will not repeat the path!

Deselect and save!


STEP 2

Add a new raster layer, naming it "top". Load the top selection from the alpha channel. Change the Angle of the Foreground pattern to 0 (grain across), flood fill with the wood pattern, and apply an Inner Bevel effect with the following settings:

inner bevel
Bevel (#2), Width (10), Smoothness (0), Depth (3), Ambience (-7),
Shininess (0), Color (white), Angle (90), Intensity (33), Elevation (49)

Deselect. Duplicate the "top" layer, flip the duplicate layer, then rename the duplicate layer "bottom". This layer will be adjusted later, once the shelves are in place. Save your work!


STEP 3

Add a new raster layer, naming it "rightside". Load the rightside selection from the alpha channel. Change the Angle of the Foreground pattern to 90, flood fill with the wood pattern, and darken as before, using Brightness = -23 (minus 23) and Contrast = 0. Apply the same Inner Bevel effect as in STEP 2.

On the same layer, load the rightside-bottomedge selection, flood fill with the wood pattern, and darken as before using Brightness = -48 (minus 48).

On the same layer, load the rightside-frontedge selection and flood fill with the wood pattern.

On the same layer, load the rightside-topedge selection and flood fill with the wood pattern.

Deselect. Duplicate the "rightside" layer, mirror the duplicate layer, and rename the duplicate layer "leftside". Save your work!


STEP 4

Add a new raster layer, naming it "bottomshelf". Load the bottomshelf selection from the alpha channel. Change the Angle of the Foreground pattern to 0, flood fill with the wood pattern, and darken as before, using Brightness = -63 (minus 63).

Deselect and save your work!


STEP 5

Add a new raster layer, naming it "shortshelf". Load the shortshelf selection from the alpha channel, flood fill with the wood pattern, and darken as in STEP 4.

Deselect and save your work!


STEP 6

Add a new raster layer, naming it "shortshelfedge". Load the shortshelfedge selection from the alpha channel, flood fill with the wood pattern, darken using Brightness = -20 (minus 20), and apply the same Inner Bevel effect as in STEP 2. Don't worry about the overlap of the shelf edge with the sides - we'll fix that shortly!

Apply a Drop Shadow effect with the following settings:

Vertical offset (8)
Horizontal offset (0)
Opacity (100)
Blur (56.8)
Color (black)

Apply the Drop Shadow effect a second time. Don't worry about the shadow that appears outside the shelf - we'll be cleaning that up!

Deselect and save your work!


STEP 7

Add a new raster layer, naming it "divider". Load the divider selection from the alpha channel. Change the Angle of the Foreground pattern to 90, flood fill with the wood pattern, darken as in STEP 6, and apply the same Inner Bevel effect as in STEP 2 EXCEPT change Angle to 270.

Deselect and save your work!


STEP 8

Add a new raster layer, naming it "bottomshelfedge". Load the bottomshelfedge selection from the alpha channel. Change the Angle of the Foreground pattern to 0, flood fill with the wood pattern, darken as in STEP 6, and apply the same Inner Bevel effect as in STEP 2 - don't forget to change the Angle back to 90.

Deselect. Hide the two side layers and set vertical guides along each side of the bottom - I set mine at 33 and 419. Using the Move tool move tool (M), carefully move the bottom down until its top edge is just hidden by the bottom shelf edge, using the guides to keep the bottom centered.

Once the bottom is moved into position, reactivate the "bottomshelfedge" layer and apply the same Drop Shadow effect as in STEP 6. Apply the Drop Shadow effect a second time. Unhide all layers.

Deselect and save your work!


STEP 9

Add a new raster layer, naming it "middleshelfedge". Load the middleshelfedge selection from the alpha channel, flood fill with the wood pattern, darken as in STEP 6, and apply the same Inner Bevel effect as in STEP 2.

Apply the same Drop Shadow effect as in STEP 6. Reapply the Drop Shadow effect.

Deselect and save your work!


STEP 10

Add a new raster layer, naming it "topshelfedge". Load the topshelfedge selection from the alpha channel, flood fill with the wood pattern, darken as in STEP 6, and apply the same Inner Bevel effect as in STEP 2.

Apply the same Drop Shadow effect as in STEP 6. Reapply the Drop Shadow effect.

Deselect and save!


STEP 11

Now let's clean up those drop shadows a bit where they spilled over into areas where we do not want them. At the same time, we'll eliminate the overlap of the shelf edges onto the sides of the kitchen rack.

To make this whole process easier, let's merge all the shelf layers. Hide all layers, and then unhide the four shelf edges layers and the two shelf layers - you should have six layers visible. Merge these layers, rename the merged layer "shelves", and then make all layers visible.

Your Layer Palette should look this way now - adjust layer positions as needed:

layer palette
Version Note: The Layer palette has a slightly different look in early versions of PSP. What's important in this screenshot is the number, names, and position of the layers.

Activate the "shelves" layer, load the outline selection, and invert the selection. Press the DELETE key.

Remaining on the "shelves" layer, load the rightside-frontedge selection, and press the DELETE key.

Finally, load the leftside-frontedge selection, and while still on the "shelves" layer, press the DELETE key once more. Now, all the messy overflow drop shadows should be gone, and all the shelves should line up perfectly with the sides of the rack!

Deselect and save!


STEP 12

Activate the "divider" layer. Add a new raster layer, naming it "heartdoor". Load the heartdoor selection from the alpha channel and flood fill with the wood pattern.

On the same layer, load the hearts selection and press the DELETE key. Deselect and apply the same Inner Bevel effect as in STEP 2.

Now, load the hearts selection again, invert the selection and apply a Drop Shadow effect with the following settings:

Vertical offset (8)
Horizontal offset (0)
Opacity (79)
Blur (29.6)
Color (black)

Deselect and save your work!


STEP 13

Add a new raster layer, naming it "door". Load the door-horizontal selection from the alpha channel and flood fill with the wood pattern.

On the same layer, load the door-vertical selection. Change the Angle of the Foreground pattern to 90 and flood fill with the wood pattern. Deselect. Apply the same Inner Bevel effect as in STEP 2.

With the Magic Wand tool magic wand tool, click in the space in the middle of the door. Expand the resulting selection by 1 pixel, and apply a Cutout effect with the following settings:

Vertical offset (0)
Horizontal offset (0)
Opacity (80)
Blur (28.8)
Color (black)

This cutout will give some depth to the basket weave door panel we'll be adding!

Deselect and save!


STEP 14

Add a new raster layer, naming it "knob". Click on the Swap Materials button ( swap materials icon ) to exchange the Foreground and Background materials so that the Background Material is the wood pattern. Change the Angle of the Background pattern to 0. Choose the Preset Shapes tool preset shapes tool (P) tool with the following settings:

Shape Type (Ellipse)
Retain style UNchecked
Anti-alias CHECKED
Create as vector UNchecked
Line width (1)
Line style (#1 Solid)

Using the RIGHT mouse button, and with the SHIFT key pressed, draw a 15-pixel circle starting at coordinates (211,416). Darken as before, apply the same Inner Bevel effect we've been using, and then apply a Drop Shadow effect with the following settings:

Vertical offset (2)
Horizontal offset (2)
Opacity (94)
Blur (4.9)
Color (black)

If you want knobs on the heart cutout door, duplicate the "knob" layer twice and move the knobs into place! My heart cutout door has recessed finger spaces for opening!

When you are finished with your knob(s), save your work!


STEP 15

Activate the "heartdoor" layer, and add a new raster layer, naming it "hinge" - this layer must be below the "door" layer. Open the ss-hinge2 image provided in the downloads, copy it, and returning to the kitchen rack image, paste as a new selection, moving it to the edge of the door. I used a horizontal guide set at 310 to help me position the hinge, and placed my hinge so that the top of the hinge was just on the guide. The right side of the hinge should be just under the edge of the door! When you have the hinge in place, deselect. This screenshot shows the placement of the first hinge (white arrow) - note the placement of the guide at 310 (black arrow):

hinge position

Deselect. Duplicate the "hinge" layer and move the duplicate into place at the bottom of the left door - I used a horizontal guide set at 519, and placed this hinge so that the bottom of the hinge was just on the guide. You might want to use a vertical guide to ensure both hinges are located evenly along the vertical plane. Aren't those guides wonderful!

If you want, you can place hinges along the bottom edge of the heart cutout door as well, being careful to place the hinge layers below the "heartdoor" layer in the layer stack. Use the same hinge, rotating it 90 degrees either direction. My heart cutout door has invisible hinges!

Save your work!


STEP 16

Add a new raster layer, naming it "doorpanel". Load the doorpanel selection from the alpha channel.

Create a new transparent 400 x 400 pixel image. Change the Angle of the Background pattern to 90 and flood fill the new image with the wood pattern. Choose Effects...Texture Effects...Weave, with the following settings:

Gap Size (10)
Width (12)
Opacity (77)
Weave Color (#422C14)
Gap Color (#422C14)
Fill gaps (CHECKED)

Rotate the image 45 degrees left, making sure that All layers is checked on the Rotate dialog panel. Now load the doorpanel selection from the alpha channel. Your image should look like this, with the door panel selection in the lower left corner:

basket weave image1

Activate the Move tool, and with the RIGHT mouse button, move the selection to the center of the basket weave image:

basket weave image2

Copy the image. Returning to the kitchen rack image, paste the copied image into the selection. And there you have it, a basket weave door panel! Deselect and save.

I chose to leave my door panel opaque, but if you would like your basket weave door panel to be "see-thru" choose the Magic Wand tool, and with the Tolerance set to 17, click on the center of one of the dark brown "spaces" between the weave. Choose Selections...Modify...Select Similar - all spaces should now be selected:

basket weave image3

Press the DELETE key, and you have a "see-thru" basket weave door panel!

Deselect and save your work!


STEP 17

Just one more item, and we're finished the kitchen rack! Add a new raster layer, naming it "hooks". Load the hooks selection from the alpha channel.

  • If you want black hooks, flood fill the hooks with black and apply an Inner Bevel effect with the following settings:
  • inner bevel
    Bevel (#2), Width (14), Smoothness (15), Depth (12), Ambience (0),
    Shininess (15), Color (white), Angle (315), Intensity (25), Elevation (30)

  • If you want gold hooks, flood fill with white and choose Effects...Texture Effects...Sculpture, with the following settings:

    sculpture texture effect
    Size (100), Smoothness (10), Depth (20), Ambience (50), Shininess (100),
    Color (#C99D42), Angle (315), Intensity (25), Elevation (35)

    For the Pattern, use any gold pattern in your pattern folder.

Add a small Drop Shadow effect, using the same settings as for the knob in STEP 14.


And that's it - you're done! If you wish to tube your kitchen rack, delete the white background layer, merge all visible layers, and tube! If you opted for the "see-thru" door panel, and/or you wish to place items behind the cutout heart door, you might want to save your image with two layers, merging all layers EXCEPT the "back" layer. Then, items placed between the "back" and "Merged" layers will appear as if behind the doors. All other decorative items can be inserted above the "Merged" layer.

Here's another decorated Wooden Kitchen Rack with a few variations: I added external hinges and some knobs to the heart cutout door, inserted a plaid backing behind the hearts, used the "see-thru" panel on the basket weave panel door, and "installed" black rather than gold hooks!

kitchen rack

Have fun with your Wooden Kitchen Rack! Don't forget to sharpen if you resize!


If you have any problems, comments, or questions, please do not hesitate to Email me.


Email


Version Independent Tutorials ~ About Me ~ Home ~ Email

All graphics and content 2002-present by SuzShook