查看完整版本: Fireworks教程：制作精致英文网页导航

Fireworks教程：制作精致英文网页导航

来源:蓝色理想   作者：dowhatyouwant

　　效果如图

[img]http://www.missyuan.net/upimg/allimg/080718/2025390.jpg[/img]

　　1、选择矢量工具中的圆角矩形工具，绘制一个170px×60px的矩形；

[img]http://www.missyuan.net/upimg/allimg/080718/2025391.jpg[/img]

　　2、使用垂直线性填充；

[img]http://www.missyuan.net/upimg/allimg/080718/2025392.jpg[/img]

　　3、给矩形添加外部投影效果，得到如下效果；

[img]http://www.missyuan.net/upimg/allimg/080718/2025393.jpg[/img]

　　4、再给矩形添加内部投影，得到如下效果；

[img]http://www.missyuan.net/upimg/allimg/080718/2025394.jpg[/img]

　　5、添加文字，选择字体Verdana。9px大小并添加外部投影，得到如下效果；

[img]http://www.missyuan.net/upimg/allimg/080718/2025395.jpg[/img]

　　6、添加分割线。效果如图；

[img]http://www.missyuan.net/upimg/allimg/080718/2025396.jpg[/img]

　　7、摆放好文字并调整间距；

[img]http://www.missyuan.net/upimg/allimg/080718/2025397.jpg[/img]

　　8、如果想给Menu添加高光，则继续步骤，在最上方图层添加一个实心填充白色的椭圆，效果如图；

[img]http://www.missyuan.net/upimg/allimg/080718/2025398.jpg[/img]

　　9、选择最开始的圆角矩形，复制一个，点选白色椭圆，反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观；

[img]http://www.missyuan.net/upimg/allimg/080718/2025399.jpg[/img]

　　10、最终效果。

[img]http://www.missyuan.net/upimg/allimg/080718/20253910.jpg[/img]

交作业~~~~
MS还是沙发~~~~~~

不错 谢谢楼主了

交作业咯!
第一个是照着教程做的,第二个是回忆着做的...
怎么两个做出来看着不太一样abc::18

哪里有外部投影啊？

呵呵，又学了一招呵abc::01

我怎么找不到内部投影和外部投影啊，只有一个选项：投影

abc::01 呵呵`这个要学啊``

刚学习FW不是太会``
请问PS怎么弄这个``