应用PS形状工具制作网页个性导航图片

　　应用Photoshop形状工具制作网页个性导航图片

　　本例仅仅是指出一条路，运用这些技巧大家可以自由发挥，不必拘泥于非要做个一模一样的形状出来。

　　1. 打开Photoshop，新建文件，宽760px, 高500px。

　　2. 新建图层1，从左侧工具栏中，选择椭圆工具，绘制一个椭圆。同时按下Ctrl键和Enter键，使路径转为选区。任选颜色填充。

　　

(点小图查看大图)

 

　　3. 新建图层2，从左侧工具栏中，选择自定形状工具，形状下拉框中选择如图所示花形，根据椭圆大小绘制一个花型。同时按下Ctrl键和Enter键，使路径转为选区。选择与第2步相同颜色填充。

　　

(点小图查看大图)

 

　　4. 复制图层2。从左侧工具栏中，选择移动工具，分别移动图层1-3，使之形成如图所示样子

　　

(点小图查看大图)

 

　　5. 隐藏背景图层，选择菜单：图层-->合并可见图层，使三个图层合并成一个，然后取消隐藏背景图层，让背景层出现

　　

(点小图查看大图)

 

　　6. 选中图层1，选择菜单：图层-->图层样式-->描边，参数如图所示

　　

(点小图查看大图)

 

　　7. 新建图层2，用椭圆选框工具画个圆，填充渐变色，或填充对比强烈的颜色，可自由掌握

　　

(点小图查看大图)

 

　　8. 复制图层2，复制多份，分别把小圆型摆放在合适位置。用第5步中的方法，使这些复制的图层合并成一个

　　

(点小图查看大图)

 

　　9. 新建图层3，选择圆角矩形工具，在中间位置画个矩形，同时按下Ctrl键和Enter键，使路径转为选区，填充较深颜色

　　

(点小图查看大图)

 

　　10. 选中图层3，选择菜单：图层-->图层样式-->描边，参数如图所示

　　

(点小图查看大图)

 

　　11. 在图片中放置菜单文字和说明文字图片等等，根据网页主题设置即可

　　

(点小图查看大图)

 

　　12. 在Dreamweaver中，可以给图片设置热点，使图片上的文字区域形成超级链接，从而起到网页导航的作用。

站长知道&技术交流&问答互助 http://bbs.Xue163.com/forum-222-1.html 作者 小刀 的个人空间本文仅代表作者观点,与学网立场无关.

·点此查看本文专栏报道