Design grunge wordpress theme
July 28th, 2009 by ART-D Posted in Adobe Photoshop, Web Layout
Make two copies of the layer containing the title and the text. Using the Free Transform option, place the copy’s layers the same way demonstrated below:
Under the section’s text, on its left side we’ll represent a button with the Rectangle Tool (U). The layer’s color in this case is #262626
The layer’s styles: Blending Options>Inner Glow

Make two copies of the layer containing the last made button. Choose then Free Transform option and place the copies as it is demonstrated below. One copy should be left without any changes (place it under the lowest section), but the second copy should be placed on the central part, changing its color on #D40610.
Blending Options>Inner Glow
Insert the title on the made button:

The layer’s styles: Blending Options>Drop Shadow

Make two copies of the layer containing the button’s title and apply Free Transform selection to place the copy’s layers the same way as it is on the picture:
Insert the comment you want on the button’s right side:

12 Comments

Posted by

admin
Make two copies of the layer containing the comment’s text and choose again the Free Transform option to place them the same way indicated below:
Insert one more section on the right top part of the panel containing the sections:

the title for the section:

the section’s text:
Next we have to insert the categories’ section under the recently made section:

the title for the section:

the titles for the categories:
Next we have to set the Brush Tool (B) in the menu of the Brushes tools’ panel:

Create a new layer and apply the set brush and the color #AFB57B. Apply the brush between the categories’ titles, then change the brush’s color with #E7E9D7 and paint the category’s title on the left and right sides.
Make four copies of the layer with the dividing line and choose again the Free Transform option to place the copies the same way demonstrated below:
The final result!
View full size here.
Tags: blog, design, grunge, Photoshop, Web Layout, wordpress










































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