设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
又一种苹果按钮的制作方法
返回列表
发布主题
又一种苹果按钮的制作方法
[复制链接]
查看:
699
|
回复:
0
gggds
当前离线
积分
22695
IP卡
狗仔卡
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
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表