FW MX 2004教程:图像变换(1)

[复制链接]
查看: 300|回复: 0
gggds 发表于 2009-12-27 13:13:24 | 显示全部楼层 |阅读模式
1、简单的图像变换: p0 W; P/ v9 |. t  `* A9 t
????1、简单的图像变换
, u3 o. G2 K+ h; z  在Fireworks中制作简单的图像变换,就是把“帧”面板中第1帧里的对象与第2帧中的图像进行交换。
9 o4 C$ ~( D1 @/ S  我们先制作或引入一个按钮的一般状态图,选中图形后单击鼠标右键,从弹出菜单中选择“插入切片”或“插入热点”命令,如图9—01。
5 [0 J, ^5 z0 _* W) O, V?4 v, E3 ?! l3 D# p# |! Z1 s
8 c8 l2 d5 ^2 X: Z8 ^
图9—01
8 W8 H) r2 D3 e' W0 t; l3 ~  然后在“帧”面板中新增加一帧,并在此帧上引入鼠标经过按钮时将要变换的图像,如图9—02。* x# `: \: B" Z; S: S9 N
?
0 a* D/ k6 V& M$ h
! R, J8 U7 W' |* @" O图9—02
: N* n5 A* j8 F( k1 |! k  选中切片后,启动“行为”面板,点击“添加” ! r' A. ~7 Q5 \0 @" Z+ j' ~
  V* J, p: b; y4 @0 l' O( Q
?指令按钮,从中选择“简单变换图像”,如图9—03。
/ ^7 b6 g- @2 ~  z& e?9 y1 }# y  {6 I8 V( N

) Q5 O! z( I) B% A- @8 \  a  N图9—03
& F' {' U  n# {8 c5 I  这样,一个简单的变换按钮就制作完成了,按F12键就可以在浏览器中进行测试了。& _- V5 v. }( i% |
?
9 u) B  A+ Z; z" y7 m3 s( h' V4 ^- c9 c0 V  K: y: v' A% T
图9—046 ^3 @' K) q0 \$ J* ^
  可以看到,不管你在第二帧中所导入的图像有多大,在网页浏览时也只能在相同的切片范围内看到两张图形的变换效果。因此,这种图象的变换又被称为“相交变换”。

本版积分规则

精彩图文

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