Fireworks MX 2004制作巧克力按钮

按钮

近日闲来无事儿,打开FWMX2004,简单做了一些效果,自我感觉还不错,于是就写了这篇文章和大家一起来探讨一下!效果图如下所示,效果的名称一直没有想好,恰好一个朋友过来,我于是向他炫耀了一番这个效果(呵呵,风筝的虚荣心好强啊~~),他马上就来了一句,“怎么这么像巧克力豆啊?”呵呵,好啊,效果的名称我马上也就想了出来了,就叫巧克力按钮吧!废话多了,下面我们就来看看如何制作这种巧克力豆效果的按钮吧!


     下载PNG文件请点击这里。

  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 效果命令,就可以调整出如下图所示的各种效果了!还等什么,让我们开始吧!

时间: 2024-08-29 13:29:45

Fireworks MX 2004制作巧克力按钮的相关文章

Fireworks MX 2004 制作GIF动画(1)

GIF动画的实现,是由逐张图画在不同的时间段快速地显示出来,由于人眼有0.1秒的视觉暂留,所以图像看上去就像是动了起来.而每一张图画就叫作"帧",它是组成动画的基本单位. GIF图形动画为网页增添许多活泼生动.复杂多变的图形元素,因此GIF动画在网页制作中被广泛应用,甚至大家喜欢的 QQ动态表情 大多也是Gif动画呢. Fireworks正是制作GIF动画很好的工具,这一部分我们看看Fireworks MX 2004在动画制作方面的特色. 1.制作GIF动画 我们先来做一个简单的五帧动

Fireworks mx 2004制作风景类Logo全过程

过程 由于我是初学FW,有欠缺的地方,希望能指出.十分谢谢!(PS:本教程仅仅针对ilogo-snake的这个logo进行展开,并不一定具有共性或定律.教程对象:新人) Best View:IE5.0+ or NetCaptor4.0+Display At:1024*768 ---------------------------------- [教程]:共3个部分. 一.准备 二.制作(Step1- 5.[背景Step1-3:边框Step4:动画Step5(稻田动画.文字动画.云朵动画.树叶动画

Fireworks MX 2004制作坐在雨中的女孩

笔者拿到Fireworks MX 2004试用版的时候,我粗劣的看了看新功能,让我惊奇的发现在Effects(效果)面版上增加Motion Blur(动态模糊)和Add Noise(添加杂质)两种滤镜. 今天,我们将熟悉这两种新增加滤镜做一个下雨效果. 首先,用Fireworks MX 2004打开该图片,图片层上新建一个和图片一样大小的矩形,fill填充为黑色,stroke为None 第2步选中填充后的矩形层,打开Properties属性面版,然后我们在Effects(效果)面版增加Add N

Fireworks MX 2004 制作GIF动画(3)

3.使用"洋葱皮"功能 在动画制作当中使用"洋葱皮"功能可以方便地查看当前所选帧之前和之后的帧内容.从而为动画的制作带来方便. 点击"帧"面板左下角的小箭头 按钮,即可弹出"洋葱皮"功能选项,如图6-10与效果图6-11. 图6-10 图6-11 启动"自定义"项可以自行设置显示的帧数及不透明度等,如图6-12. 图6-12 而"多帧编辑"则是允许同时编辑多个帧的对象,从而免去了在多个帧

Fireworks MX 2004 制作GIF动画(2)

2."帧"面板的使用 在Fireworks中GIF动画的制作离不开对"帧"面板的操作,因此学会对"帧"面板的使用非常重要. 帧的重命名:在"帧"面板上双击帧的名称,即可为该帧重命名,如图6-05. 图6-05 帧的延迟时间:在每一帧名称的右边都有一个"7"字.这些数字表示各帧的延迟时间,这里的"7"表示该帧的延迟时间是0.07秒.双击该处即可重新设置帧的延迟时间,如图6-06. 图6-0

使用 Fireworks MX 2004 制作IE浏览器图标

浏览器 1.新建画布,选取椭圆工具,按SHIFT绘制一个圆形,再在圆形的内部绘制一个略小的椭圆,使用菜单对齐命令将两者居中对齐. 2.同时选中圆形和椭圆对象,选择菜单"修改|组合路径|打孔"命令,组合得到圆环图形. 3.选取矩形工具,在圆环中心位置绘制一个矩形框,同时选中两个对象,选择菜单"修改|组合路径|联合"命令. 4.使用钢笔工具,绘制如图所示的图形,用其对原图形进行打孔切割,得到字母"e"的基本形态. 5.绘制一个椭圆,选取缩放工具,将其

Fireworks MX 2004 制作移动硬盘

硬盘 移动硬盘的制作,主要是透视的细节: 1.移动硬盘的模型,方法和显示器鼠标类似,注意从桌面返回的光 2.表面的制作,和显示器一样,先画好屏幕图,然后变形,第一次变形对好四个角 3.这里有个小诀窍,把刚才的变形步骤保存下来,以后每次修改完屏幕图直接用命令菜单的该命令就可以很准确的把屏幕图"贴"到物体上 4.同样,鼠标的侧面也使用这种方法,基本完成了造型,但是还缺少点什么,整个移动硬盘表面上的东西象是贴上去的图,没有任何层次感 5.这里就让他有层次感,使用内侧阴影和投影特效修饰部分元素

巧用Fireworks MX 2004制作金属字特效

 开始第一步: 选择字体:04b-08 字体大小:125,填充如下:     第二步: 选效果/光晕和阴影/内侧发光........参数设置如下: 第三步: 选效果/斜角和浮雕/内斜角..........参数设置如下: 第四步: 选效果/调整颜色/曲线................参数设置如下: 第五步: 选效果/调整颜色/亮度和对比度.....参数设置如下: 最后的效果如下: 终于完成了,可以松口气了,大家去试一试吧,只要努力一定会进步的.

Fireworks MX 2004 制作波尔卡点边框

效果如下 选择一个图片,用FW打开 在图片上面建立一个层,作一个和图片一样大小的矩形,用白色填充 为这个举行添加效果Edges 具体设置如图 注意Color(颜色填充)这里选择黑色 选中矩形,Ctrl+X 剪切 选中图片,执行:编辑-->粘贴为蒙板 在层面板中,点选图片的蒙板 在属性面板中设置蒙板类型为灰度外观 完成!