当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks MX 2004做巧克力按钮

FireWorks
从Fireworks看设计软件的色彩使用方式
用FireWorks 三帧轻松打造酷 Banner
Fireworks绘制硬壳厚皮烫金书
Adobe Fireworks CS3的新特性
Fireworks Eyecandy滤镜效果
Fireworks简单方法打造网页“闪字”动画
Fireworks中设计网页虚线的几个妙招
Fireworks用陨石背景打造飞火连天
Fireworks 制作图标-金属锁
Fireworks 组合路径功能小解
Fireworks绘制炫彩光影缠绕DNA图案
Fireworks 制作一个水晶图标
Fireworks cs3制作vista眩彩效果
用Fireworks自带滤镜打造炫彩光环
Fireworks CS3切片工具的使用
Fireworks8:制作超级炫酷的闪字个性签名
高手制图:用Fireworks绘制的跑车详细
Fireworks教程:制作富有光感的胶囊
Fireworks打造光芒四射特效二则
Fireworks技巧:组合路径功能的运用

FireWorks 中的 Fireworks MX 2004做巧克力按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 60 ::
收藏到网摘: n/a

    1、打开FWMX或者FWMX2004,新建文件,大小随意,背景随意。选取工具箱的Ellipse Tool(圆形绘制工具),配合键盘上的Shift键,在编辑区绘制一个圆,颜色这里采用的是蓝色,如下图所示:

  2、接下来,我们要对圆形对象做一个变形处理。选中圆形对象,选取工具箱的Distort tool(扭曲变形工具),然后就拖动鼠标对圆形对象做一些变形处理,使其变成一个倾斜的椭圆,变形后的效果如下图所示:

  3、选中变形后的对象,执行Properties属性面板的Effects ---> Eye Candy 4000 LE ---> Bevel Boss 效果命令,在弹出的设置框中进行设定:Basic选项不用进行修改了,直接采用默认值即可;Lighting选项也采用默认值;Bevel Profile选项选择最上方的“Button”预设选项,点击确定即可,具体设定,请参看下图:

  4、选中编辑区的对象,执行菜单命令“Edit--Clone(快捷键为Ctrl+Shift+D)”,原地克隆一个相同的倾斜椭圆对象。选中克隆对象,执行菜单命令“Modify -- Transform -- Numeric Transform(数值变形)”,在弹出的对话框中进行设定:将变形方式社为 Scale(缩放);水平、垂直缩放比例均设为70大小,下面的两个复选框保持默认的勾选状态,具体设定如下图所示:

5、选中克隆对象,再次执行“Ctrl+Shift+D”,原地再次克隆一个缩放后的椭圆对象,如下图:

  6、同时选中最初的椭圆对象和一个缩放后的克隆对象,执行菜单命令“Modify -- Combine Paths -- Punch”,将其打孔,这样编辑区目前就只有两个对象:执行打孔命令后生成的椭圆环,还有就是缩放后的克隆对象,具体情况如下图:

  7、选中打孔后生成的椭圆环对象,执行Properties属性面板的Effects ---> Eye Candy 4000 LE ---> Bevel Boss 效果命令,在弹出的设置框中进行设定:Basic选项不用进行修改了,Bevel Profile选项也保持默认,Lighting选项需要进行一些简单的调整,具体的数值大小根据椭圆环的大小来设定,本步的目的就是要产生园环的高光点效果,可以通过观察预览窗口的效果来进行调整,本例设定数值如下图所示:

    

  8、呵呵,看看编辑区的对象发生了什么变化,是不是已经出现了我们所期待的按钮效果了!给按钮添加一些文字吧,然后再给按钮添加一种外发光效果,执行属性面板的Effects --> Shadow and Glow --> Glow 效果命令即可。具体的数值设定可以参看下图所示:

  9、复制几个制作好的按钮,然后分别执行属性面板上的Effect --> Adjust Color --> Hue/Saturation 效果命令,就可以调整出如下图所示的各种效果了!还等什么,让我们开始吧!