本文作者:三岁教程网

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

三岁教程网 2022-11-12 00:00:00 74 抢沙发
效果如图


    
     Fireworks教程:制作精致英文网页导航
1、选择矢量工具中的圆角矩形工具,绘制一个170px×60px的矩形;


    
     Fireworks教程:制作精致英文网页导航
2、使用垂直线性填充;


    
     Fireworks教程:制作精致英文网页导航
3、给矩形添加外部投影效果,得到如下效果;



    
     Fireworks教程:制作精致英文网页导航
4、再给矩形添加内部投影,得到如下效果;



    
     Fireworks教程:制作精致英文网页导航
5、添加文字,选择字体Verdana。9px大小并添加外部投影,得到如下效果;



    
     Fireworks教程:制作精致英文网页导航
6、添加分割线。效果如图;


    
     Fireworks教程:制作精致英文网页导航
7、摆放好文字并调整间距;


    
     Fireworks教程:制作精致英文网页导航
8、如果想给Menu添加高光,则继续步骤,在最上方图层添加一个实心填充白色的椭圆,效果如图;


    
     Fireworks教程:制作精致英文网页导航
9、选择最开始的圆角矩形,复制一个,点选白色椭圆,反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观;


    
     Fireworks教程:制作精致英文网页导航
10、最终效果。


    
     Fireworks教程:制作精致英文网页导航
文章版权及转载声明

作者:三岁教程网本文地址:https://ssjcw.com/?id=70441发布于 2022-11-12 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,74人围观)参与讨论

还没有评论,来说两句吧...