Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Wild West Wooden Sign
rss

Wild West Wooden Sign

Author: Webmaster More by this author


Step 1.

Create a new document in photoshop that is 500x500 in size.

Step 2.

Press Ctrl + Shift + Alt + J on your keyboard to create a new layer. Name this new layer "Plank".

Get out the Rectangle Marquee Tool ( image 1 ) and make a square selection as I have done here:

image 2

Next get out the Polygonal Lasso Tool ( image 3 ). Now while holding down the Alt key on your keyboard, deselect the ends of the rectangle selection as I have done here. The key is to make the de-selections random, to appear as though it's a plank of wood.

image 4

Fill this selection with black (#000000), using the Flood Fill paint bucket tool ( image 5 )

Press Ctrl + D on your keyboard to deselect the selection.

Result:

image 6

Step 3.

Press Ctrl + Shift + Alt + N on your keyboard to create a new layer.

Set your foreground color to #4B2B05 (dark brown):

image 7

Using the Flood Fill Pain Bucket Tool ( image 8 ) fill the entire canvas on this new layer.

image 9

Step 4.

Go to Filter->Noise->Add Noise and apply the following settings:

image 10

Result:

image 11

Step 5.

Go to Filter->Blur->Motion Blur and apply the following settings:

image 12

Result:

image 13

Step 6.

Now get out the Elliptical Marquee Tool ( image 14 ) and make several oval selections all over the canvas as I have done here.

Note: After you make the first selection, you can continue to make more selections by holding the Shift key on your keyboard down.

In all, I've made 27 selections:

image 15

Go to Filter->Distort->Twirl and apply the following settings:

image 16

Press Ctrl + D on your keyboard to deselect the selections.

Result:

image 17

Step 7.

Photoshop 7 & Older: Press Ctrl + G on your keyboard, to group this layer with the previous. Then press Ctrl + E on your keyboard to Merge this layer, with our "Plank" layer.

Photoshop CS / CS2 / CS3: Press Ctrl + Alt + G on your keyboard to create a "Clipping Mask" with the previous layer. Then press Ctrl + E on your keyboard to merge this layer, with our "Plank" layer.

This should leave you with just the plank, all by itself as shown here:

image 18

Step 8.

Double click this layer, and apply the following Blending Options:

Drop Shadow:

image 19

Inner Shadow:

image 20

Inner Glow:

image 21

Satin:

image 22

Stroke:

image 23

Result:

image 24

Step 9.

Press Ctrl + J on your keyboard to duplicate this layer.

Go to Edit->Transform->Flip Vertical.

Get out the Move Tool ( image 25 ) and position the 2nd plank as I have done here:

image 26

Now press Ctrl + T on your keyboard to get out the Freeform Transform Tool.

After you've done this look in the toolbar for the "rotation" value, and do a rotation of: 1.5 Degrees as shown here:

image 27

Press Enter on your keyboard to finalize the transformation.

Result:

image 28

Step 10.

Press Ctrl + J on your keyboard to duplicate the layer once again.

Get out the Move Tool ( image 29 ), and position the 3rd plank as I have done here:

image 30

Go to Edit->Transform->Flip Horizontal.

Press Ctrl + T on your keyboard again to get out the Freeform Transform Tool.

And add a rotation to this plank of 1.8 as I have done here:

image 31

Press Enter on your keyboard to finalize the transformation.

Result:

image 32

Step 11.

Press Ctrl + J on your keyboard to duplicate this layer for the last time.

Get out the Move Tool ( image 33 ), and position this 4th plank as I have done here:

image 34

Go to Edit->Transform->Flip Vertical.

Press Ctrl + T on your keyboard again to get out the Freeform Transform Tool.

And add a rotation to this plank of 2.0 as I have done here:

image 35

Press Enter on your keyboard to finalize the transformation.

Result:

image 36

Step 12.

Now go down to our original "Plank" layer in the layers pallet, and select it by clicking on it once.

image 37

Press Ctrl + J on your keyboard to duplicate this layer.

Go to Edit->Transform->Flip 90 Degrees CCW.

Result:

image 38

Name this layer "Vertical Plank", and drag it below the layer named "Plank" in the layers pallet as shown here:

image 39

Result:

image 40

Now press Ctrl + T on your keyboard to get out the Freeform Transform tool, on the "Vertical Plank" layer. Resize the vertical plank so that it is a shorter, and fatter than all of the other planks, by placing your cursor near any of the corner boxes/nodes, clicking and dragging your mouse slightly to adjust the size.

Here's how mine ended up after making the adjustment:

image 41

Now get out the Move Tool ( image 42 ) and position the Vertical Plank on the left side as I have done here:

image 43

Step 13.

Press Ctrl + J on your keyboard, to duplicate this Vertical Plank layer, get out the Move Tool ( image 44 ) and position this one on the right side as I have done here:

Note: Feel free to resize, or rotate this piece a little bit.

image 45

Step 14.

Next we'll create some bolts, that can hold up the planks.

Press Ctrl + Shift + Alt + N on your keyboard to create a new layer.

Name this new layer "Blots", and drag it on top of all other layers, in the layers pallet as I've done here:

image 46

Set your foreground color to #646464 (grey):

image 47

Get out the Paint Brush Tool ( image 48 ), and set it up like so:

image 49

Now make 2 Dots, on each end, of each plank as I have done here:

image 50

Double Click this layer, and apply the following blending options:

Drop Shadow:

image 51

Inner Shadow:

image 52

Bevel and Emboss:

image 53

Result:

image 54

Step 15.

Next we'll make the chain that's holding the sign up.

Press Ctrl + Shift + Alt + N on your keyboard to create a new layer.

Name this new layer "Chain".

Get out the Elliptical Marquee Tool ( ) and make a long oval selection as I have done here:

image 56

Using the Flood Fill Paint Bucket Tool ( image 57 ) fill this selection with black (#000000):

image 58

Go to Select->Modify->Contract with a setting of 4 pixels:

image 59

Tap Delete on your keyboard, and press Ctrl + D on your keyboard to deselect the selection.

Result:

image 60

Step 16.

Double click this layer, and apply the following blending options:

Bevel and Emboss:

image 61

Inner Shadow:

image 62

Gradient Overlay:

image 63

Result:

image 64

Press Ctrl + J on your keyboard to duplicate this layer.

Using the Move Tool ( image 65 ), position this 2nd link as I have done here:

image 66

Right click on this layer in the Layers Pallet, and choose "Clear Layer Style", doing so will remove the layer style for this layer.

Now press Ctrl + E to merge this layer with the previous.

Result:

image 67

Repeat this process a couple times, until you have a chain link with about 8 links in it, as I do here:

image 68

Step 17.

Go to Edit->Transform->Rotate 90 Degrees CCW to stand the chain up-wards as shown here:

image 69

Using the Move Tool ( image 70 ) position the chain on the left side of the canvas as I have done here:

Note: You may need to use the Freeform Transform tool (Ctrl + T) to resize, the chain to fit properly.

image 71

Step 18.

Press Ctrl + J on your keyboard to duplicate the chain layer, and again, using the Move Tool ( image 72 ) position this 2nd copy of the chains, on the right side of the canvas as shown here:

image 73

And that covers the creation of this Wild West Wooden Sign tutorial. Here's what I came up with after adding a little text, and some graphics to highlight the piece a little bit.

Wild West Wooden Sign Tutorial: Final Result

The font I used on the final version is called Eastwood Font.

But as you can see this would make a very unique navigation system for a website, there are literally 1,000's of things that you could use this technique with, and I hope I've gotten your gears turning. Good luck, and happy photoshopping!




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Read/Add comments to "Wild West Wooden Sign"

comments  outsider_entity April 16, 2007 says:
Wild West Wooden Sign
I find this tutorial quite cool, my congratulations I would suggest anyhow, to use the liquify effect after the Motion blur. using that effect you can use the pucker, bloat shift ecc tools (on the liquify window) to create a pretty real wood effect. good day Laughing