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

[复制链接]
查看: 280|回复: 0
gggds 发表于 2009-12-27 03:21:39 | 显示全部楼层 |阅读模式
第一步:外形/渐变填充
& g3 t% }4 b( |, J, p利用矩形工具在画布中央拉出一个圆角矩形;
6 d7 {& F* W1 M$ {( ~1 q打开填充面板(Shift+F7)从下拉菜单中选择“线性”;( B5 a9 Y; x0 f/ M& [
编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;! ]" g; k; g# W* `7 F5 R: E
使用选择工具来调整渐变属性,结果如下图所示。$ p$ t/ T; T' [
& ~. o$ A0 y1 K8 A- F2 y0 D
, a" y  j  G1 j2 I0 o, `. d% _( i% c  N
9 H& \; d6 p4 J& B; H& \& E+ I& n% a
  第二步:内侧阴影
% x& R3 y# V2 ^2 h* j4 d$ E/ d  选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;
; W2 G7 M. e# r6 e# I  照下图所示选择阴影参数;4 }( _0 V6 }! u9 ^2 N0 }- z& ~
" F1 ]" S  ~7 J/ X/ P3 W
2 J9 b0 c3 `8 ]* X- t3 a

6 R  D( W. m) W$ o/ s8 k- z" R  按回车,矩形应该变为下边图片中的样子。# n$ _. g2 n3 J. Z: d3 p7 [. ^/ m) `
4 K1 {, M! B; t3 n. k9 t7 M* U$ u

( [1 X9 w' x" E, K
. A5 v5 \1 a# M" ^  Z  第三步:阴影& G# y; B' q( ~$ V4 z9 R6 ^5 D% C
  仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;& ~- _' q) a/ L( h" `
  照左图所示选择阴影参数;" n; {+ D5 B$ t6 Q& e5 V7 e
1 O& [6 g( p8 G, q
+ j* }5 r/ \0 v, t0 L
  M2 S  U. ]6 L
  按回车,矩形应该变为左边图片中的样子。
9 @2 z8 G8 E/ ~/ _! k2 |6 J* ^% D' {( e6 _

/ |0 Z* S  t  `& y& I8 o1 _% t! K7 s2 T4 `* f" _
  第四步:使其更加醒目
8 i/ k- T- y  n  拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;
: y3 H$ _" c9 L  S- U  打开填充面板并从下拉菜单中选择线性填充;
7 m1 x7 B1 U- X0 Z9 w  改变黑白线性渐变填充的方向;
* E, |- i0 |% q4 t8 t  使用选择工具进行调整,使图形如下边所示;
' W5 F& j/ v3 r% j2 U7 r4 q
' p1 ^9 V+ x7 ^3 K3 u( p) B0 L. P6 q1 {) ^" ^1 {5 x, _8 V
/ q  ]' [8 r5 K/ s
  打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。" f6 K7 f4 G* L/ z% u! a

2 i2 E5 O  d. A4 j9 f' c2 c3 `4 m. u* r* v+ l4 v4 x

( A5 }9 K: M$ R  第五步:最后一步
0 N4 ^5 c  L5 d- c9 w8 B& I5 V+ f3 w  a$ l4 w
% f5 [* Q- t* S) u2 R; S0 ^1 a9 [

/ \  k6 Z2 |* g. o5 q: m  加上文字,你就得到了这个漂亮的aqua按钮

本版积分规则

精彩图文

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