• home
  • forum
  • my
  • kt
  • download
  • Direction Sign

    Author: 2009-08-22 23:46:28 From:

    • 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!

    discuss this topic to forum

    relation tutorial

    No information

    Category

      Abstracts (120)
      Effects (774)
      Animation (252)
      Photo Effects (1191)
      Automation (23)
      Photo Retouch (415)
      Basics (513)
      Photography (352)
      Brushes (56)
      Scripting (7)
      Buttons (217)
      Text Effects (916)
      Color (94)
      Textures and Patterns (202)
      Digital Art (264)
      Web Graphics (837)
      Drawing (1157)
      Web Layouts (305)

    New

    Hot