Fireworks MX 2004制作巧克力按钮_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


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

Fireworks MX 2004制作巧克力按钮

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

　　近日闲来无事儿，打开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 效果命令，就可以调整出如下图所示的各种效果了！还等什么，让我们开始吧！

[网页制作]ColdFusion MX 轻松制作 FLASH  [网页制作]DW MX 的快键一览表
[网页制作]Fireworks 8 全新功能图文快报  [网页制作]Fireworks 的描边表面研究
[网页制作]Fireworks 画竹子  [网页制作]怎样学习 Fireworks
[网页制作]国色天香！Fireworks绘制国画牡丹  [网页制作]Fireworks 中的虚线
[网页制作]fireworks 图像优化快速教程  [网页制作]Fireworks 绘制立体文字图标

教程录入：mintao 责任编辑：mintao

上一篇教程：制作“红十字会标志”的方法

下一篇教程： Fireworks MX 2004版本控制和文件上传

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……