WordPress theme web design

Learn how to create a clean and simple wordpress design that can attract anyone’s eyes!

Begin by creating a new file (File>New) of 1262×1140 px and 72 dpi. Select the Paint Bucket Tool (G) to fill it with the color #F2E9E0

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

Select now the Rectangle Tool (U) to represent the primary layer of the web site to be. The color chosen in this case is #1565A2

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

Download out of Internet a pattern, like the one from below:

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

Edit>Define Pattern
Then we’ll represent a new layer where we shall apply Edit>Fill, choosing here the earlier saved pattern.

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

Set the next parameters for the made layer: Blending mode-Linear Dodge (Add)

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

On this layer we need to make a mouse click on the bottom part of the layers’ palette on Add a Mask option. Here choose the Brush Tool (B) of black color to clean out the lowest part of the site’s header.

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

Press Alt button on the same layer and then make a mouse click between the layers containing the site’s header and the pattern’s layer.

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 need to represent a central panel, reserved for certain divisions under the site’s header, selecting in this case the Rounded Rectangle Tool (U) with a radius of 10 px, applying the white color.

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

Using the same tool, we need to represent the menu’s panel:

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

Use the next demonstrated parameters by making a mouse click on the layer we work with on the layers’ palette. 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

Applying the same tool with the same parameters, try to make a panel under the already made one:

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

Using the Elliptical Marquee Tool (M), try to make the primary layer of the site’s logotype. This layer needs to be placed on the central part of the header. The zone must be painted with the Paint Bucket Tool (G) and white color.

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

Set for this layer the next chosen option: Filter>Blur>Gaussian blur

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

Using the Free Transform, try to compress the made effect by its vertical direction: The layer’s parameters: Fill 57%, Blending mode-Pin Light

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

Insert the site’s title:

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

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

Download a set of ready to use brushes for Adobe Photoshop, named vector Pack-2.
Create a new layer and apply on it the downloaded brush out of the above mentioned set. The brush’s color is #86B5D7. This pattern should be turned over with Free Transform option.

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 70%, Blending mode-Overlay, 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

Page: 1 2 3

Comments

WordPress theme web design

Learn how to create a clean and simple wordpress design that can attract anyone’s eyes!

Start working by creating a new file (File>New), having 1200×1000 px and 72 dpi.
Next we’ll select the Rectangle Tool (U) to represent the basis for the site’s header.

Create a clean wordpress theme in Photoshop CS3

Set the next indicated parameters by making a mouse click on the layer we work with on the layers’ panel. 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

Create a new layer and select the Rectangular Marquee Tool (M) to mark out the demonstrated below zone which must be painted after that with white color, choosing for this operation the Paint Bucket Tool (G)

Create a clean wordpress theme in Photoshop CS3

Apply for this layer the selection from here – Filter>Noise>Add Noise

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

The layer’s parameters: Opacity 50%, Fill 3%
Blending mode-Dissolve

Create a clean wordpress theme in Photoshop CS3

Create a new layer above the last made one and put them both together. Press Ctrl button to mark out the corresponding layers and then press Ctrl+E. Make a mouse click on the same layer on the bottom part of the layers’ panel on Add a Mask solution. Then choose the Brush Tool (B) (Opacity 20%) of black color to erase a little the background of the header.

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

Now it’s time to insert several rays on the site’s header, applying the Custom Shape Tool (U) and the color #000E11

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

The layer’s parameters: Opacity 50%, Fill 0%
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

Make a mouse click on the same layer on the bottom part of the layers’ panel on Add a Mask solution. Select the standard brush of black color to erase the rays on their middle part.

Create a clean wordpress theme in Photoshop CS3

Create a new layer where we’ll mark out the indicated zone under the site’s header. The marked zone may be filled with the color #000E11, applying the Paint Bucket Tool (G).

Create a clean wordpress theme in Photoshop CS3

Using the Rectangle Tool (U), try to put some limits on the bottom part. The layer’s color is #001118

Create a clean wordpress theme in Photoshop CS3

The layer’s parameters: Blending Options>Inner Shadow

Create a clean wordpress theme in Photoshop CS3

Create a clean wordpress theme in Photoshop CS3

Using the Rectangle Tool (U), try to draw the panel reserved for the menu’s buttons, situated on the top part of the site’s header.

Create a clean wordpress theme in Photoshop CS3

The layer’s parameters: Fill 0%
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

Page: 1 2 3

Comments