Digital Street - Photoshop tutorials

Photoshop tutorials


Old Wooden Shield

1) Create a new image 300×300 pixels with white background

2) Create a new layer, rename this layer as “wood”.

3) Press D to have a black and white foreground and background.

4) Select the Eliptical Marquee Tool and draw a circle 240×240 pixels while holding SHIFT to get a perfect circle.
Save this selection as “wood selection”.

5) Fill the circle with any color. I used black #000000

01.png

6) Select Filter > Render > Fiber and use the default options. Randomize until you get something like this:

02.png

7) Create a new layer and call it “brown”

8) Load selection “wood selection” and fill it with this brown color #7f6537. Set the Blending Mode of “brown” layer to Multiply.

9) Set the opacity of “wood” layer to 80%

03.png

10) Create a new layer, rename this layer as “lines”

11) Draw some lines of 3px width with brown color. I used #64502b

04.png

12) Load “wood selection”, go to Select > Inverse and click DEL to delete the lines outside the circle.

05.png

13) Right click the “lines” layer and choose Blending Options, use these settings:

Inner Shadow:
06.png

Bevel and Emboss:
07.png

14) You get this:

08.png

15) Create a new layer and rename this layer as “border”.

16) Select the Eliptical Marquee Tool and draw a circle 280×280 pixels while holding SHIFT to get a perfect circle. Position this circle around the first circle.

17) Fill the selection with grey color #b6b6bc

09.png

18) Load the “circle selection”.

19) Press DEL to delete selection and you will get a border around the “wood” layer:

10.png

20) Select the “border” layer

11.png

21) Create a new layer and rename this layer as “old effects 1”.

22) Use some rugged brushes to make old effects to the border of the shield.

12.png

23) Create some more layers: “old effects 2”, “old effects 3”, etc. with different opacity and different brushes with some grey colors to get an old metal effect.

24) Merge the old effects layers with “border” layer:

13.png

25) Right click the “border” layer and choose Blending Options, use these settings:

Drop Shadow:
14.png

Bevel and Emboss:
15.png

Texture:
16.png

26) When finished you will get something like this:
17.png

27) Create a new layer and rename this layer as “circles”.

28) Draw a litle circle and fill with a grey color #7f7e7a:

18.png

29) Right click the “circles” layer and choose Blending Options, use these settings:

Drop Shadow:
19.png

Bevel and Emboss:
20.png

30) Duplicate the circle until you get something like this:

21.png

31) Create a new layer and rename this layer as “metal circle”.

32) Select the Eliptical Marquee Tool and draw a circle in the middle of the shield while holding SHIFT to get a perfect circle.

33) Fill selection with grey color #3a3936

22.png

34) Right click the “border” layer and choose Copy Layer Style.

35) Right click the “metal circle” layer and choose Paste Layer Style to take the same style of the metal border.

36) The final result is:

23.png

37) An alternate result is the wooden circle a litle more curved.
To do this you have to merge these layers: “wood”, “brown” and “lines”

38) Right click the merged layer and choose Blending Options, use these settings:

Bevel and Emboss:
24.png

39) This is the alternate result of a wooden polished shield:

25.png

Want more tutorials?
See more recent tutorials HERE !

11 Comments so far

  1. chaos May 19th, 2006 4:51 am

    EXCELLENT!!!
    I used this tut for one of my creations!
    check it out here…

    http://i5.photobucket.com/albums/y155/GraphicChaos/goatshieldweb.jpg

  2. admin May 19th, 2006 6:03 am

    Nice!
    Glad to see it has been useful for you :)

  3. lol May 19th, 2006 9:36 am

    lol wood doesnt reflect light so good, you should make less light on the wood and put more on the metal

  4. admin May 19th, 2006 1:11 pm

    I know, it’s for that reason I told you it was an alternate result with polished shield.
    I liked the result at the final moment of doing the tutorial…I was just testing and wrote that alternative final step :)

  5. Stephanie May 23rd, 2006 8:29 am

    LOOKS VERY REALISTIC!! Fun & easy tutorial…very good directions.

  6. brandon June 11th, 2006 4:03 pm

    lol should just add some kind of boarder around it to make it alittle more real?

  7. edsel June 18th, 2006 12:22 am

    I’m love this great website. Many thanks guy

  8. JB. June 27th, 2006 11:45 am

    Hello! Maby smart to have a link to the brushes you have used!

    OT: It looks great!

  9. Lordbaldur July 26th, 2006 10:49 am

    I found the last part with the polished shield very helpful, especially on steel shields, with a few modifications!

  10. gmanz April 16th, 2007 11:33 pm

    COOL!!!!!!!!!!

  11. killot May 11th, 2007 10:56 am

    Cool effect ;)