Photoshop Tutorials » CleanLayout Tutorial Part 4

Step 1 - Starting Out
Open up the PSD we've been working on (don't tell me you forgot about it.) It should look something like the image below so far. Step 2 - Adding a Content Box Flower
Create a new layer, and change your foreground color to pure black. Select the "Custom Shape" Tool, and select the flower that we used before (see image above.) Now click and drag the shape to create it. Make it close to the size as the one in the image below. Once you've made it, position it to the bottom-right side of the content area. Now change the blending mode of the layer from "Normal" to "Soft Light". It should now be barely visible, and add a nice touch to your content box. Step 3 - Duplicate and move
Duplicate the flower layer we just made, and move it to the same position, but in the 2nd content box. Be sure the layer doesn't overlap the text layers, or else it will look funny. Step 4 - Selection and Filling
Hold down ctrl on your keyboard, and click on the grey content box's layer icon. This will make a selection of the main content box. Once that is done, change the custom shape from the flower to the badge-like circle (see image above.) Now on a new layer below the text layers, drag the shape around the top-right side of the grey content box so it looks like the image below. Now change the blending mode of the layer to "Soft Light", and the color should go from black to a light, but darker than the content box grey, grey. Step 5 - Gradient Shadow
Select the "Marquee Selection" Tool. Make a fixed size selection of 150x20px. Now position the selection so that it aligns over the "Header" text (see image above.) Create a new layer under the text layers. Next, select the "Gradient" Tool. With the foreground (white) to transparent gradient selected, click on the left side of the selection, and drag all the way to the right side of the selection. Let go. You should come up with a gradient effect like in the image below. Step 6 - Selection and Filling
Duplicate the layer you just made in step 5, and position it under the 2nd "Header" text. Crack Open a Cold One...
You're Done! Head back to the Clean Layout Tutorial Index and download the PSD to make sure everything was done correctly!

Photoshop Tutorials » Clean Layout Tutorial Part 4