WEB开发网
开发学院图形图像Fireworks 使用 Fireworks 制作水晶按钮 阅读

使用 Fireworks 制作水晶按钮

 2006-12-21 08:45:42 来源:WEB开发网   
核心提示: 图1.4新建文档对话框3、选择工具箱中的矩形工具,在画布中绘制一个和画布一样大小的矩形,使用 Fireworks 制作水晶按钮(2),4、给这个矩形添加一个深灰到浅灰色的渐变色,作为画布的背景,选择【修改】@@【变形】@@【旋转90°顺时针】命令,把这个正圆上的水平渐变色旋转为垂直

图 1.4新建文档对话框

3、选择工具箱中的矩形工具,在画布中绘制一个和画布一样大小的矩形。

4、给这个矩形添加一个深灰到浅灰色的渐变色,作为画布的背景。效果如图1.5所示。

图 1.5制作画布背景

5、选择工具箱中的椭圆工具,在舞台中绘制一个100X100像素的正圆。

6、给这个正圆填充深灰色,在属性面板中设置填充的边缘效果为“羽化”,值为“15”。效果如图1.6所示。

图 1.6从标尺中拖拽垂直引导线

说明:这里,最下方的正圆是用来实现按钮的阴影效果。

7、复制这个正圆,在属性面板中设置填充的边缘效果为“消除锯齿”,并且填充放射状渐变色,中间为浅灰色,外部为深灰色,而且浅灰色的范围要适当大一些。效果如图1.7所示。

图 1.7设置第二个正圆的属性

提示:第二个正圆的作用是用来实现按钮的边缘效果。

8、复制第二个正圆,选择【修改】@@【变形】@@【数值变形】(快捷键:【Ctrl+Shift+T】)命令。把这个正圆缩小到原来的80%。

9、给第三个正圆填充线性渐变色。选择【修改】@@【变形】@@【旋转90°顺时针】命令。把这个正圆上的水平渐变色旋转为垂直渐变色。效果如图1.8所示。

Tags:使用 Fireworks 制作

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接