Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Design grunge wordpress theme

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:

Design grunge wordpress theme in Adobe Photoshop CS4

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

Design grunge wordpress theme in Adobe Photoshop CS4

The layer’s styles: Blending Options>Inner Glow

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

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

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

Insert the title on the made button:

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

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:

Design grunge wordpress theme in Adobe Photoshop CS4

Insert the comment you want on the button’s right side:

Design grunge wordpress theme in Adobe Photoshop CS4

12 Comments

Design grunge wordpress theme in Adobe Photoshop CS4

Posted by

Design grunge wordpress theme in Adobe Photoshop CS4

admin

Design grunge wordpress theme in Adobe Photoshop CS4

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:

Design grunge wordpress theme in Adobe Photoshop CS4

Insert one more section on the right top part of the panel containing the sections:

Design grunge wordpress theme in Adobe Photoshop CS4

the title for the section:

Design grunge wordpress theme in Adobe Photoshop CS4

the section’s text:

Design grunge wordpress theme in Adobe Photoshop CS4

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

Design grunge wordpress theme in Adobe Photoshop CS4

the title for the section:

Design grunge wordpress theme in Adobe Photoshop CS4

the titles for the categories:

Design grunge wordpress theme in Adobe Photoshop CS4

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

Design grunge wordpress theme in Adobe Photoshop CS4

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.

Design grunge wordpress theme in Adobe Photoshop CS4

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:

Design grunge wordpress theme in Adobe Photoshop CS4

Design grunge wordpress theme in Adobe Photoshop CS4

The final result!

View full size here.

Page: 1 2 3 4

Comments