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

[复制链接]
查看: 745|回复: 0
gggds 发表于 2009-12-27 14:00:49 | 显示全部楼层 |阅读模式
fw4 苹果风格的按钮原著:craig erskine (May 23,2002)摘要:只需两个图形即可制作一个令人非常赏心悦目的Mac风格的按钮。翻译:杀虫双 9 ~- x5 h: j( }& l. y% P$ M5 y! j8 l

. T3 z- X6 F: x0 m, e这个教程能应用于所有的形状上实现但在圆角对象上视觉效果最好。; n+ I  ]* m+ ^% I  U/ j
第一步:外形/渐变填充利用矩形工具在画布中央拉出一个圆角矩形;打开填充面板(Shift+F7)从下拉菜单中选择“线性”;编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;使用选择工具来调整渐变属性,结果如下图所示。
3 i  s: c, i, Z9 G
/ N$ @- K7 T+ g" V  s! c/ Y$ d# I* a( v& q1 L: `& n6 |
# [* y4 c: O3 z9 C6 u
第二步:内侧阴影选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;照下图所示选择阴影参数;
; }% H3 j  ~/ K
3 x  X/ ^4 T. U. C2 k8 s, U* Z- B# J$ I( A) F0 ]
6 \+ o6 i2 _" D$ Z( r
按回车,矩形应该变为下边图片中的样子。
7 O1 ?/ b$ |( q) K! t) m9 _! g9 U! W1 d5 n

" k7 Q' M+ ^9 W7 D- w4 i6 x* E" N+ B$ z* j6 f! ]4 G
第三步:阴影仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;照左图所示选择阴影参数;, C/ a- y1 I  w. E; e) z: \

& {7 B, [3 y0 K' Q
9 E8 |* F: O; V! Y
4 M5 B. ]4 d# h按回车,矩形应该变为左边图片中的样子。" I/ T4 p* F: D9 z$ X

2 c  ^3 ?# t9 W' z. h* E1 P( b
, r' o* Y% q8 k0 k1 `5 j
$ f  {$ S! g: y; P" O$ D" [第四步:使其更加醒目拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;打开填充面板并从下拉菜单中选择线性填充;改变黑白线性渐变填充的方向;使用选择工具进行调整,使图形如下边所示;
, O7 R: P! v$ H0 W, C3 `  `4 u, z! r
6 Y! W; w/ [# Y8 a
: q3 M- c( E+ s3 m! t: @
打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。
8 }2 Z- e7 D+ a5 l! l3 @
& i" V0 d) y" }9 T: T% i) O( i0 T! Q
' p$ h" g; o& r, [3 o
第五步:最后一步加上文字,你就得到了这个漂亮的aqua按钮
) \0 w5 ^7 x, i5 M  H% L! N/ r$ w* m4 w: I! A* Z

本版积分规则

精彩图文

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