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

[复制链接]
查看: 262|回复: 0
gggds 发表于 2009-12-27 03:21:39 | 显示全部楼层 |阅读模式
第一步:外形/渐变填充
" k2 p1 m' }9 O2 y  |利用矩形工具在画布中央拉出一个圆角矩形;9 d6 Y5 s& L" D& O- _$ G
打开填充面板(Shift+F7)从下拉菜单中选择“线性”;
8 L& p6 i4 }0 V5 `) W& H' W编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;9 _9 E) f* S  h) p8 A
使用选择工具来调整渐变属性,结果如下图所示。, W1 U; ?8 ^2 g0 g5 _

& B, |. h4 [7 K- J9 c9 @& b2 y: T: w+ m6 P9 _

0 U4 s7 e9 K& C# u- }$ ^$ H# o: K- ?+ T  第二步:内侧阴影
: \8 d$ l* b# }6 r  选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;- y+ {. s  n8 P
  照下图所示选择阴影参数;
3 X3 K8 \" o, R$ A. Q) V* D. x9 H

- I! v$ q  b3 e2 U3 C2 w" h
) A5 R( ?2 D% c7 _$ j; |  按回车,矩形应该变为下边图片中的样子。  r! Y4 f# t5 g* e2 E: l

: ?" a' P# t  v, [" v
, X) {$ p, t2 `5 b7 e9 S
# A8 U, Q7 [5 K2 u$ {( a( e0 {  第三步:阴影2 t7 l; E7 s8 x( U, o5 N
  仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;
8 w7 ?' L0 |9 p8 d* H  照左图所示选择阴影参数;3 ^( @$ A( q: O& b1 _& E4 Z( u

" Y! j9 x9 R2 M: M1 x: e& b  l6 o3 E  O( S0 q# L8 Z
1 h/ Y) p9 g" n, X
  按回车,矩形应该变为左边图片中的样子。
* H$ Q2 s! Y' W* u9 ^( G# R4 Q! r/ K* Y8 e" @! ~: q

6 y5 d( E$ p0 w4 e2 i; j$ o. I3 F& s! R! {7 {2 p$ m
  第四步:使其更加醒目
$ |4 i9 n9 D- \; J9 l' o  拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;* D% Y2 `# o& N7 D
  打开填充面板并从下拉菜单中选择线性填充;
) W5 t' L2 ]( v4 Z+ D5 ?) Y  改变黑白线性渐变填充的方向;" K7 h, }$ u6 W' R/ t  U4 G+ V
  使用选择工具进行调整,使图形如下边所示;
. _# a  e7 _, O6 K, C' @8 f5 M: U8 G+ n
0 u+ B$ a+ n; E

# B( A1 J* r6 l  打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。
, H- Z0 t- }6 w. n& k& z  G, ^2 B; e% N2 A: K; ~
- r3 u3 }  o6 p" s+ _# |( d
9 U  F/ X7 a" l% I; c% w* K
  第五步:最后一步2 C; U" C5 q( Q/ f. q0 p" D/ U
7 q* `  G* L0 B6 l# d

5 W$ K' I7 y& {! r6 ]9 Q9 h) }2 M4 N5 C5 y* `9 x/ [* H
  加上文字,你就得到了这个漂亮的aqua按钮

本版积分规则

精彩图文

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