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

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! (more…)

Page: 1 2 3

Comments