Fireworks MX 2004制作巧克力按钮

[复制链接]
查看: 535|回复: 0
gggds 发表于 2009-12-27 13:54:29 | 显示全部楼层 |阅读模式
近日闲来无事儿,打开FWMX2004,简单做了一些效果,自我感觉还不错,于是就写了这篇文章和大家一起来探讨一下!效果图如下所示,效果的名称一直没有想好,恰好一个朋友过来,我于是向他炫耀了一番这个效果(呵呵,风筝的虚荣心好强啊\"\"),他马上就来了一句,“怎么这么像巧克力豆啊?”呵呵,好啊,效果的名称我马上也就想了出来了,就叫巧克力按钮吧!废话多了,下面我们就来看看如何制作这种巧克力豆效果的按钮吧!$ W8 j( Q/ _- v: S  O3 |( [; C

  z  N& I* {0 C
  K; A7 ^& {- L1 D( N4 g4 X' p5 g9 E3 z

  D. t' n) Q+ t- w. |     下载PNG文件请点击这里。  1、打开FWMX或者FWMX2004,新建文件,大小随意,背景随意。选取工具箱的Ellipse Tool(圆形绘制工具),配合键盘上的Shift键,在编辑区绘制一个圆,颜色这里采用的是蓝色,如下图所示:+ R* M/ [, l8 ?* j
+ I6 y) p$ p5 [- M6 i
* i5 R' ~! x) K% H' a6 f9 i% R! R
  2、接下来,我们要对圆形对象做一个变形处理。选中圆形对象,选取工具箱的Distort tool(扭曲变形工具),然后就拖动鼠标对圆形对象做一些变形处理,使其变成一个倾斜的椭圆,变形后的效果如下图所示:' k3 o0 K  Y" S$ z

$ |! ]0 z% B' H' ^6 Y: _* c& f0 i8 H+ t" e6 J! r/ y
  3、选中变形后的对象,执行Properties属性面板的Effects ---> Eye Candy 4000 LE ---> Bevel Boss 效果命令,在弹出的设置框中进行设定:Basic选项不用进行修改了,直接采用默认值即可;Lighting选项也采用默认值;Bevel Profile选项选择最上方的“Button”预设选项,点击确定即可,具体设定,请参看下图:
! K% v0 j* t2 H- J
9 m0 v+ r- N  H8 F2 i! ~0 z$ ]( _
# F; [9 X" H4 p" N% M6 g! r/ i# @- f0 }) G6 O0 C
  4、选中编辑区的对象,执行菜单命令“Edit--Clone(快捷键为Ctrl+Shift+D)”,原地克隆一个相同的倾斜椭圆对象。选中克隆对象,执行菜单命令“Modify -- Transform -- Numeric Transform(数值变形)”,在弹出的对话框中进行设定:将变形方式社为 Scale(缩放);水平、垂直缩放比例均设为70大小,下面的两个复选框保持默认的勾选状态,具体设定如下图所示:* D, h2 l% J6 X5 ]3 c- M3 m' u& |

5 ]& E5 a+ d, P& o
* V4 s# E/ V; \9 w% Y# u& A+ F; \- V8 [5 A+ E' l7 q
  5、选中克隆对象,再次执行“Ctrl+Shift+D”,原地再次克隆一个缩放后的椭圆对象,如下图:
3 t) R5 S; c6 X6 n% t* }
9 W% v+ D# Z& R8 j" z: _' {  s& y
& ^, Q5 U- k: y8 a) Y( Y% W+ O: R% ?
  6、同时选中最初的椭圆对象和一个缩放后的克隆对象,执行菜单命令“Modify -- Combine Paths -- Punch”,将其打孔,这样编辑区目前就只有两个对象:执行打孔命令后生成的椭圆环,还有就是缩放后的克隆对象,具体情况如下图:( J8 x  _! V' H) V

# {. }, Q, u; w) B2 i) _
, N1 Y0 l: H! M
5 [' F9 V  l8 k% ^  7、选中打孔后生成的椭圆环对象,执行Properties属性面板的Effects ---> Eye Candy 4000 LE ---> Bevel Boss 效果命令,在弹出的设置框中进行设定:Basic选项不用进行修改了,Bevel Profile选项也保持默认,Lighting选项需要进行一些简单的调整,具体的数值大小根据椭圆环的大小来设定,本步的目的就是要产生园环的高光点效果,可以通过观察预览窗口的效果来进行调整,本例设定数值如下图所示:& A8 h0 J0 ~. i* Z4 u0 K

. O" J# E* m% ^1 w4 F$ W1 b" _! |) L# h/ c
, C! w8 k  Z9 u( E9 L
  8、呵呵,看看编辑区的对象发生了什么变化,是不是已经出现了我们所期待的按钮效果了!给按钮添加一些文字吧,然后再给按钮添加一种外发光效果,执行属性面板的Effects --> Shadow and Glow --> Glow 效果命令即可。具体的数值设定可以参看下图所示:
5 F6 F) ^6 G/ e9 v
' ?* i1 q8 I0 t5 A/ X3 |3 ~& j9 l8 d+ k6 d6 ^
' F4 i' d  P2 c# z/ o
  9、复制几个制作好的按钮,然后分别执行属性面板上的Effect --> Adjust Color --> Hue/Saturation 效果命令,就可以调整出如下图所示的各种效果了!还等什么,让我们开始吧!+ J7 D6 y: o7 {4 z$ U( v- r  ]
  u1 ]7 c  G' X1 [/ ^- L+ O4 [$ i
$ l! L9 M: Y* l; \$ w2 Y! ~

7 O& F7 U9 r) j3 \   下载PNG请点击这里。
# R' H  S1 A3 |3 a& v! p[color=red'][1]

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )