Rock Cafe Website

If you have to make a website for a friend or for a customer you try to keep it clean and simple. This tutorial will teach you to make a clean website for a rock caffe. Many people think that this is somehow hard, because it`s about rock. You just have to find pictures related with the theme and pick an appropriate design.

Step 1

Open a new document 600×400 pixel and fill it with gradient. From dark blue (#4c5975) to light blue (#a8b7d0). Now select your Rounded Rectangle Tool and draw a rectangle in the middle of the document. Go to Layer > Layer Style > Drop Shadow.

Rock Café Website

Until now the website looks like this:
Rock Café Website

Step 2

With the Rounded Rectangle Tool draw a rectangle 80 pixels height and the width should have the same size like the white rectangle. Fill it with black. The picture I will use is this:

Rock Café Website

Resize it as much as you need and drag it into your header. I put it in the right corner.
Rock Café Website

Step 3

The pictures from the next step are these:
Rock Café Website
Rock Café Website
Rock Café Website

Now take the first image, go to Layer > Layer Style > Stroke. Add a stroke with this color (#dbdbdb) and 3 px. Now safe the new image and drag to the website.

Rock Café Website

Do the same with the other 2 and place them under the first. Add some shadow like above if you like. I think it looks better with some.

Rock Café Website

Step 4

This is the content step. A little text for introduction and the 2 most important options with picture under it. You can`t make it without a guitar. I choose this one, cause it`s black and fits great in this website.

Rock Café Website

The final result after adding text, title and some little pictures:

Rock Café Website
Download Music MP3
Various Artists
X-MIX Urban Series 126
Year: 2009
Genre: hip-hop

Download music various artists mp3 various artists mp3 downloads