Diner Salt & Pepper Shakers
tutorial by Whisper


This tutorial was created and put on this site on September 10, 2003.
It is property of and currently to Whisper's Web Works.
Please do not copy or place this tutorial or any of the graphics on any site, email or elist without written permission directly from me.
If you would like to share the url for this tutorial, you may do so without writing for permission, but I always welcome a "who, where" email.
Thank you.

For this tutorial you will need:
Paint Shop Pro 8  ~ download a trial version.
Eye Candy 4000 ~ not sure if the trial version will work for this.
ww-saltpepper ~ preset for EC4000, download here, unzip into your EC4000 glass folder.
Pepper fill ~ make from this tutorial.
Salt fill ~ make from this tutorial.

Open a new image:
400 x 400 pixels
Raster background
16.7 Million colors

File > save as > saltpepper.pspimage


To make the screen shots easier to see I will be flood filling the background layer with a dark color.

Be sure your rulers are turned on and watch your bottom right numbers!

Set your foreground color to #A2A2A2 and the style to null
and your background color to #EBEBEB and the style to gradient with these settings:
Angle 0
Repeat 0

Click the edit button for the gradient.
Grab the little diamond (outlined in red) that is above the gradient bar and move it to the right until the number in the box is at 70.

Select your shapes tool and set at:
Create as vector & Anti-alias checked
Width 0

Place your cursor at x100 y250 and draw to x275 y300.

Move the shape down towards the bottom.

Objects > Align > Horz. Center in Canvas.

(Click for larger view.)

Select the Object selector tool.

Right click on the shape and copy.

Right click and Paste New Vector Selection, click at x200 y125.

Grab the right side node and move it to the left until it is at x225.

Objects > Align > Horz. Center in Canvas.

Grab the bottom node and move it up to y140.

(Click for larger view.)

These next screen shots will be your reference for the placement of each side wall piece.

(You may get a larger view of each by clicking the image.)

Set your shape tool to:
Create as vector & Anti-alias checked
Width 0

Click on your gradient in the style box and check Invert.

Let's start with the left back panel.

Draw a rectangle that is close to the size you will need.

Select your pen tool and set at edit.

Move the corner nodes around until they match up with the edges of the top and bottom hexagons.
(Having the dark background will also help to show you whether or not your edges line up.)

I like to zoom in a couple of steps for this part.

Just for the purpose of showing you the shape, I changed the color to hot pink but yours should be the gray gradient.

(Click for larger view.)

Once you are happy with that panel, click on the + by the vector layer in the Layer Palette and expand the layer.  Right click on each shape layer and name them what they are on the image.  You should have a top, bottom and a left back.  Click on the glasses for the left back and turn off visibility for that shape.

Now we will make the back panel the same way.

I changed the color to light blue but yours should be the gray gradient.

(Click for larger view.)

Now rename that shape layer back and turn off the visibility.

Continue building each panel.

Turn on just the back panels and adjust as needed.  Then turn on just the front panels and adjust as needed.

This is how it should look with all six panels.

(Click for larger view.)

Be sure to save this vector building for other times.

Add seven new vector layers.  As you add them, name them to correspond to one of the vector shapes.  Drag each of the vector shapes onto its new layer - that way each vector shape has its own layer.  Covert each layer to a raster layer.

For each of the panels, top and bottom in turn:
Effects > Plug-ins > Eye Candy 4000 > Glass > ww-saltpepper preset.
(Click here for a screen shot of these settings.)
Then in the Layer Palette lower the opacity of each layer to 50-60%.

Now this is how it should be - or similar to:

(Click for larger view.)

Page 2

Back     ~     Tutorial Index     ~     Next