Textured Pixel Fence
tutorial by Whisper

This tutorial was created and put on this site on January 4, 2005.
It is property of and 2001-2005 to Whisper's Web Works.
Terms of Use

For this tutorial you will need:
Paint Shop Pro  ~ download a trial version.
dsb Flux ~ download here.

Open a new image:
15 x 55 pixels
Transparent
16.7 Million colors

View > Zoom > In by 5 steps.  Repeat.

Set your foreground to dark brown, I am using #56391C.

Activate your paint brush and set at:
Size 1
Hardness 100
Step 1
Density 100
Opacity 100

Paint the picket outline following the screenshot below:

Activate your magic wand and set at:
RGB value
Tolerance 0
Anti-alias unchecked
Feather 0

Click inside your outline.

Flood fill your selection with a lighter brown, I am using #BDA17D.

Adjust > Add/Remove Noise > Add noise > uniform, 18, monochrome checked.

Effects > Plugins > dsb Flux > Blast > these settings:
Upwards
Absolute 50

Adjust > Sharpness > Unsharp Mask > these settings:
Radius 2.00
Strength 100
Clipping 5

Selections > Float.

Effects > 3D effects > Cutout > these settings:
Vertical & Horizontal 0
Opacity 100
Blur 10
Shadow color #56391C

Selections > Select none.

Edit > Copy.

Open a new image:
125 x 50 pixels
Transparent
16.7 Million colors

Edit > Paste > Paste as new layer.

Duplicate the picket layer, repeat until you have 14 pickets.

Now this next part may seem a bit odd but for those of us that can't space things out evenly, this makes it easy.

Lay out your pickets side by side using the mover tool. Do this to the left side, rather than centering.

I overlapped the dark 1 pixel border.

Activate your top layer.

Activate your shapes tool and set it at:
Rectangle
Anti-alias unchecked
Create as vector checked
Line style solid
Line width 1.00

Set your foreground to the dark brown, #56391C, and the background to the lighter brown, #BDA17D.

Draw out a rectangle that is 112 by 4.  Watch your numbers in the bottom left corner.
This rectangle should meet up with the edges of your pickets.

In your layer palette, right click on the vector layer and convert to raster.

Using your magic wand, click in the light brown area of the cross rail.

Adjust > Add/Remove Noise > Add noise > uniform, 18, monochrome checked.

Effects > Plugins > dsb Flux > Blast > these settings:
Right
Absolute 50

Adjust > Sharpness > Unsharp Mask > these settings:
Radius 2.00
Strength 100
Clipping 5

Selections > Float.

Effects > 3D effects > Cutout > these settings:
Vertical & Horizontal 0
Opacity 100
Blur 3
Shadow color #56391C

Selections > Select none.

Layers > Duplicate.

Image > Flip.

Layers > Arrange > Send to bottom.

Activate the top layer - should be your other cross rail.

Layers > Arrange > Send to bottom.

Now we need to get rid of our extra pickets.

We want to delete every other one.

Activate your mover tool.

Simply click on the one you want to delete then hit your delete key on your keyboard.

In your layer palette turn off your two cross rail layers.
(you do this by clicking on the eye - there will be a red X if the layer is turned off.)

Right click on any of the picket layers and merge visible.

Turn the cross rail layers back on and turn off the merged picket layer.

Right click on either rail layers and merge visible.

Turn the picket layer back on.

Make sure your picket layer is activated.

Effects > 3D effects > Drop shadow > these settings:
Vertical & Horizontal 1
Opacity 50
Blur 2
Shadow color black
Shadow on new layer checked

Activate the rail layer.

Selections > Select all.

Selections > Float.

Selections > Invert.

Activate the shadow layer.

Edit > Clear.

Selections > Select none.

Right click on any of the layers and merge visible.

Your fence is ready to use!

*This fence is easy to change colors on using the Manual Color Correction.

Or even change the design of the picket....

Please visit page 2 for examples made by my testers.

Back     ~     Tutorial Index     ~     Next