Fireworks实例指导 ─ 用FW制作按钮(四)

[复制链接]
查看: 326|回复: 0
gggds 发表于 2009-12-27 13:07:27 | 显示全部楼层 |阅读模式
  看如下按钮,是不是觉得透明感特别强呢,是不是想马上学会!
: t- B* n0 A" B! H/ l- B8 g* y9 q# W( k
  一、 新建文件。用矩形工具在画布上画一个矩形,打开info面板,设置其W为226,H为46,按回车确定。设置填充色为蓝色,RGB值为#006699。在object面板中把roundness的滑动杆拉到最顶端,100。设置完这些,一个圆角的矩形就了来了。  二、 此时圆角处于被选择状态,我们打开effect面板来增加实时特效。   (1) 在下拉菜单中选择shadow and glow->drop shadow增加阴影,具体设置看下图。使阴影淡淡的。
6 \8 ~( U& D# p& ]3 N, \: t! V/ l* J  a: M
 (2)加完阴影后,再从下拉菜单中选择shadow and glow->glow,增加发光效果,颜色选为#CCCCCC,其他设置参考下图。
6 W+ b) }, ]! L0 H, H% c7 D9 l0 D% W8 x3 z9 L( E( F
  (3)增加完实时特效后,图形如下
2 p9 S! Z6 C# X% P; T% T/ K. i- F( r) d9 m- ]* {1 d6 ~8 r* v7 \0 }7 S6 K
  三、 用矩形工具再画一矩形,打开info面板,把这个矩形的W设为192,高度设为24,颜色为#84FFFF。同上面一个矩形一样,在object面板中,把roundness设为100。选中这个矩形,执行菜单命令modify->ungroup。  四、 用白色箭头工具,把矩形上部分的二个定位点向下拉,拉到如下图的位置。
# ^+ w) ~  x& r- J. }" a
  C5 u  g1 j9 J. n8 r' j  五、 打开fill面板,设置edge为feather,其羽化值为18。  六、二个圆角矩形的放置位置如下。
  i( j: e! @8 y" P8 Q  t4 k
/ R9 G- }) |' G  七、再画个矩形,方法同上,info面板设置为W为212,H为30。Object面板中的roundness为100,用小刀工具把这个矩形从左到右分成上下二部分,用白色箭头工具,选择下面一部分,按del键删除。   八、在fill面板中把这半个矩形的填充类型设为linear,按edit按钮编辑渐变色,并用箭头工具调整渐变方向。设置edge为feather,其羽化值为8。
4 g( M: R1 b* N+ I+ z. U5 a5 R0 t6 X
  九、把上面把完成的半圆角矩形放在如下位置。4 c5 @' B9 n# V6 l  ~' j- T

% M( s. k$ ?$ G8 X; G5 t+ L  十、用文字工具,在text editor编辑窗口中键入DONGER这几个字,字体为arial black,尺寸为28,加粗。   十一、打开effect面板,为字增加阴影,其设置如下,阴影深度为12,透明度为29%,柔化度为4。   至此,这个按钮就算全部完工了。

本版积分规则

精彩图文

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