设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks制作透明按钮一例
返回列表
发布主题
Fireworks制作透明按钮一例
[复制链接]
查看:
371
|
回复:
0
gggds
当前离线
积分
22804
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:31:27
|
显示全部楼层
|
阅读模式
5 x/ Z, ~8 q# }" Y5 k' R
9 e7 u0 }) x) _: ^1 ^3 q
今天我们看看大家都喜欢的透明按钮在Fireworks里的一种制作方法。
; J' ]& a+ J3 R: T
1、创建新文档,大小200*200 Pixels,背景颜色:#AAAAAA.
8 D' y5 C3 U! M; `& ~
2、选择Ellipse Tool(圆工具),绘制一个大小为150*150的圆形。放在画布中间。
6 M6 S$ F9 r9 ]9 T) g" ^
提示:将绘制的元素放在画布的中央可以在主菜单里选择:Commands>Document>Center Document。 3、选择圆形,此时他处于高亮状态。在Fill填充面板里选择Radial(球形渐变)。在FILL颜色井弹出的编辑渐变参数中,改变颜色为从#0000bb到#ffffff。现在你的图片应该如下所示:
8 t7 U* Q; i c6 Z1 _, H W
6 z1 e; [% r2 r) C
4、选择圆形保持高亮状态,在工具面板里选择\"paint bucket\"。你应该可以看到有一条细黑线,并在某一端有调节柄(如下图)。调节渐变如下图所示:
& d* J* U% M& q9 N( N, \
4 J7 A8 M( f; C, |0 K
4 `$ ?9 w% K& W# R6 ?( l
5、创建一个新圆,大小为130 * 130 pixels,颜色为#ffffff.将它置于画布的中央(按照第二步的提示)。此时,正处于被选择的高亮状态,在主菜单中选择Edit>Copy(ctrl+C),然后选择Edit>
aste(CTrl+V) 。
3 C7 \' ^$ x9 Y6 i- v5 @
% J* ^" [+ Q! {" s5 }/ Y) V
6、你现在应该有了两个大小为130*130的圆形。此时,选择上面的白色圆形,按住shit键不放,按动小键盘上的向下键移动两次。结果是移动白色圆形20个象素。如下所示:
7 z" g' C5 E: q; o* n
; e1 d* b0 [) s& o \5 d
提示:按住shit键不放,按小键盘选择方向键可以一次移动10个象素。这次我们是向下移动了20个象素。
( ?# E- K4 v& g' t8 x% w6 Q- g
现在两个圆形均可见,下面的圆形为高亮选择状态。按住shit键不放,选择上面的白色原形。现在两个处于高亮状态。在主菜单中选择Modify>Combine>
unch。结果是一弧形产生了。
c# q( [, ~' \) f
Q0 R' T8 b) N0 U+ A
7、现在弧形处于高亮选择状态,在层面板layers Panel中将透明度修改为70%。
T2 P4 f; o3 K% e8 C
+ ?$ X* A; k1 G1 d6 o
5 r0 i r* G7 i8 _- u: k; h
3 v$ E8 C# T1 a- D
8、现在可以看出球体按钮已经开始成型。选择刚刚创建的弧形,在Effect区内选择Blur>Glaussian Blur。在弹出的菜单内我增加了4.5个数值的模糊效果。你可以凭你的喜好选择模糊程度。这个部分可以由你自由发挥。(以下作者描述了下不同数值的结果,不在赘述,困猫注)
* P" E* V% R6 Y- W6 S
提示:你可以使用Subselection Tool(见下图)来调整弧形的各个节点,使它变的厚一些,或者薄一些。选择Subselection Tool工具,然后选择弧形,点中需要调整的节点,这时候它会由白色的空心变成绿色的实心(也会显现他的手柄点)。使用小键盘的方向键进行细致的移动调节,或者用鼠标拖动节点。
: e! G0 p6 m8 e5 y
, e) Z7 P& F- C7 w4 u
6 W% `! t ^- t' U! U9 x! v
/ ?2 s" ^+ ^& G! W2 C+ ?
你应该已经得到这样的一个图形:
8 k9 E t2 g5 T% M% D7 `
[% v1 T4 L3 w9 ~6 H3 U7 }9 I1 w
9、我们现再加一个新圆形,来作为最终效果图的边缘。选择有蓝白渐变的圆形。克隆(ctrl+shift+D)一个新圆.在信息面板(Info Panel,MX已经整合到了Properties)里设置圆的大小为165*165 pixels。在填充选项里将球形渐变变为线形渐变(Linear),并编辑渐变颜色为从#ffffff到#555555.选择Paint Bucket工具。调整渐变的效果,使颜色重点的在上面,颜色淡的在下面 (调节的时候,可以暂时使其他元素在层面板里表示为不可见)
- ~8 B5 l/ T0 J9 h) e/ ]6 r0 M
现在把新圆拖到层的最底部(Shift+ctrl+向下的方向键)。我们得到了教程实例的最终结果,应该类似于下图:
; o* `' n! F: R
8 l8 a- S, f! x3 `
我还在这个按钮上加了些效果元素。其中蓝色圆形的描边为1px,让他看起来有点深度。上部的弧形还附加了些阴影效果。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
浏览过的版块
企业招聘/Recruitment
会展资讯/Show Information
人才求职/Talents Recruitment
国内会展照片集合/Domestic exhibition
展览业务员交流区
国外会展照片集合/Foreign convention
快速回复
返回顶部
返回列表