Design grunge wordpress theme

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

Under the menu’s panel containing the buttons, we’ll insert the section “About me”:

Design grunge wordpress theme in Adobe Photoshop CS4

About me

Design grunge wordpress theme in Adobe Photoshop CS4

the basic section’s text

Design grunge wordpress theme in Adobe Photoshop CS4

Insert a button now under the text, applying the Rectangle Tool (U) with the color #D40610

Design grunge wordpress theme in Adobe Photoshop CS4

The layer’s styles: Blending Options>Drop Shadow

Design grunge wordpress theme in Adobe Photoshop CS4

Blending Options>Inner Glow

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

Insert the title on the button:

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

Choose the next demonstrated styles for the layer containing the button’s title: Blending Options>Drop Shadow

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

Now we need to select the Line Tool (U) to insert the markings for the borders of the site’s sections. Each line should be on its layer. The color is #B4B4B4

Design grunge wordpress theme in Adobe Photoshop CS4

Make a mouse click on each layer containing the lines on the bottom part of the layers’ panel on Add a Mask selection and choose the brushes out of the set grunge procedural to clean out with black color the lines of the markings (Opacity 20%).

Design grunge wordpress theme in Adobe Photoshop CS4

Insert in the section its title and the appropriate text:

Design grunge wordpress theme in Adobe Photoshop CS4

the section’s title

Design grunge wordpress theme in Adobe Photoshop CS4

the basic section’s text

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