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

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

: E2 y. f, l6 F8 c* e$ o; B, g这个教程能应用于所有的形状上实现但在圆角对象上视觉效果最好。/ l$ L4 [. }: X' {9 k/ \3 ^
第一步:外形/渐变填充利用矩形工具在画布中央拉出一个圆角矩形;打开填充面板(Shift+F7)从下拉菜单中选择“线性”;编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;使用选择工具来调整渐变属性,结果如下图所示。
9 N9 c4 N4 x& v! ^
' q& E7 v7 a7 \: b& {2 y5 Z3 y5 }
8 i" _4 e; M5 {& E- i, Q1 ?) F! @
第二步:内侧阴影选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;照下图所示选择阴影参数;
4 L7 Y7 }% F1 w' D) T+ t: c* L# R* N% v9 ]! O0 K, k

6 G6 e7 L4 x. \1 T! {
: A5 j( O* d% A4 M! c. y9 X4 Q% w按回车,矩形应该变为下边图片中的样子。
! i- X! s0 f/ X. n& t5 n. A9 P! ?4 K9 C

  x4 {6 U' D2 M# V+ _8 N# H+ {
第三步:阴影仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;照左图所示选择阴影参数;
3 l% G8 _+ j  }; e8 l( R& v* ?

/ ?1 ?( T, r$ w, K6 \& F
& a4 g8 _2 Z2 A! q按回车,矩形应该变为左边图片中的样子。0 H. \+ g- \& C, P7 j( {

4 G6 `2 H5 h: z( w1 z2 I7 e
' m1 p2 o" ?- e3 }7 s9 h
3 R0 f5 w9 U! s6 D第四步:使其更加醒目拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;打开填充面板并从下拉菜单中选择线性填充;改变黑白线性渐变填充的方向;使用选择工具进行调整,使图形如下边所示;. ?- j9 _+ k0 a2 z

2 B4 U( M+ s+ S9 F, Y: L5 N6 C- |
/ N2 L$ C2 x, M+ w$ U. }4 l# z2 E
打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。
# e4 O+ T! n! z2 u9 z9 S5 \* X- {  d. H' u- S
# E, u" y% L5 W1 c% y+ f% B
' X0 C" v" U5 M( R0 n! o# ~# L
第五步:最后一步加上文字,你就得到了这个漂亮的aqua按钮% {* D  g+ N/ W) s

7 D' \5 J$ I. m7 {

本版积分规则

精彩图文

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