View Single Post
Old 06-01-2011, 05:08 AM   #1
bolsooi31
 
Posts: n/a
Default Windows 7 Photoshop to create Web site navigation

primarily to introduce the situation with Photoshop to create a Windows 7-style navigation menu. Have a look at the last outcome:


last results

creation track record:

1, a brand new file, the dimension of custom, this can be 600 * 400 instance. Set foreground color: # 1592d7, background coloring: # 136da2, select the Radial Gradient Device. Drag in the center get the following outcomes:


Figure 1

two, add the scattered light provisions. Produce a brand new layer, pick the left toolbar - Rounded Rectangle button - Customized shape button. Find the subsequent types, if not you'll be able to click on the little arrow to the proper, extra shapes.

Figure 2

pick and drag the layer have the following outcomes:


Figure three

foreground coloring to white (# ffffff), choose the pen tool, right-click the path - the route filled. Get the following figure:


Figure four

Ideal Path - Get rid of route. Choose the Click Ok. Blend mode to Opacity of 30%.

Figure five



creating navigation history

1, add the Windows 7 words and logo. A new layer named Pulled out a black rectangle. Top based on their requirements.

Figure six

two, filled using the subsequent: 10%. A new layer, make edges. 1px draw two lines with a black leading, transparency 50%, following a white.

Figure 7

three, duplicate the leading line, transfer towards the bottom:


Figure 8

manufacturing Navigation button

1, a brand new layer,Office 2010 Professional Plus, make the subsequent choice, pay interest to upper and decrease edges:


Figure nine

2, fill it with black opaque set
Figure eleven

Gradient Overlay, colour from white to transparent. Stroke:


Figure twelve

are as follows:


Figure thirteen

4, producing the reduced ideal corner substantial light border:


Figure 14

5, add a layer mask, black background white foreground. Drag obtain the following outcomes:


Figure fifteen

the final result:


Figure sixteen
  Reply With Quote

Sponsored Links