
Step 1:
Let's start out by creating a new file. I used a 850×300 pixels canvas set at 72dpi, and I filled my background with white. In a new layer draw a large gray rounded rectangle with a short cuve, #B9BABF color shade and 300 x 185 px dimensions. Then cut the right side corners off the rounded rectangle.

Step 2:
Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to your gray rounded rectangle layer.


Result:

Step 3:
In a new layer draw a gray vertical rectangle with #C3C6CB color shade and 56 x 185 px dimensions.

Step 4:
Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow and Gradient Overlay blending options to the gray vertical rectangle layer.



Result:

Step 5:
In a new layer draw a black vertical rectangle with the same size as your gray vertical rectangle.

Step 6:
Under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to the black vertical rectangle layer. Then set the layer's blending mode to Lighten.


Result:

Step 7:
In a new layer draw a large dark gray rounded rectangle with #3D4047 color shade and 275 x 159 px dimensions.

Step 8:
Under Layer Style(Layer > Layer Style) add an Inner Glow, Gradient Overlay and Stroke blending options to the dark gray rounded rectangle layer.



Result:

Step 9:
In a new layer draw a white rectangle with 39 x 69 px dimensions on the top right corner of the design.

Step 10:
Under Layer Style(Layer > Layer Style) add an Inner Shadow, Satin, Gradient Overlay and Stroke blending options to your white rectangle layer.




Result:

Step 11:
In a new layer draw a small white rectangle with 38 x 5 px dimensions as shown below.

Step 12:
Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to your small white rectangle layer.



Result:

Results:
iRiver Design.


Do you have a website or blog? Please support this page.
If you've enjoyed reading the above tutorial, or it's been helpful to you I'd really appreciate a link back to it from your blog or website, as every little link helps! |
Here are the relevant details to help make the job easier for you . . |
Title = Professional Blog Template Design
Description = An easy-to-follow tutorial on creating a Professional Blog Template Design
URL = http://www.castleprint.co.uk/photoshop_blog_template_design.html |
|
Designers! Would you like to write for us?
Are you a designer? If so, would you like to contribute to our site in return for some promotional links back to your site / blog?
Whether it's a tutorial using your favoured software, logo design, web design or you have some useful general design tips, then we'd love to hear from you. Providing your content is unique, i.e. not published elsewhere, then I'm sure we can come to an arrangement whereby we both benefit.
If so, please drop me a private message here: PM to Paul |
Please help us to provide you the reader with the most relevant content by providing your feedback on the above article/tutorial.
We don't ask for any personal information and it will take less than a minute to leave feedback.
Please SUBMIT YOUR FEEDBACK here.

Other Photoshop Tutorials: |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|

Further design-related info: |
|
|
|
|

back to top
Hopefully, the above tutorial has been of some help so please let us know how we're doing by leaving a message in the comments section below.
Would you like to see new Photoshop tutorials on a regular basis? Are you interested in Adobe Illustrator tutorials? Please let us know! |