按钮大小变化在FW中的制作

[复制链接]
查看: 406|回复: 0
gggds 发表于 2009-12-27 13:40:20 | 显示全部楼层 |阅读模式
?
/ a: F% z9 X( C6 P" t在网页中我们经常在制作按钮时给它加上许多的变化,其中有一种是在鼠标滑到按钮时,按钮变大或变小。这种效果小巧精致给网页增加了动感。由于变大或变小是以同一基准圆为核心的,因此制作的难度较大。但在FW中却容易完成。下面就是制作的方法:1、新建一文档:这里采用300X300,底色为白色。2、选择Ellipse(圆形工具)按住shift键画一个正圆。可以为这个正圆添加各种效果,这里是为它添加了阴影。点选对象,选择Effect面板中的下三角形,选取Shadow and Glow--$#@62;Draw shadow.效果如图所示:
9 W. _0 ]. Z/ K. `/ Z) o4 q9 H7 ~% ?+ b& y' f, L
3 f% s# X) y$ B5 v' q( ]! D
, `4 k" ^! g, K: Q, {3 d" w4 [

7 J$ L& [5 }: b) j. I& h7 h7 h( O1 }; @
3.选取Frames面板.把第一帧拖向下方的第二个键--即复制第一帧.然后再回到第一帧中,我们用Transform工具缩小或增大圆形对象.这里是进行的缩小.缩小后可以调整两帧中的圆形.: m  C2 Z) G# F5 W: u# y2 o% {

6 R5 Q3 G- I5 ^6 C* x
! h" y% e; e. G2 l3 y2 {. B* u: e 4.我们用Rectangle工具在第一帧中圆的上方画一矩形,覆盖的面积以大的圆为准.这个区域是后面产生变化的区域,所以要注意. 5.完成后选取矩形,选择Object面板,选取值为0的可见度.如下图所示:
/ r, W) y0 M; ^
8 p( t# b5 X0 R0 g/ E' Y( d1 z: U0 ]+ O& P
6.点选知形,选取Behaviors面板中的\\\"+\\\"号,会出现对话框:# R' j2 x1 V2 ~

) C  D$ F% M; {4 z6 m  B) k5 n$ E4 l  {
选择slice--$#@62;再选择Simple Rollover
# L9 o- P8 _9 N) n# i; D% w4 u$ f  Y2 U# K7 }4 L' `3 ^

2 t8 ?7 z2 z4 V  F这样我们基本上完成了制作过程.再输出为网页格式即可.**注意: 在输出时要注意,要选取Slicing:Use slice Objects才行。这只是按钮的制作,网页设计时,可以整页面设计.

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )