Flash专栏: 基础教程 | 技巧运用 | MTV实例教程 | 游戏实例教程 | 实例教程 | AS教程(new)
photoshop专栏: 基础 | 进阶 | 技巧总汇 | 精彩实例 | 文字特效 | 滤镜魔术 | 实际应用
网页设计: Dreamweaver教程 | FireWorks教程 | CorelDraw设计 | Freehand/Illustrator教程 | 音乐转换教程
其他教程: 操作系统 | 程序设计 | 网站开发 | 图形图像 | 数据库 | 网络技术 | 安全相关 | 认证考试 | 硬件知识 | 服务器
FireWorks专栏>FireWorks设计>Windows XP风格按钮步步通   返回上一页

  日期:2004-10-20 21 作者:沈明峰 来源:赛迪网
天气预报 IP地址 手机号码 邮编 翻译 在线代理 在线评书 好dj


Windows XP风格按钮步步通


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

    第一步:外形/渐变填充

    利用矩形工具在画布中央拉出一个圆角矩形;打开填充面板(快捷键“Shift+F7”)从下拉菜单中选择“线性”;然后使用选择工具来调整按钮的渐变属性。

    第二步:内侧阴影

    选中矩形图形,打开效果面板并从下拉菜单中选择“阴影与发光→内侧阴影”;选择阴影参数(如图1),最后按回车键。

    


图1

    第三步:阴影

    仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择“阴影与发光→阴影”;选择阴影参数(如图2),最后按回车键。

    


图2

    第四步:使其更加醒目

    拖出一个新的圆角矩形,尺寸为先前那个矩形宽度的80%、长度的50%,并将新建矩形移动到先前矩形的上部3/4处;打开填充面板并从下拉菜单中选择线性填充;改变黑白线性渐变填充的方向;使用选择工具进行调整,使图形达到一个你满意的样子。

    接下来打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,(如图3)请参照图层面板截图中的参数进行选择。

    


图3

    最后,加上文字,你就得到一个漂亮的“苹果”按钮。


 
高手云集 版权所有 1998-2006