又一种苹果按钮的制作方法

[复制链接]
查看: 716|回复: 0
gggds 发表于 2009-12-27 14:00:49 | 显示全部楼层 |阅读模式
fw4 苹果风格的按钮原著:craig erskine (May 23,2002)摘要:只需两个图形即可制作一个令人非常赏心悦目的Mac风格的按钮。翻译:杀虫双
" C3 M* n' x: s% r/ N- ]3 E+ ^0 h* e$ E
# |6 W7 x" s: }+ r" ?这个教程能应用于所有的形状上实现但在圆角对象上视觉效果最好。8 `# ?. {# i2 A# _7 T" R
第一步:外形/渐变填充利用矩形工具在画布中央拉出一个圆角矩形;打开填充面板(Shift+F7)从下拉菜单中选择“线性”;编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;使用选择工具来调整渐变属性,结果如下图所示。
' H6 s) |% A7 j
* W* }0 |2 a5 f' H# n2 e7 }: {1 b5 o- p2 S3 k1 P, B

. W# S: ~2 n- `+ K. x. T第二步:内侧阴影选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;照下图所示选择阴影参数;
( {2 N  r  w; _0 q5 ~* Q( O# n3 z# u
) [# ]/ D/ |0 \5 D! c5 b

: I3 V' k; N: N* P按回车,矩形应该变为下边图片中的样子。
& ?" f) p6 J  u- j8 U* A6 H* r$ ?9 ?2 e1 M/ w2 \

  u* l+ O; E0 U5 k3 j2 r- D9 w( H, A( X* x5 G$ ^
第三步:阴影仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;照左图所示选择阴影参数;# t/ M, j; l  J7 H" x; c  U  z0 D

- {) l& t2 Z0 n" {1 o" U$ u: H$ H$ h/ P
, G; R. Q5 [  m# e
按回车,矩形应该变为左边图片中的样子。9 w" R5 M4 e& p

' N2 J4 Y+ B5 c  H% a2 y& ~- w: V5 l+ ~& H( Y0 t
1 o1 i6 U8 u" M; c8 Z# \
第四步:使其更加醒目拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;打开填充面板并从下拉菜单中选择线性填充;改变黑白线性渐变填充的方向;使用选择工具进行调整,使图形如下边所示;
  D. k2 x) n: }' p9 f1 ^. J" m7 w8 J6 s* P/ [& l0 r7 I, i( E

! b3 i  X% X4 m' ]* ^, s; R, G* N  B+ {$ w$ |
打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。% Q! V! ~) q( }

! U& J6 c3 ^& ]; ~/ m  U) \2 a" ~1 k
/ d) y. A4 y8 a) W: H6 @2 Z4 o8 ?, y! u% k7 n+ b' G& I
第五步:最后一步加上文字,你就得到了这个漂亮的aqua按钮
" e: j9 ?, ^1 Z* H% t4 }* @. ^
5 S. m/ l* Z- E6 B2 _7 x" ?

本版积分规则

精彩图文

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