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

[复制链接]
查看: 699|回复: 0
gggds 发表于 2009-12-27 14:00:49 | 显示全部楼层 |阅读模式
fw4 苹果风格的按钮原著:craig erskine (May 23,2002)摘要:只需两个图形即可制作一个令人非常赏心悦目的Mac风格的按钮。翻译:杀虫双
" l' k4 @" {+ P3 i
6 u; z( V' B* t; S% U这个教程能应用于所有的形状上实现但在圆角对象上视觉效果最好。
1 |7 m+ T5 g5 D* E第一步:外形/渐变填充利用矩形工具在画布中央拉出一个圆角矩形;打开填充面板(Shift+F7)从下拉菜单中选择“线性”;编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;使用选择工具来调整渐变属性,结果如下图所示。
# \1 g; ^% E) o' w) E1 r' o$ V1 h5 T7 }

$ L+ z+ R6 P7 `9 m' O
  M( }" Q3 h. _* d6 X第二步:内侧阴影选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;照下图所示选择阴影参数;7 V( q  d# H6 X" O) ]9 d% a

2 A2 i- X) a( \) ~8 h, R' b* L( k9 g1 j
! j$ W3 l$ i  r0 N& {' M
按回车,矩形应该变为下边图片中的样子。
/ R3 P3 c# g0 e2 M8 T0 E* k$ A8 W* F) G! J: H0 F4 w
" N1 _/ V' j; w2 g* E+ b

; G5 V* P; Y2 b& i% p7 P3 A1 j8 h第三步:阴影仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;照左图所示选择阴影参数;
2 E' n. j2 u' {, _* b
/ B' f6 u% W6 v7 [3 N3 K$ b0 E+ q7 ~$ Z! T6 Q/ ?
* L: }. W3 y% B8 [$ B; k- `" S
按回车,矩形应该变为左边图片中的样子。; h1 p8 e) ~' C- _5 D  ?! F

7 Y8 r& B6 `+ L& b: M5 j) H
; `6 U6 A! ^: `/ [& y3 r
9 |' L9 H! J8 y8 p+ Q# B  [+ Y9 O第四步:使其更加醒目拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;打开填充面板并从下拉菜单中选择线性填充;改变黑白线性渐变填充的方向;使用选择工具进行调整,使图形如下边所示;/ n1 I  K) X; y# g# B3 O0 V
1 [7 B" y' f2 m5 C5 b% d
. c1 \6 p( z3 {# o' ~! f

( L1 b7 e  D+ T- Y" Z打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。+ U& e" w* ?* K4 Y5 J0 N

' ?9 x4 W. b& r% }- }0 j4 k' b/ F/ H6 A- b4 |

4 o, t% u1 F- {4 Q0 d第五步:最后一步加上文字,你就得到了这个漂亮的aqua按钮
8 S7 F+ x) ~3 ~1 m
- j1 ~# r8 {( t, Y+ x7 w' N7 w

本版积分规则

精彩图文

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