设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
用Fireworks MX制作苹果型特效按钮
返回列表
发布主题
用Fireworks MX制作苹果型特效按钮
[复制链接]
查看:
279
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:21:39
|
显示全部楼层
|
阅读模式
第一步:外形/渐变填充
# g' r; y& U- G: ]- K# r' \; C& d
利用矩形工具在画布中央拉出一个圆角矩形;
) o# K: H; o: Z9 K( a
打开填充面板(Shift+F7)从下拉菜单中选择“线性”;
! p# ?3 Z/ S0 x) _9 S" l) p+ R0 w+ @/ X
编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;
8 i- T( i: z4 D w. _* H. d2 D6 U1 n
使用选择工具来调整渐变属性,结果如下图所示。
8 W5 S$ Z" h& @: N
6 y4 I3 W' r) V* i. O
+ K# x6 g# b u# [7 d
2 c' k! m6 }% o7 M, y
第二步:内侧阴影
g7 ~( |) |: e6 g" W p! W
选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;
, j) N7 R9 U3 P$ }& I3 E
照下图所示选择阴影参数;
1 x1 ]3 ?! D/ U% W
; U8 l4 f* L# y o/ @: _0 B' m) z
! [; ?& P& G$ D
) P8 v* ^5 A1 ~( R
按回车,矩形应该变为下边图片中的样子。
# u' @ x7 I% |% c$ F5 @
4 \* i- Q8 ]) l E8 x
# T+ R, H9 q( A- q' Q, [
$ p) `. A& ?" P' m
第三步:阴影
4 p5 ~ ?- i4 T4 ?2 c
仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;
5 _) m+ e" X! w5 C3 V( E
照左图所示选择阴影参数;
9 I) \2 Z7 p6 |5 O7 v7 m% X7 O
) ?7 l+ b: G8 J5 ^
) g* g9 {9 u2 t1 ^$ m3 b
' g" ?2 D) ]8 U3 K( p$ M4 W
按回车,矩形应该变为左边图片中的样子。
2 L. [5 V2 `3 I. b2 r- z/ J
4 e6 q" j! p' Y0 z t [, h
8 ?. S: z: X0 B7 K: k
* i" A( V8 Q" u$ R' F6 s3 p" \! S
第四步:使其更加醒目
( ]% X5 P4 z) N
拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;
) ~3 f5 i# E" c4 i& d/ u
打开填充面板并从下拉菜单中选择线性填充;
1 ?' o6 ^8 N, @8 O& @7 ~) {+ r
改变黑白线性渐变填充的方向;
' I) h/ M& d) m+ A
使用选择工具进行调整,使图形如下边所示;
3 }( v! J3 B/ Y4 L' o/ F3 b
' @' d- W5 z4 q
* W! r+ P/ Y& w6 Y" Y
$ C0 V2 Y4 D8 z; M
打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。
6 c9 w# ]7 n: ~* e+ e
! ?' \ ^( g5 ?1 r0 h" u! m& r
$ V# o3 o$ G0 K( p
( p! z8 G3 S9 J
第五步:最后一步
6 `5 @; V* B9 b
/ E% I7 d/ e! S1 u1 n
" z1 N: T# V, e4 a0 P% s
7 ^. V3 x' `% t( X+ e# [7 Z! X+ E
加上文字,你就得到了这个漂亮的aqua按钮
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表