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