Photoshop  Home Photoshop Web Layout Blog Layout Design
rss

Blog Layout Design

Author: DesignTutorials.info More by this author


Having a blog is the last trend on the web. Your blog to be popular is even trendier. Therefore with this tutorial you will learn how to make a unique, colorful and at the same simple blog layout using Adobe Photoshop. Simple and clean are the two most valuable characteristics of a template. The picture I use is this.

image 1

Step 1

Open a new document 500x200 pixel, with black background. Open the image and drag it to the new document. Ctrl+ Right Click and Merge Layers.

image 2

Step 2

Now open a new layer (Layer->Layer Style).With your Rectangular Marquee Tool draw a rectangular at the bottom of the flower. Fill it with white and set the opacity to 20%.

image 3

Add text. The color you should use is #7e9239.Ctrl+ Right Click and Merge Layers.

image 4

Step 3

Open a new document 550x600 pixel with white background. Drag the header and place in the middle in the upper part. Above add some text and use the same color as in the header.

image 5

Step 4

Make a new document 500x7 pixel. Fill it with #36541e. Open another document 400x7 pixel and fill it with #7e9239. And another but 300x7 pixel and fill it with #adb47d. Place them like this.

image 6

The final result should be this.

Blog Layout Design Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Blog Layout Design"