|
fw4 苹果风格的按钮原著:craig erskine (May 23,2002)摘要:只需两个图形即可制作一个令人非常赏心悦目的Mac风格的按钮。翻译:杀虫双 * x& ]' H1 C$ a8 b+ y+ a
6 Z4 t/ L8 p$ @1 ~" v( m
这个教程能应用于所有的形状上实现但在圆角对象上视觉效果最好。7 c$ U" _5 e% W8 `* X8 H
第一步:外形/渐变填充利用矩形工具在画布中央拉出一个圆角矩形;打开填充面板(Shift+F7)从下拉菜单中选择“线性”;编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;使用选择工具来调整渐变属性,结果如下图所示。
2 |' |. C6 ~' w3 D1 Q
. w" D) Z3 x4 {$ T$ X 7 t5 p7 }% X+ R. X9 V9 W
z/ l4 U8 o5 {' o3 m1 O第二步:内侧阴影选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;照下图所示选择阴影参数;4 `0 q! O. p5 x' E% O; o
/ t) ]6 ~- i2 a+ U7 e. T
, {5 [! s( J( Q/ X+ \8 \
( @, ]4 p' V% e7 a, T2 J按回车,矩形应该变为下边图片中的样子。/ \0 i" T5 A4 P- }
6 l2 I( ]. W4 {/ E4 J6 F8 V3 M
6 u! s2 i( z/ t' ?4 E8 g
" X$ u! L# _3 o; @; I第三步:阴影仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;照左图所示选择阴影参数;2 [* N7 W6 h7 Z# {$ A/ w+ C1 r
3 X8 }: j& |/ e$ b$ h( b6 V 0 Z4 k+ }- S' t" E
( M' g% ^0 M4 T1 w按回车,矩形应该变为左边图片中的样子。
2 c, k3 }: E- z2 q7 ?3 t5 a E7 J
9 _4 f, I$ n/ F 2 O( x, |6 s4 i$ \& r
6 z: [$ S; o5 M6 A7 J1 i' y
第四步:使其更加醒目拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;打开填充面板并从下拉菜单中选择线性填充;改变黑白线性渐变填充的方向;使用选择工具进行调整,使图形如下边所示;. z3 a' \- v. |4 t/ w
0 S1 k9 ]8 Z. T! z7 A

7 c( B4 Q7 S9 b; ?, \7 f! f! V" ?4 k% r5 k5 m: u. O
打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。
* n( L8 R5 X8 H, s, _
4 u) W2 q# i6 r1 m6 u8 x' ]$ c# z 9 G# ?! i8 |% F% l0 }0 S
# J7 B- i% d' V3 o% L! M% m& x" \& O
第五步:最后一步加上文字,你就得到了这个漂亮的aqua按钮
+ a" D/ T7 } p: T% h: {7 `
- T4 N; ~9 b8 G2 w) t, T* V |
|