网站首页 模板下载 教程文章 资源收集 特效代码 插件天下 建站服务 技术论坛
设为主页 加入收藏 联系我们
 
技 术 论 坛
用户名
密码
本 类 推 荐
LOGO专题
CSS样式表专题
一步一步学用Flash5
DreamWeaver经典50问
Dreamweaver 4简明教程
Fireworks4.0教程
Fireworks制作苹果按钮
Photoshop7.0教程
当前位置:教程文章--Fireworks教程
Fireworks制作苹果按钮
  在这篇教程里,我们要制作一个按钮,像苹果站点 那样。曾经在5D多媒体站有用Photoshop制作这种按钮的方法,这次我们使用Fireworks,下面的每一个步骤,有些可以合并和忽略,当然得看您的理解能力了。

  首先建立新文件,大小为420*220,背景设置为透明然后画出按钮的轮廓,我们可以使用画笔,建立一个圆角矩形。打开标尺,选择菜单View>Rulers,然后拖曳出两根水平导线定好按钮的上边和下边。建立一个圆,将鼠标指针放在上面的导线上,按住Shift拖曳出圆形,终止于下面的导线上,选择白色填充。

  为了建立另外一个圆,拷贝第一个圆,然后粘贴在工作区里,使用鼠标移动第二个圆到右边位置,移动时按住Shift键,这样可以平行移动,接着画出一个矩形放在两个圆中间,如图。选择圆和矩形,Modify>Combine>Union合并,我们就做好了按钮的轮廓。

  现在使用复制层选项建立一个新层,命名为Reflex。

  选择第一层使用相近于apple按钮的颜色填充,设置RGB色为#283c78,然后使用油漆桶工具填充轮廓,接着,我们要建立按钮上方的光影,选择Reflex层,选择变形工具Ctrl+T,如图所示变形,或者你可以使用info面板,设置宽为289,高为43。

  仍然在Reflex层,建立一个白色矩形覆盖在原来的变形区域上,我们要给它建立遮照。点击D键,删除掉边框,然后选择Fill为Linear线性填充,选择Paint Bucket工具移动填充控制柄,改变渐变填充的方向,如图所示,然后同时选择渐变矩形和倒影区,使用Select Behind工具,或者按V键,最后旋转菜单Modify>Mask Group>Mask to Image,结果如图。

 建立一个新层,命名为inf,在导线之间建立一个圆,选择Fill面板,选择radial选项。选择Edit Gradient修改渐变选项,在弹出的面板里,分别设置RGB色为#b4e6fa和#283c78。

[下一页]

 

WWW.CNCSS.COM 中文版权所有:PHLIPS工作室
COPYRIGHT(c) 2003 ALL RiGHTS RESERVED
关于我们--广告服务--联系方式--友情链接