web design templateweb design templateweb design template

Page : 1 2 3

1. Insert New Layer (Ctrl+Shift+N) over the "Border" layer and name it as "White Line"

2. Choose
Pencil Tool. Select White color ( #FFFFFF).

3. Draw Vertical line of
1px

4. Select
Eraser Tool. In Options Bar choose Mode as Airbrush and Pressure 100%

5. Brush width as
100px

6. Erase the edges of the line from top and bottom with
Eraser Tool as shown in the image.

7. Go to Layer > Duplicate Layer and name give layer name as " White Line 2"

8. Duplicate this line and shift to right hand side align with Guidelines.


9. To view Guidelines click on
View > Show > Guides (Ctrl + ')

10. Insert New Layer (Ctrl+Shift+N) & name it
as "Links Panel Fill "

11. Select
Rectangular Marquee Tool (M). Draw Rectangle as shown in the image.


12. Set color value as #775C59 and fill color in the rectangle.

13. Blend this layer
as "Softlight"

1. Select Layer > New > Layer (Ctrl +Shift+N)

2. Insert new layer and name it as
"About Us Button"

3. Select Rectangular Marquee Tool (M) and set marquee options as Fixed Size, Width 170 X Height 25.

4. Click on links panel you will get selected area fill color in selected area.

5. Set Foreground color to
#E75017.

6. Click on Edit > Fill popup Fill panel set Contents use: Foreground Color Blending Mode Normal Opacity is 100% & Click     Ok

7. Select
Type Tool (T). Set Type Tool options to Text type Verdana, Bold, Size 11px, set the anti-aliasing mode to None,     and Color to #560800

8. Type text "ABOUT US". Align the text in centre with About Us Button as shown below.

9. Select "About Us Button" Layer

10. Click on
Layer > Duplicate layer and name it as " About Us Mouseover"

11. Set Foreground Color
as #F45B1B.

12. Click on
Select > Load Selection

13. Click on
Edit > Fill Content Use Foreground color Blending Mode "Normal" and Opacity "100%" and Click Ok.

14. Select "About Us Button " Layer

15. Duplicate "About Us Button " Layer. Choose
Layer > Duplicate Layer

16. Name the Duplicate layer
as "Products Button".

17. Similarly duplicate the layer
"About Us Mouseover " and name it as "Products Mouseover"

18. Similary follow same steps for text layer and name it as "PRODUCTS"

19. Align the products layer in the stage as per the image shown below.


20. Align all products layer as shown in the image

21. Change the text of "PRODUCTS" Layer

22. Double Click on Layer thumbnail
"T"
on Products layer.

23. After clicking on "T" About Us Text will be Selected

24. Type " PRODUCTS"

25. After you type text
" PRODUCTS" click on the "Commit any Currents Edit" in the option panel
.

26. Similarly follow above steps for remaining buttons like "CLIENTS" "FEEDBACK" &"CONTACT US" .

27. The above image shows systematic arrangement of all the buttons, mouseovers and text layers.

28. Select Type Tool (T) and set Options Panel Or Character Panel

29. Font Face
Webdings, Size 250px, set the anti-aliasing method as "Crisp", Font color #DF3F00.

30. Click middle Collage panel and type "û" (Alt+0251)


Outer Glow Effect

Structure

:

Blend Mode Normals

Opacity:

50%

Noise:0
Set Color of Glow:

#670C00


Elements

Technique

:

Softer

Spread:

6

Size:5

Quality

Range

:

50%

Jitter:

0%



Inner Glow Effect

Structure

:

Blend Mode Normals

Opacity:

50%

Noise:0
Set Color of Glow:

#FF5A00


Elements

Technique

:

Softer

Source:

Edge

Choke:0%
Size:6px

Quality

Range

:

50%

Jitter:

0%








© Image Online  2001-2003