设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks制作透明按钮一例
返回列表
发布主题
Fireworks制作透明按钮一例
[复制链接]
查看:
370
|
回复:
0
gggds
当前离线
积分
22798
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:31:27
|
显示全部楼层
|
阅读模式
& s! r1 |& g9 ]' Q+ P6 |% H
2 v( |0 G4 M3 V+ }8 t
今天我们看看大家都喜欢的透明按钮在Fireworks里的一种制作方法。
. S! `4 c5 [5 y5 e
1、创建新文档,大小200*200 Pixels,背景颜色:#AAAAAA.
/ b1 r [7 C! ^
2、选择Ellipse Tool(圆工具),绘制一个大小为150*150的圆形。放在画布中间。
8 Y7 y3 t u9 E( I% w: n. ]& x
提示:将绘制的元素放在画布的中央可以在主菜单里选择:Commands>Document>Center Document。 3、选择圆形,此时他处于高亮状态。在Fill填充面板里选择Radial(球形渐变)。在FILL颜色井弹出的编辑渐变参数中,改变颜色为从#0000bb到#ffffff。现在你的图片应该如下所示:
, v+ y5 Q+ _' W
$ a6 ^9 j* B# E1 Y1 L
4、选择圆形保持高亮状态,在工具面板里选择\"paint bucket\"。你应该可以看到有一条细黑线,并在某一端有调节柄(如下图)。调节渐变如下图所示:
1 a* E1 d/ m$ a; j6 H1 f
( Z- }5 W# J8 D# h4 A' \
u \: U' h1 \) F
5、创建一个新圆,大小为130 * 130 pixels,颜色为#ffffff.将它置于画布的中央(按照第二步的提示)。此时,正处于被选择的高亮状态,在主菜单中选择Edit>Copy(ctrl+C),然后选择Edit>
aste(CTrl+V) 。
& N2 K7 @- g7 w( _$ ]. m
+ V6 Q3 c. m I+ {3 G( v$ @
6、你现在应该有了两个大小为130*130的圆形。此时,选择上面的白色圆形,按住shit键不放,按动小键盘上的向下键移动两次。结果是移动白色圆形20个象素。如下所示:
* A& y6 R# c* }3 u
( f. x7 f/ U [( L$ c1 y
提示:按住shit键不放,按小键盘选择方向键可以一次移动10个象素。这次我们是向下移动了20个象素。
6 g2 N, c4 b# e( y9 @( D) z5 {
现在两个圆形均可见,下面的圆形为高亮选择状态。按住shit键不放,选择上面的白色原形。现在两个处于高亮状态。在主菜单中选择Modify>Combine>
unch。结果是一弧形产生了。
& V( N0 R- Q' |* |; [' y1 f# q& `8 D+ D
; W! h; ~2 K9 G6 I1 D
7、现在弧形处于高亮选择状态,在层面板layers Panel中将透明度修改为70%。
! y' ~/ d7 t* j1 h2 T8 O0 R0 Z* Q
( B6 p+ ]- a8 y
- X1 e- v0 \6 n4 |; ?' R
4 V7 z9 N ^& {. V" V
8、现在可以看出球体按钮已经开始成型。选择刚刚创建的弧形,在Effect区内选择Blur>Glaussian Blur。在弹出的菜单内我增加了4.5个数值的模糊效果。你可以凭你的喜好选择模糊程度。这个部分可以由你自由发挥。(以下作者描述了下不同数值的结果,不在赘述,困猫注)
% t" i+ `$ f( w/ J8 T
提示:你可以使用Subselection Tool(见下图)来调整弧形的各个节点,使它变的厚一些,或者薄一些。选择Subselection Tool工具,然后选择弧形,点中需要调整的节点,这时候它会由白色的空心变成绿色的实心(也会显现他的手柄点)。使用小键盘的方向键进行细致的移动调节,或者用鼠标拖动节点。
$ y, x. `& b) L! P) {. W% {
8 f) k* }5 T8 }; I: \5 F
$ a2 d6 K/ S( D: x8 C! R9 {
3 F* M9 `; n4 [& |8 A7 b
你应该已经得到这样的一个图形:
" o# M1 ~1 y x+ B0 [: _- j# W3 X
, [$ Y1 a" E" R# v. N. ^, q$ p
9、我们现再加一个新圆形,来作为最终效果图的边缘。选择有蓝白渐变的圆形。克隆(ctrl+shift+D)一个新圆.在信息面板(Info Panel,MX已经整合到了Properties)里设置圆的大小为165*165 pixels。在填充选项里将球形渐变变为线形渐变(Linear),并编辑渐变颜色为从#ffffff到#555555.选择Paint Bucket工具。调整渐变的效果,使颜色重点的在上面,颜色淡的在下面 (调节的时候,可以暂时使其他元素在层面板里表示为不可见)
; V* V$ b7 i8 V) T' h/ ? T
现在把新圆拖到层的最底部(Shift+ctrl+向下的方向键)。我们得到了教程实例的最终结果,应该类似于下图:
7 }2 O3 g+ C. C; _* j) A% m% J
1 Z3 P: W6 d; {2 \
我还在这个按钮上加了些效果元素。其中蓝色圆形的描边为1px,让他看起来有点深度。上部的弧形还附加了些阴影效果。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表