Road sign...

  • Create a new document - 600*800 px.
  • Create post using Illustrator and 3d effect (Effects > 3D > Revolve) or make it using Pen Tool and grey/ black gradient in Photoshop.
  • You may download vector file here.

Direction sign

  • Insert downloaded file into a new layer in Photoshop.
  • Duplicate post layer. Adjust Fill setting about 0% for created layer.
  • Apply Gradient Overlay, just like in the screen shots below. You may add Layer Mask and erase bottom and top part of shape using soft brush.

Direction sign

Direction sign

  • Duplicate layer once again and apply following pattern to it.

Direction sign

Direction sign

  • In order to create light spot, make line 1px, using Line Tool, and apply Gaussian Blur filter about 1%.

Direction sign

Direction sign

  • Merge all post layers.
  • Duplicate created layer, and transform it using Free and Rotate transformation to make cross-bar.

Direction sign

  • Create path just like in the example below using Rounded Rectangle Tool.

Direction sign

  • Click Ctrl+ Click to load selection.
  • Fill selection with wooden pattern.

Direction sign

  • Select Eraser Tool.
  • Choose Ornament 5 brush from preset Assorted brushes. Create ragged edges using it for wooden board.

Direction sign

Direction sign

  • Duplicate board layer, move bottom layer a little bit left and down (about 1-2 px).

Direction sign

  • Apply dark Color Overlay to moved layer just like in the example below.

Direction sign

  • Duplicate wooden board layer, adjust Fill about 0%.
  • Apply Gradient Overlay and Inner Shadow layer style effects.

Direction sign

Direction sign

Direction sign

  • In order to create board holders, make small rectangular using Rectangle Tool and apply Reflected gradient to it.

Direction sign

Direction sign

  • Add one stroke to the left and one to the right side of the rectangular. Apply black/transparent reflected gradient to left stroke and white/transparent to the right stroke.

Direction sign

  • Now create rounded rectangular and apply following Drop Shadow and Gradient Overlay to it.

Direction sign

Direction sign

Direction sign

  • Draw small circles for screws.

Direction sign

  • Add white strokes.

Direction sign

  • Duplicate created shapes for second board holder.

Direction sign

  • Create next detail using previous actions, but change gradient angle.

Direction sign

  • Here you may see the same shapes, created with using Free Transformation.

Direction sign

  • Duplicate these shapes several times.

Direction sign

  • Create the wooden arrow and fixing by the same way as a wooden board in the previous actions.

Direction sign

  • Create second wooden arrow.

Direction sign

  • Apply Skew transformation to it.

Direction sign

  • Reduce arrow size across using Free Transformation

Direction sign

Direction sign

  • Apply Gradient Overlay layer style effect just like in the example below.

Direction sign

Direction sign

  • Duplicate arrow layer, apply dark Color Overlay and move it little bit left.

Direction sign

  • Add holder elements, create perspective effect using transformation (Free transformation, Distort or Perspective), small gradient displacement to the right.

Direction sign

  • Move screws a little bit right.

Direction sign

  • Use Horizontal Flip transformation for third arrow.

Direction sign

  • Type any sign.

Direction sign

  • Apply Fill about 0%.

Direction sign

  • Add following layer style effects.

Direction sign

Direction sign

Direction sign

And here is result!


Flawless draw

0 Add a comment:

Copyright © 2009 - Flawless draw - is proudly powered by Blogger
Smashing Magazine - Design Disease - Blog and Web - Dilectio Blogger Template