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!

WordPress theme web design

Insert on the site’s header the titles for the menu’s buttons:

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

Next we’ll mark out the active menu’s button, applying the rounded Rectangle Tool (U) with a radius of 10 px. Press Alt button, applying the Rectangle Tool (U) to cut out the unnecessary elements on the bottom part, choosing for this operation the white color.

Learn how to create a clean and simple wordpress design in Photoshop CS4

The layer’s parameters: Fill 20%

Learn how to create a clean and simple wordpress design in Photoshop CS4

Create a new layer and choose for it the standard brush, used for cleaning out the bottom part of the menu on the site’s header. The brush’s color is #F2E9E0

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

On the next new layer (Create new layer) we’ll use one more time the standard brush for representing the texture of scratches situated on the site’s header zone. The color chosen for this operation is white.

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

The layer’s parameters: Opacity 13%, Blending Options>Outer Glow

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

Insert the titles for the sections on the lateral menu:

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

Now we need to represent a pattern, creating a new file of 3×1 px and 72 dpi. In this case we need to apply the Pen Tool (P) and a brush of 1 px, #A0998F color.

Learn how to create a clean and simple wordpress design in Photoshop CS4

Save it!
Edit>Define Pattern
Next we’ll represent the dividing lines on the lateral menu, selecting the Line Tool (U).

Learn how to create a clean and simple wordpress design in Photoshop CS4

The layer’s parameters: Fill 0%, Blending Options>Pattern Overlay

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

Make five copies of the last made layer and choose Free Transform option to place the copies the same way demonstrated below:

Learn how to create a clean and simple wordpress design in Photoshop CS4

Fill the menu with the inscriptions of the basic options and links.

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

Applying the Ellipse Tool (U), we need to draw dots near each menu’s option, using the color #227CBB

Learn how to create a clean and simple wordpress design in Photoshop CS4

Next we’ll create a window reserved for the login form, applying the Rectangle Tool (U) and white color.

Learn how to create a clean and simple wordpress design in Photoshop CS4

The layer’s parameters: Blending Options>Stroke

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

Make a copy of the layer containing the window and then use the Free Transform option to place the copy as it is demonstrated below:

Learn how to create a clean and simple wordpress design in Photoshop CS4

Create a new layer under the previous made one to represent a checkbox, choosing for this operation the Pencil Tool (B) and a brush of 1 px.

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

Under the checkbox’s space we’ll draw an element reserved for a button, using the Rounded Rectangle Tool (U) (radius of 3 px).

Learn how to create a clean and simple wordpress design in Photoshop CS4

The layer’s parameters: Blending Options>Gradient Overlay

Learn how to create a clean and simple wordpress design in Photoshop CS4

Gradient’s parameters:

Learn how to create a clean and simple wordpress design in Photoshop CS4

Blending Options>Stroke

Learn how to create a clean and simple wordpress design in Photoshop CS4

Learn how to create a clean and simple wordpress design in Photoshop CS4

Page: 1 2 3

Comments

WordPress theme web design

Using the Line Tool (U), try to represent several vertical dividing lines, marking the borders of the menu’s buttons. The lines’ color is black.

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

Write the buttons’ titles on the site’s header, keeping the next demonstrated demands:

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

Next we have to insert the border between the header and the rest of the site’s page. In this case we’ll select the Line Tool (U) (Weight 2 px) and the color is #121F25

Create a clean wordpress theme in Photoshop CS3

Insert the site’s title on the middle part of the page:

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create a clean wordpress theme in Photoshop CS3

Gradient’s parameters:

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

Next we must represent the section reserved for the search, situated on the left part of the site’s title. In this case we’ll select the Rounded Rectangle Tool (U) (radius of 5 px).

Create a clean wordpress theme in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create a clean wordpress theme in Photoshop CS3

Gradient’s parameters:

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

Next step includes introducing a button on the right part of the search window, applying the previous tool Rounded Rectangle Tool (U) (radius of 5 px).

Create a clean wordpress theme in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create a clean wordpress theme in Photoshop CS3

Gradient’s parameters:

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

Insert the inscriptions on the button and on the search window, keeping the next demonstrated demands:

Create a clean wordpress theme in Photoshop CS3

the inscriptions on the button:

Create a clean wordpress theme in Photoshop CS3

the inscription in the search window:

Create a clean wordpress theme in Photoshop CS3

Give a title for posts section:

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

Insert below the date and whom the news belongs to:

Create a clean wordpress theme in Photoshop CS3

Page: 1 2 3

Comments