gggds 发表于 2009-12-27 13:53:41

Fireworks 按钮制作之二

就是这个按钮,想知道制作方法吗?请跟我一起做一次吧!

http://www.7dn.cn/Article/UploadFiles/2003128203723734.gif
一、 新建文件,用矩形工具画一个黄颜色的矩形,并在fill(填充)面板中进行如下设置,texture选confetti,透明度为33%,这个texture是Fireworks4自带的。
http://www.7dn.cn/Article/UploadFiles/2003128203723580.gif
二、点击层面板底部的最左边一个按钮,建立新层,并把旧层锁住,这样做是为了使以后的工作方便一点。

http://www.7dn.cn/Article/UploadFiles/2003128203725621.gif
三、 圆形工具画一圆,在INFO中设置其W和H都为72,按回车确定。在fill面板中设置其填充类型为linear,由黑到白的渐变,点击黑色箭头工具调整渐变的方向,如下图所示。Edge( 边缘)选择feather,羽化值为3。

http://www.7dn.cn/Article/UploadFiles/2003128203728360.gif

四、 复制上面的圆形,(按住ALT键,用箭头工具把这个圆拖到下面)。在INFO面板中改变其W和H值都为69,比原图小了3个象素。

http://www.7dn.cn/Article/UploadFiles/2003128203729371.gif

五、 全选这二个圆,使用菜单命令modify->align->center vertical和modify->align->center horzontal。这时,这二个圆的中心点在同一个位置,继续执行菜单命令modify->combine->punch,对二个圆进行冲压,执行后结果如下。

http://www.7dn.cn/Article/UploadFiles/2003128203729797.gif
六、再用圆形工具画一个圆,在INFO面板中设置其W和H值都为68,按回车确定。FILL面板中的填充类型也为linear,只是反向和上面的圆相好相反,edge边缘不羽化。看下图所示。

http://www.7dn.cn/Article/UploadFiles/2003128203730112.gif

七、复制这个圆形,方法同上。在INFO面板中改变其W和H的值都为66。全选这个二圆,使用菜单命令modify->align->center vertical和modify->align->center horzontal。这时,这二个圆的中心点在同一个位置,继续执行菜单命令modify->combine->punch,对二个圆进行冲压,执行后结果如下。

http://www.7dn.cn/Article/UploadFiles/2003128203730784.gif
八、继续用圆形工具画一圆,在INFO面板中设置其W和H值都为65。Fill面板中的填充类型选择radial,点击edit按钮编辑颜色条,如下圆所示。用黑色箭头工具编辑其填充点。

http://www.7dn.cn/Article/UploadFiles/2003128203730833.gif

九、全选这三个圆形,使用菜单命令modify->align->center vertical和modify->align->center horzontal。这时三个圆形的中心在同一个地方,我们所需要的按钮效果也就完成了,看下图。

http://www.7dn.cn/Article/UploadFiles/2003128203723734.gif
页: [1]
查看完整版本: Fireworks 按钮制作之二