Fireworks MX教程（二十三）创建简单变换图象

简单变换图象就是直接把第一帧上的图像替换为它下面第二帧的图象。在创建这个效果前，最好准备两张相同大小的图片。1.使用“指针”工具选中图片，选择“编辑”>“插入”>“切片”在图象或对象上方创建切片。
, ~9 F  ~  k9 c8 [9 z

: W  Q/ L; P7 B7 X! }; y5 }/ z
* k' s" B' o  Y0 z* W* j4 L3 `2.单击“新建 / 复制帧”按钮在“帧”面板中创建一个新帧。
' H' ~' z) w) O" q5 s: t

7 e- }* ~* j9 B9 g4 \
' d/ ?. S- K5 t5 q6 r! G/ y( c3.打开另一幅图片，使用“剪切”和“粘贴”命令把这幅图片粘贴到创建的新帧中。

) {/ v7 O6 x1 x6 C1 @. Q- a
; ]4 @% y+ \' @0 O' f
4.在“帧”面板中选择“第 1 帧”，本例中因为切片重叠，所以可以选择任意一帧。将指针放在行为手柄上方，指针更改为手柄，将行为手柄拖到切片的左上边缘。
& D  H6 H$ O( p$ d6 e8 S6 P2 F
& w# I* e3 r- u) v1 v$ n* W2 B
0 }/ z) L( \$ Q0 R/ Y* d# H# o
5.出现一条从切片中心延伸到左上角的蓝色行为线，同时打开“交换图象”对话框。在“交换图象自”弹出菜单中，选择要交换的图象所在的帧，这里选择帧2。
' {' w" j: R3 |+ I$ v# _4 X

5 Y& B/ E; W  L# z0 C3 k0 S  C  d
/ F" }; w5 `3 z; x7 c8 z, q6 B) K& y6. 简单变换图象做好了，主要起作用的是&106avascript代码，所以必须导出为HTML格式。选择“文件”/“导出预览”，在“保存类型”中选择“HTML和图像”。
% C% ?, h8 Z1 s* z; e
1 T6 j- N6 ?2 g# `# s! k3 n. @

7. 在Dreamweaver中，单击“Fireworks HTML”按钮，选择之前导出的html文件即可。
3 n0 G. T, w( @  |+ O1 H7 B2 E

7 G& y. H6 V3 U" s
8. 最终的效果：


0 K# r6 G5 ?( M( k6 F4 `* |% \?