The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Wild West Wooden Sign

Wild West Wooden Sign


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!



Author's URL: Webmaster
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Share print this page subscribe to newsletter subscribe to rss

The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments outsider_entity April 16, 2007 says:
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 :lol:

Reply
Add comments to "Wild West Wooden Sign"

Captcha