Subscribe Via RSS

3878 Subscribers

Subscribe Via RSS
Subscribe Via Twitter


Subscribe Via Twitter
DJ Layout #2

April 4th, 2008 in Photoshop Tutorials by Richard Carpenter

DJ Layout #2

1 Star2 Stars3 Stars4 Stars5 Stars22 Votes, Rating: 4.45
Loading ... Loading ...

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

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

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

add these layers to your rounded rectangle.

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

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.

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.

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

Your rectangle should look like this.

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

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

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.

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

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

All done. Enjoy.

About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter and im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of Photoshop Plus. You can follow me on twitter HERE. You may also view my portfolio HERE.


Richard Carpenter has written 364 posts.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

17 Responses to “DJ Layout #2”

  1. Naveed says:

    wow really nice simple yet effective :)

  2. Dj Wolssy says:


  3. Hazem says:

    Congratulations for your good site :)

  4. very nice layout you got going there. colors have a great color combination.

  5. Helpfull hand says:

    1 Word: Awesome ;)

  6. no words

  7. Prabhu V says:

    Superb this sucession….

  8. Devan says:

    makes me wanna be a dj

  9. pawel says:

    Hello i make in photoshop similar layout and how to use with html?? i have only a big picture help :D

  10. Nana Yaw says:

    Good stuff

  11. daniyal says:


    Richard Carpenter sir i really like ur work thanks a lot for shearing with us such a great tuts .

  12. excellente aspem de amavo y bancias con entar ogurbem. barespimo a edurrerio y jugarga tórbica con ionin ssorria!

Leave a Reply