Design grunge wordpress theme

July 28th, 2009 by ART-D Posted in Adobe Photoshop, Web Layout

Let’s represent after that a ring of the color #7AC255 situated on the right side of the green star. Choose in this case the Custom Shape Tool (U).

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

Using the Rectangle Tool (U), we’ll represent the layer reserved for the site’s body. The layer is of the white color.

Design grunge wordpress theme in Adobe Photoshop CS4

Next we must combine in a group all the layers composing the top panel in the site’s header (press Ctrl button to mark out the necessary layers and then hold on the left mouse’s button to take the marked layers on Create a new group selection). Using the Free Transform option, put the group’s copy on the bottom part of the site reserved for the blog footer.

Design grunge wordpress theme in Adobe Photoshop CS4

Next we need to represent a panel reserved for the menu’s buttons on the site’s header, using the Rectangle Tool (U). The color is #FBFDE8

Design grunge wordpress theme in Adobe Photoshop CS4

Using the Rounded Rectangle Tool (U) (radius 15 px), try to make a panel for the logo, colored with #E10811

Design grunge wordpress theme in Adobe Photoshop CS4

Set the next indicated styles by making a click on this layer on the layers’ panel: Blending Options>Inner Glow

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

Insert now the site’s name:

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

The layer’s styles: Blending Options>Drop Shadow

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

Insert the titles for the buttons on the menu’s panel:

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

  •  

  •    
  •  

 

Post Pages: 1 2 3 4

Tags: , , , , ,

  • ejakulasi dini

    03/09/2009

    thanks for the tutorial and tips.

  • migraine solution

    19/09/2009

    Nice content indeed! i will visit as often as i can.

    cheers

  • DennisVega

    30/09/2009

    Generally I do not post on blogs, but I would like to say that this post really forced me to do so, Excellent post!

  • Tnelson

    01/10/2009

    Hey, I found your blog in a new directory of blogs. I dont know how your blog came up, must have been a typo, anyway cool blog, I bookmarked you. :)

  • JimmyBean

    01/10/2009

    I don’t know If I said it already but …Excellent site, keep up the good work. I read a lot of blogs on a daily basis and for the most part, people lack substance but, I just wanted to make a quick comment to say I’m glad I found your blog. Thanks, :)

    A definite great read..Jim Bean

  • JoseP

    08/11/2009

    Lo meximo, una persona con mucho talento

    Saludos desde Mexico

    ——————————————————–

    The Best! u have talent! very much

    Regards

  • Goose Meinffe

    21/12/2009

    Awesome! Now where is the WordPress tutorial to convert this PS file to a proper CSS theme?

  • vinyl wood flooring

    23/02/2010

    Thanks brother was very nice of page

  • Webdesign Mannheim

    15/07/2010

    Thanks for the great ideas