FW MX 2004教程(9)-简单的图像变换

4 h, f4 N3 f# @# X$ R. A6 c　　图像变换技术在网页中经常被用到，即当鼠标移动到某图像或按钮上时，会触发另一个图形的显示。在Fireworks中，图像变换的制作原理就是使“帧”面板中某帧中的图形对象与来自任何帧的图象进行交换，从而达到在网页浏览时产生图形变换的效果。
/ N  `. \! e: g! z0 i
　　1、简单的图像变换
! x+ d3 c# }$ Y( P　　在Fireworks中制作简单的图像变换，就是把“帧”面板中第1帧里的对象与第2帧中的图像进行交换。
　　我们先制作或引入一个按钮的一般状态图，选中图形后单击鼠标右键，从弹出菜单中选择“插入切片”或“插入热点”命令，如图9—01。


3 T9 E: x6 t& {1 w+ F) s 图9—01
　　然后在“帧”面板中新增加一帧，并在此帧上引入鼠标经过按钮时将要变换的图像，如图9—02。


/ ?2 Z; z% [- v% T" S% s1 k! i& Y$ ~, j 图9—02
　　选中切片后，启动“行为”面板，点击“添加”
- C0 I8 w7 [# M6 N* f: g" v
指令按钮，从中选择“简单变换图像”，如图9—03。


7 K# {0 ^, V. a4 C1 I 图9—03
　　这样，一个简单的变换按钮就制作完成了，按F12键就可以在浏览器中进行测试了。
  k+ o  o5 U) f+ M6 c4 a
  `8 q. F& T" |7 ^* |
1 V2 E5 H& x5 c! H$ h2 d+ n3 ]- e1 V 图9—04
　　可以看到，不管你在第二帧中所导入的图像有多大，在网页浏览时也只能在相同的切片范围内看到两张图形的变换效果。因此，这种图象的变换又被称为“相交变换”。