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

[复制链接]
查看: 662|回复: 0
gggds 发表于 2009-12-27 14:00:49 | 显示全部楼层 |阅读模式
fw4 苹果风格的按钮原著:craig erskine (May 23,2002)摘要:只需两个图形即可制作一个令人非常赏心悦目的Mac风格的按钮。翻译:杀虫双 & G% g; G3 Q! \) W7 I

/ e# \% R" x* M3 n+ _4 I这个教程能应用于所有的形状上实现但在圆角对象上视觉效果最好。
  _" ]( f9 l! a7 M/ \% T9 p4 \" S第一步:外形/渐变填充利用矩形工具在画布中央拉出一个圆角矩形;打开填充面板(Shift+F7)从下拉菜单中选择“线性”;编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;使用选择工具来调整渐变属性,结果如下图所示。
% r# O+ s" e# j3 w+ P- W+ J( @" x7 \$ h

. {/ {' k7 ~: t* O) K+ j! U! I/ ^% w4 u, A. u5 J
第二步:内侧阴影选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;照下图所示选择阴影参数;
7 N% h8 O4 p. }5 M" t& `; U: k! G4 r3 E/ J" S) _( c7 \
: H' V( l  O* t+ ?+ `$ `

% _8 I: x0 j$ H! h/ ^按回车,矩形应该变为下边图片中的样子。/ M0 c  x6 m3 j
  [4 ?. [+ k* Z8 c
- V/ t/ M" K, _3 ]9 D

8 G8 |+ w3 P, D第三步:阴影仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;照左图所示选择阴影参数;
" T% J6 K( |+ m0 z% {) a+ R  R, E; a/ H9 T, E" w7 O9 w8 p

! z/ W1 M7 b  T3 v7 N9 t0 |4 E$ N& R1 ^9 F# M- s
按回车,矩形应该变为左边图片中的样子。
  O2 Z9 I! h. ]8 B% c1 O0 v4 S0 E8 \8 R% A, X8 n
: a0 K! F* C+ z) u- t" Y8 _8 b

3 `& ]) S* y0 ]& Y. d5 @第四步:使其更加醒目拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;打开填充面板并从下拉菜单中选择线性填充;改变黑白线性渐变填充的方向;使用选择工具进行调整,使图形如下边所示;4 P& I' {9 T8 j. Q$ W" x) v
" y+ A4 c: b. {7 F# ]& ^
1 g& V( c' C4 w- t% R

2 }. j$ j( ~) n' r4 }打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。; ^' e4 ~5 K% {7 Y
$ F0 g- P! ^+ r
4 ?9 _$ `! n+ I  ?( |

7 x- o% W$ E' B第五步:最后一步加上文字,你就得到了这个漂亮的aqua按钮
8 [1 D$ Y, _7 L) n& g
/ `# Q5 ^, ^' M9 X, {0 Z

本版积分规则

精彩图文

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