Photoshop Tutorial

Professional Web Template

Professional Web Template

In this tutorial, we're going to design a nice an professional web template in Photoshop
Web Templates » Pspack
Views: 21002 | 7 Comments
Page(s): « Previous 1 2

Professional Web Template




 

For making the main content area, use Rounded Rectangle to create a white rounded corner rectangle.



Open layer style dialog box and add a Stroke as shown.



Press OK. Change the layer opacity to 57%.

 


Now, we're going to add a typical content box to the template.
Select Rounded Rectangle Tool again and draw another rectangle, this time for content box.



Select the new layer, hold down Ctrl and click on it to obtain a selection and use Alt key  for subtraction as I've done below.



Click on Layer via Cut to cut the selection area into a new layer.



Open Layer Style and apply following settings.









Also add a stroke to the content area of content box.





Enjoy!


 

Comments

1. The colors aren\'t the best ones but the effects and tricks you did are what count :)
2. very good. I tried it in pink and green and it looked good. I like it.
3. Thank you, very helpful
4. Thanks learned alot from this
5. Thank You
6. Very Good. Thank you.
7. Thank you so much for these tips. I really enjoyed it and i will use these tips to design my website. Thank you!

Leave a comment: