用Fireworks MX制作苹果型特效按钮

[复制链接]
查看: 279|回复: 0
gggds 发表于 2009-12-27 03:21:39 | 显示全部楼层 |阅读模式
第一步:外形/渐变填充# g' r; y& U- G: ]- K# r' \; C& d
利用矩形工具在画布中央拉出一个圆角矩形;
) o# K: H; o: Z9 K( a打开填充面板(Shift+F7)从下拉菜单中选择“线性”;
! p# ?3 Z/ S0 x) _9 S" l) p+ R0 w+ @/ X编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;8 i- T( i: z4 D  w. _* H. d2 D6 U1 n
使用选择工具来调整渐变属性,结果如下图所示。8 W5 S$ Z" h& @: N
6 y4 I3 W' r) V* i. O
+ K# x6 g# b  u# [7 d
2 c' k! m6 }% o7 M, y
  第二步:内侧阴影
  g7 ~( |) |: e6 g" W  p! W  选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;, j) N7 R9 U3 P$ }& I3 E
  照下图所示选择阴影参数;
1 x1 ]3 ?! D/ U% W; U8 l4 f* L# y  o/ @: _0 B' m) z
! [; ?& P& G$ D

) P8 v* ^5 A1 ~( R  按回车,矩形应该变为下边图片中的样子。# u' @  x7 I% |% c$ F5 @
4 \* i- Q8 ]) l  E8 x
# T+ R, H9 q( A- q' Q, [
$ p) `. A& ?" P' m
  第三步:阴影4 p5 ~  ?- i4 T4 ?2 c
  仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;
5 _) m+ e" X! w5 C3 V( E  照左图所示选择阴影参数;9 I) \2 Z7 p6 |5 O7 v7 m% X7 O
) ?7 l+ b: G8 J5 ^

) g* g9 {9 u2 t1 ^$ m3 b
' g" ?2 D) ]8 U3 K( p$ M4 W  按回车,矩形应该变为左边图片中的样子。2 L. [5 V2 `3 I. b2 r- z/ J
4 e6 q" j! p' Y0 z  t  [, h

8 ?. S: z: X0 B7 K: k
* i" A( V8 Q" u$ R' F6 s3 p" \! S  第四步:使其更加醒目
( ]% X5 P4 z) N  拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;) ~3 f5 i# E" c4 i& d/ u
  打开填充面板并从下拉菜单中选择线性填充;
1 ?' o6 ^8 N, @8 O& @7 ~) {+ r  改变黑白线性渐变填充的方向;
' I) h/ M& d) m+ A  使用选择工具进行调整,使图形如下边所示;
3 }( v! J3 B/ Y4 L' o/ F3 b
' @' d- W5 z4 q* W! r+ P/ Y& w6 Y" Y

$ C0 V2 Y4 D8 z; M  打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。
6 c9 w# ]7 n: ~* e+ e! ?' \  ^( g5 ?1 r0 h" u! m& r

$ V# o3 o$ G0 K( p
( p! z8 G3 S9 J  第五步:最后一步6 `5 @; V* B9 b
/ E% I7 d/ e! S1 u1 n

" z1 N: T# V, e4 a0 P% s
7 ^. V3 x' `% t( X+ e# [7 Z! X+ E  加上文字,你就得到了这个漂亮的aqua按钮

本版积分规则

精彩图文

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