Navigation
Resources
Tutorials » Stylish Blue Blog Layout
Step 11
Create a new layer named 'underline' and make a selection of 840x15px under your 'gradient' layer and add a gradient from #8c8c8d to #c9c9c9 in the selection.

Step 12
Create a new group named 'right side boxes', create a new layer named 'bg', make a selection of 265x722px under your 'underline' layer and to the right hand side. Fill this selection with #e8e8e8.

Step 13
Create a new subfolder named 'tutorial cats', make a new layer named 'header gradient' make a selection of 225x40px 20 pixels in and down from the right hand corner of your 'bg' layer. Add a gradient from #1e1e1e to #000000 in the selection. Create a new layer named 'header shine' and fill a selection of 225x20px on the top half of your 'header gradient' layer with #ffffff, and lower the opacity of the layer down to 7%. Add some text for your box, the font that I have used here is Arial, Bold, 14pt, Crisp, #ffffff.

Step 14
Create a new layer named 'box bg' and make a selection of 225x340px below your 'header gradient' layer, fill the selection with #ffffff. Add some tutorial categories, the font that I have used here is Arial, Regular, 12pt, None, #004663.

Step 15
Now do the same as you did in steps 13 and 14 for a friends / affiliates box.

Step 16
Now we are going to do the fill in text for the main content. The text that I have used here is from lipsum.com. Create a new folder named 'main content' and add a header, the font that I have used for this is Arial, Bold, 18pt, Smooth, #3d3d3d.

Step 17
Create a new layer named 'logos - mini' and add the logo that you used in the banner onto this layer, and then resize it down to about 16x16 pixels. You can do this by selecting the layer and then going Edit > Transform > Scale - or the short keys: Ctrl + T. Add some text to the right of your mini logos, the font that I have used here is Arial, Regular, 12pt, None, #3d3d3d.

Step 18
Create another header on a new text layer, the same font styles from the first header.

Step 19
Create a new layer named 'tutorial images' and add some thumbnails of tutorials that you have done (I have chosen to put a couple from this site) or someone else. Add a Stroke to this layer.

Step 20
Add some text alongside the tutorial images. I have used the same font styles as the main text above.

« Previous 1 2 3 Next »
Create a new layer named 'underline' and make a selection of 840x15px under your 'gradient' layer and add a gradient from #8c8c8d to #c9c9c9 in the selection.

Step 12
Create a new group named 'right side boxes', create a new layer named 'bg', make a selection of 265x722px under your 'underline' layer and to the right hand side. Fill this selection with #e8e8e8.

Step 13
Create a new subfolder named 'tutorial cats', make a new layer named 'header gradient' make a selection of 225x40px 20 pixels in and down from the right hand corner of your 'bg' layer. Add a gradient from #1e1e1e to #000000 in the selection. Create a new layer named 'header shine' and fill a selection of 225x20px on the top half of your 'header gradient' layer with #ffffff, and lower the opacity of the layer down to 7%. Add some text for your box, the font that I have used here is Arial, Bold, 14pt, Crisp, #ffffff.

Step 14
Create a new layer named 'box bg' and make a selection of 225x340px below your 'header gradient' layer, fill the selection with #ffffff. Add some tutorial categories, the font that I have used here is Arial, Regular, 12pt, None, #004663.

Step 15
Now do the same as you did in steps 13 and 14 for a friends / affiliates box.

Step 16
Now we are going to do the fill in text for the main content. The text that I have used here is from lipsum.com. Create a new folder named 'main content' and add a header, the font that I have used for this is Arial, Bold, 18pt, Smooth, #3d3d3d.

Step 17
Create a new layer named 'logos - mini' and add the logo that you used in the banner onto this layer, and then resize it down to about 16x16 pixels. You can do this by selecting the layer and then going Edit > Transform > Scale - or the short keys: Ctrl + T. Add some text to the right of your mini logos, the font that I have used here is Arial, Regular, 12pt, None, #3d3d3d.

Step 18
Create another header on a new text layer, the same font styles from the first header.

Step 19
Create a new layer named 'tutorial images' and add some thumbnails of tutorials that you have done (I have chosen to put a couple from this site) or someone else. Add a Stroke to this layer.

Step 20
Add some text alongside the tutorial images. I have used the same font styles as the main text above.

« Previous 1 2 3 Next »



