• home
  • forum
  • my
  • kt
  • download
  • Professional Web Template

    Author: 2008-07-04 08:05:38 From:

    Start out by making a blank document. I used  620px wide by  600px height.



    First of all, create a new layer, make a selection for header of the template .Right click on the selection area and fill it with black.





    Select the layer and double click on it in order to open Layer Style dialog box and apply following settings.

    Drop Shadow:



    Inner Shadow:



    Gradient Overlay:



    White Stroke:



    Here's the result.





    Now, we're going to make the background of the template. Make a new layer and drag it under the header layer.
    Fill it with a Linear Gradient (#84e1f8 to #cef8ff)





    Create a new layer and use Pencil Tool to make a line with 1px width as shown below.



    Select the line layer and double click on it in order to open Layer Style dialog box and apply following settings.





    The Result



    The menu is ready for adding titles. As shown below, I've added some pages to the navigation.
    Also you see a rounded corner rectangle for highlighting the current page.



    Change the rounded corner rectangle opacity to 25%.




     

    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!


    discuss this topic to forum

    relation tutorial

    No relevant information

    Category

      Abstracts (95)
      Effects (519)
      Animation (220)
      Photo Effects (823)
      Automation (20)
      Photo Retouch (316)
      Basics (411)
      Photography (302)
      Brushes (49)
      Scripting (5)
      Buttons (187)
      Text Effects (731)
      Color (77)
      Textures and Patterns (172)
      Digital Art (147)
      Web Graphics (692)
      Drawing (735)
      Web Layouts (182)

    New

    Hot