Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout DJ Layout #2
rss

DJ Layout #2

Author: Hv-Designs.co.uk More by this author


Create new document 850x850 pixels select the colors #333333 & #000000 and drag a linear gradient over the canvas.

Click to enlarge
Click to enlarge

Select the rectangular marquee tool and create a small black rectangle at the top of the canvas.

Click to enlarge
Click to enlarge

Select the rounded rectangle tool and draw a small rectangle under your black bar.

Click to enlarge
Click to enlarge

add these layers to your rounded rectangle.

image 4

image 5

image 6

Your image should now look like the one in step 3 above. Add your navigation text and a small divider.

Click to enlarge
Click to enlarge

Now select the rectangular marquee tool, on a new layer draw out a rectangle. Fill with a linear gradient using the colors #f08808 & #fee27d. Add a 2 pixel black stroke to it also.

Click to enlarge
Click to enlarge

Now using some cloud brushes add a few clouds inside the rectangle, set the layers blending mode to linear dodge. Then add a few more elements I.E. logo and dj name and/or maybe a picture of yourself dj'ing.

Click to enlarge
Click to enlarge

Now draw out a rounded rectangle under your header using the color #333333, add this drop shadow.

image 10

Your rectangle should look like this.

Click to enlarge
Click to enlarge

Now add your content. I wont go into detail on this step as its mainly just text.

Click to enlarge
Click to enlarge

Repeat the above steps and create some more content boxes. Also adding your content as you go along.

Click to enlarge
Click to enlarge

Create another rounded rectangle the same width as your canvas minus a few pixels each side. Fill with the same color as your content boxes. Add your sites logo and your footer information.

Click to enlarge
Click to enlarge

Last but no least back to your header. Select the pen tool and create a selection like this.

Click to enlarge
Click to enlarge

Fill with the color white, set layer opacity to 38% and blending mode to soft light.

DJ Layout #2 Tutorial: Final Result (Click to enlarge)
Click to enlarge

All done. Enjoy.



Author's URL: www.hv-designs.co.uk

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 "DJ Layout #2"