Want to design your own site? It’s not too difficult to learn, though like most things, it does have a learning curve. Where many people seem to get tripped up is in specific solutions to specific problems. Fortunately there’s a good chance that someone before you has already had the same problem and even better has found a solution.

In this tutorial I’m going to show you how to create a Clean Blog theme in Photoshop also i will show some of technique that may help you to create more themes in the future, we usually create one page “Home Page”, but in this tutorial we are going to create two page “Home Page” and “Content Page”, Grab your coffee and let’s get started and see how to prepare a clean and sleek blog theme by yourself.

Preview of Final Results

Resource Details

Social Network Icon: Komodomedia

Step 1

Create a new document using Photoshop with the following dimensions: 1400 X 3000 Pixel. Make sure to remove the lock option from the background and rename it to: Bg.

Step 2

We now need to set up guide lines. Go to View > New Guide.. > Check ‘Vertical’ and type in the following values, then press ‘Ok’.118px, 955px, 977px, 1255px, 1277px,

Step 3

Let’s move to the next step by creating the header, select Rectangular Tool & set up code color #2d2d2d and start creating header as you see in the image below

Step 4

Apply the settings Gradient Overlay by following the image below: Layer > Layer Style > Gradient Overlay

Step 5

Good start now let’s Create navigation, Select Rectangular Marquee Tool set up size Height: 69px and fill Selection with any color you want, in the layer box change fill Opacity to 0% and apply the settings Gradient Overlay by following the image below

Step 8

It’s time to add social network, RSS, Twitter, Facebook, Flickr, 13px between icons and Height: 19px

Step 9

Start Creating the search form by select the Rounded Rectangular Tool and set up code color #EEEEEE

Read More