How to Create a Professional Web Layout in PhotoshopReviewed by Niranth M on Jul 8Rating:
Step 7 : Content Slider
Make selection that is 580 x 295 pixels.

Fill the selection with a grey tone.

Bring in the image you want to use. Clip it to the base layer we created above.

Now add shadow effect to the slider. Create a new layer. Select the Brush Tool, set the diameter to 400 pixels. Open the Brushes palette, decrease the roundness. Use the below settings.

Set the brush color to #000000 and add spot.

Apply some Gaussian Blur to soften the edges.

Select the bottom half of the shadow and delete it.

Reposition the shadow just above the slider.

I shrunk it vertically. Next align it centered to the slider. Select both layers and on the Options Panel click on the Align Horizontal Centers button.

Duplicate the shadow and rotate it vertically. Place it on the bottom edge of the slider.

Create slider control buttons using Rectangular Marqee Tool. Fill #000000.

Lower the buttons Opacity to 50%

Open the auto shapes from the Options Panel and select this arrow. Add it to the buttons.

Add a strip. Fill with #000000.

Lower the Opacity to 50%.

Here we can add description about the project.

Step 8 : Add some Welcome Lines
A welcome and some description about the website goes here.


Step 9 : Finishing up the Header
We almost finished the header. Let’s add a subtle shadow effect to the finish things off! Create a shadow just as we created earlier using the brush tool.

Leave 1px gap between the header and the shadow.

wow! that’s a great tutorial,really thanks ! great job
this is just awesome thank you soo much
[...] Option Two – Professional Web Layout [...]
im sorry for asking..
how to put links and html stuff?
Hi..
Thank you for making the only actual tutorial that I’ve been able to find. Other ‘tutorials’ haven’a actually explained how to do things, but you did so, very clearly…
cool tutorial!
Great tutorial.
Awesome … Thanks
this is just for the image, how about the coding part??
This is one the best tutorials on layout for the web I’ve seen. There are sooooo many poor quality tutorials out there. This is one of the good ones, well done!!