Fireworks打造精美导航效果

(图2.1)

免费资源www.it55.com

　　下边笔者就来教大家如何制作以上这个按钮：

　　先新建一个500*400大小的画布，画一个400*40的长方形，调成渐变，如图2.1.1

　　
（图2.1.1）

IT资讯之家 www.it55.com

　　于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2 it55.com

（图2.1.2） 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　然后我们用部分固定选定工具，

　　选取长方形的上边两点如图2.1.3

www.it55.com

vd;k;l www.it55.com rdfg

　（图2.1.3）

sflj www.it55.com kg^&fgd

　　按住shift键，按两下向右键。如图2.1.4

www.it55.com在线教程

IT资讯之家 www.it55.com

（图2.1.4） vd;k;l www.it55.com rdfg

　　画一个绿色的长方形，我们通过部分选定工具得到一个如图2.1.5 http://www.it55.com/

　　
（图2.1.5） sflj www.it55.com kg^&fgd

　　通过复制粘贴我们得到如图2.1.6 IT资讯之家 www.it55.com

www.it55.com在线教程

　　
（图2.1.6） www.it55.com在线教程

　　通过 www.it55.com在线教程

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　我们得到如图2.1.7 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

IT资讯之家 www.it55.com

　　
（图2.1.7）

　　图形发光，白色属性如图2.1.8

sflj www.it55.com kg^&fgd

　　
（图2.1.8） it55.com

　　然后再发光颜色为 #7B869A 得到如图2.1.9

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

（图2.1.9） www.it55.com

　　复制粘贴图形，去掉描边，向右移动两个像素，如图2.1.10 免费资源www.it55.com

www.it55.com

　　
（图2.1.10）

　　画一个长方形黄色渐变。放置图形下层，如图2.1.11 www.it55.com在线教程

sflj www.it55.com kg^&fgd

　　
（图2.1.11）

　　画一个长方形如图2.1.12

免费资源www.it55.com

免费资源www.it55.com

　　
(图2.1.12)

　　设置如图2.1.13

www.it55.com在线教程

　　
（图2.1.13）

it55.com

　　把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。如图2.1.14

it55.com

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　
（图2.1.14） 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　
（图2.1.15） vd;k;l www.it55.com rdfg

　　OK，到这里我们这个图形基本上就完毕了。希望本教程能对大家有所启发。

http://www.it55.com/

（阅读次数：）