设为首页
收藏本站
3D模型素材下载
开启辅助访问
首页
集结展示行业资讯
展位展览
单体模型
整体展位模型下载
招聘企业
展览企业招聘人才
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks实例指导 ─ 用FW制作按钮(四)
返回列表
发布主题
Fireworks实例指导 ─ 用FW制作按钮(四)
[复制链接]
查看:
326
|
回复:
0
gggds
当前离线
积分
22506
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:07:27
|
显示全部楼层
|
阅读模式
看如下按钮,是不是觉得透明感特别强呢,是不是想马上学会!
: t- B* n0 A" B! H/ l- B
8 g* y9 q# W( k
一、 新建文件。用矩形工具在画布上画一个矩形,打开info面板,设置其W为226,H为46,按回车确定。设置填充色为蓝色,RGB值为#006699。在object面板中把roundness的滑动杆拉到最顶端,100。设置完这些,一个圆角的矩形就了来了。 二、 此时圆角处于被选择状态,我们打开effect面板来增加实时特效。 (1) 在下拉菜单中选择shadow and glow->drop shadow增加阴影,具体设置看下图。使阴影淡淡的。
6 \8 ~( U& D# p& ]3 N, \
: t! V/ l* J a: M
(2)加完阴影后,再从下拉菜单中选择shadow and glow->glow,增加发光效果,颜色选为#CCCCCC,其他设置参考下图。
6 W+ b) }, ]! L0 H, H% c7 D
9 l0 D% W8 x3 z9 L( E( F
(3)增加完实时特效后,图形如下
2 p9 S! Z6 C# X% P; T% T/ K. i- F( r
) d9 m- ]* {1 d6 ~8 r* v7 \0 }7 S6 K
三、 用矩形工具再画一矩形,打开info面板,把这个矩形的W设为192,高度设为24,颜色为#84FFFF。同上面一个矩形一样,在object面板中,把roundness设为100。选中这个矩形,执行菜单命令modify->ungroup。 四、 用白色箭头工具,把矩形上部分的二个定位点向下拉,拉到如下图的位置。
# ^+ w) ~ x& r- J. }" a
C5 u g1 j9 J. n8 r' j
五、 打开fill面板,设置edge为feather,其羽化值为18。 六、二个圆角矩形的放置位置如下。
i( j: e! @8 y" P8 Q t4 k
/ R9 G- }) |' G
七、再画个矩形,方法同上,info面板设置为W为212,H为30。Object面板中的roundness为100,用小刀工具把这个矩形从左到右分成上下二部分,用白色箭头工具,选择下面一部分,按del键删除。 八、在fill面板中把这半个矩形的填充类型设为linear,按edit按钮编辑渐变色,并用箭头工具调整渐变方向。设置edge为feather,其羽化值为8。
4 g( M: R1 b* N+ I
+ z. U5 a5 R0 t6 X
九、把上面把完成的半圆角矩形放在如下位置。
4 c5 @' B9 n# V6 l ~' j- T
% M( s. k$ ?$ G8 X; G5 t+ L
十、用文字工具,在text editor编辑窗口中键入DONGER这几个字,字体为arial black,尺寸为28,加粗。 十一、打开effect面板,为字增加阴影,其设置如下,阴影深度为12,透明度为29%,柔化度为4。 至此,这个按钮就算全部完工了。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表