当前位置:八五教程网设计频道平面设计教程Fireworks教程Fireworks教程:制作精致英文网页导航» 正文
  1. Fireworks教程:制作精致英文网页导航

  2. [11-15 12:55:21]   来源:http://www.85jc.com  Fireworks教程   阅读:8504

概要:效果如图 1、选择矢量工具中的圆角矩形工具,绘制一个170px×60px的矩形; 2、使用垂直线性填充; 经典哦3、给矩形添加外部投影效果,得到如下效果; 4、再给矩形添加内部投影,得到如下效果; 5、添加文字,选择字体Verdana。9px大小并添加外部投影,得到如下效果; 经典哦6、添加分割线。效果如图; 7、摆放好文字并调整间距; 8、如果想给Menu添加高光,则继续步骤,在最上方图层添加一个实心填充白色的椭圆,效果如图; 9、选择最开始的圆角矩形,复制一个,点选白色椭圆,反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观; 10、最终效果。

Fireworks教程:制作精致英文网页导航,标签:fireworks教程下载,fireworks,cs5教程,http://www.85jc.com
效果如图

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教程:制作精致英文网页导航

Tag:Fireworks教程fireworks教程下载,fireworks,cs5教程平面设计教程 - Fireworks教程

上一篇:Fireworks教程:制作文字效果各种方法
留言板
取消 发布留言