Windows XP风格按钮步步通_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

Windows XP风格按钮步步通

作者：闵涛文章来源：闵涛的学习笔记点击数：857 更新时间：2009/4/23 13:15:03

　　用过Windows XP的朋友都为它漂亮的界面所动心，现在我们用Fireworks MX只需几步即可制作一个赏心悦目的Windows XP风格的按钮。

　　第一步：外形/渐变填充
　　利用矩形工具在画布中央拉出一个圆角矩形；打开填充面板（快捷键“Shift+F7”）从下拉菜单中选择“线性”；然后使用选择工具来调整按钮的渐变属性。
　　第二步：内侧阴影
　　选中矩形图形，打开效果面板并从下拉菜单中选择“阴影与发光→内侧阴影”；选择阴影参数，最后按回车键。

　　第三步：阴影
　　仍然选择矩形图形，再次使用效果面板并从下拉菜单中选择“阴影与发光→阴影”；选择阴影参数，最后按回车键。

　　第四步：使其更加醒目
　　拖出一个新的圆角矩形，尺寸为先前那个矩形宽度的80%、长度的50%，并将新建矩形移动到先前矩形的上部3/4处；打开填充面板并从下拉菜单中选择线性填充；改变黑白线性渐变填充的方向；使用选择工具进行调整，使图形达到一个你满意的样子。
　　接下来打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”，请参照图层面板截图中的参数进行选择。