设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks MX 2004制作巧克力按钮
返回列表
发布主题
Fireworks MX 2004制作巧克力按钮
[复制链接]
查看:
246
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 12:47:16
|
显示全部楼层
|
阅读模式
近日闲来无事儿,打开FWMX2004,简单做了一些效果,自我感觉还不错,于是就写了这篇文章和大家一起来探讨一下!效果图如下所示,效果的名称一直没有想好,恰好一个朋友过来,我于是向他炫耀了一番这个效果(呵呵,风筝的虚荣心好强啊\"\"),他马上就来了一句,“怎么这么像巧克力豆啊?”呵呵,好啊,效果的名称我马上也就想了出来了,就叫巧克力按钮吧!废话多了,下面我们就来看看如何制作这种巧克力豆效果的按钮吧!
. w; a, T! w+ J v+ S' h
% P% Q3 Z7 m c! h
下载PNG文件请点击这里。
9 p0 _3 I! e+ k O9 _/ T) E
5 ]9 d/ U6 i6 ?7 s
1、打开FWMX或者FWMX2004,新建文件,大小随意,背景随意。选取工具箱的Ellipse Tool(圆形绘制工具),配合键盘上的Shift键,在编辑区绘制一个圆,颜色这里采用的是蓝色,如下图所示:
8 A! \; p& }' r6 a% i4 H
) \3 S- _2 v5 m
2、接下来,我们要对圆形对象做一个变形处理。选中圆形对象,选取工具箱的Distort tool(扭曲变形工具),然后就拖动鼠标对圆形对象做一些变形处理,使其变成一个倾斜的椭圆,变形后的效果如下图所示:
; `& c7 Z$ A, x( V* S5 K
( Q! I1 y1 B# F8 r
3、选中变形后的对象,执行Properties属性面板的Effects ---> Eye Candy 4000 LE ---> Bevel Boss 效果命令,在弹出的设置框中进行设定:Basic选项不用进行修改了,直接采用默认值即可;Lighting选项也采用默认值;Bevel Profile选项选择最上方的“Button”预设选项,点击确定即可,具体设定,请参看下图:
: m }' e; g. [, E$ l
2 H( w" J% x( C7 S% o
4、选中编辑区的对象,执行菜单命令“Edit--Clone(快捷键为Ctrl+Shift+D)”,原地克隆一个相同的倾斜椭圆对象。选中克隆对象,执行菜单命令“Modify -- Transform -- Numeric Transform(数值变形)”,在弹出的对话框中进行设定:将变形方式社为 Scale(缩放);水平、垂直缩放比例均设为70大小,下面的两个复选框保持默认的勾选状态,具体设定如下图所示:
: `' P/ T; b+ o. M, m# X) Y
6 X. H# ^3 g2 x
5、选中克隆对象,再次执行“Ctrl+Shift+D”,原地再次克隆一个缩放后的椭圆对象,如下图:
- j$ l0 D5 K3 g k8 Q5 _
' @3 y4 }0 r! h9 C4 |. @& g
6、同时选中最初的椭圆对象和一个缩放后的克隆对象,执行菜单命令“Modify -- Combine Paths -- Punch”,将其打孔,这样编辑区目前就只有两个对象:执行打孔命令后生成的椭圆环,还有就是缩放后的克隆对象,具体情况如下图:
( Z+ ^" ~8 j- {, {" f T
7 ^: t( |; U8 M9 M: K: `9 N0 I
7、选中打孔后生成的椭圆环对象,执行Properties属性面板的Effects ---> Eye Candy 4000 LE ---> Bevel Boss 效果命令,在弹出的设置框中进行设定:Basic选项不用进行修改了,Bevel Profile选项也保持默认,Lighting选项需要进行一些简单的调整,具体的数值大小根据椭圆环的大小来设定,本步的目的就是要产生园环的高光点效果,可以通过观察预览窗口的效果来进行调整,本例设定数值如下图所示:
) y% Z' |4 ^5 X9 q2 ^
% Q$ f7 O; u8 C" M! z, S
8、呵呵,看看编辑区的对象发生了什么变化,是不是已经出现了我们所期待的按钮效果了!给按钮添加一些文字吧,然后再给按钮添加一种外发光效果,执行属性面板的Effects --> Shadow and Glow --> Glow 效果命令即可。具体的数值设定可以参看下图所示:
+ E# z6 C+ n! P5 u; x) u
# N3 _+ G4 K$ l7 k8 Q. H* H
9、复制几个制作好的按钮,然后分别执行属性面板上的Effect --> Adjust Color --> Hue/Saturation 效果命令,就可以调整出如下图所示的各种效果了!还等什么,让我们开始吧!
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表