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

[复制链接]
查看: 223|回复: 0
gggds 发表于 2009-12-27 03:20:46 | 显示全部楼层 |阅读模式

( W. T6 I/ e6 ^) h- j- Q1 D  图像变换技术在网页中经常被用到,即当鼠标移动到某图像或按钮上时,会触发另一个图形的显示。在Fireworks中,图像变换的制作原理就是使“帧”面板中某帧中的图形对象与来自任何帧的图象进行交换,从而达到在网页浏览时产生图形变换的效果。 3 u9 E2 }5 R* \+ U# |
4 p( c+ p! W* p7 M7 C( K" w( s
  1、简单的图像变换+ y3 N  v6 Y0 e" Y
  在Fireworks中制作简单的图像变换,就是把“帧”面板中第1帧里的对象与第2帧中的图像进行交换。
3 ^- F) X! y, Q' A" N  我们先制作或引入一个按钮的一般状态图,选中图形后单击鼠标右键,从弹出菜单中选择“插入切片”或“插入热点”命令,如图9—01。7 y% _% G- C* t" ~1 l( f

- [7 h" a' e3 ]$ d7 ~/ D" n5 u5 H9 I" G3 L" f7 S6 H# |
图9—01
$ B6 I& z+ J/ l+ C. e& N3 M  然后在“帧”面板中新增加一帧,并在此帧上引入鼠标经过按钮时将要变换的图像,如图9—02。& X, k$ |3 M  T; P/ B5 k4 C

& J8 i5 M3 h5 p- `, S  d; n0 T0 G, E" U3 v4 ]5 T
图9—02
) q2 w/ \0 w& y* r8 {' G  选中切片后,启动“行为”面板,点击“添加”
% W' u. t8 o( S. z7 x7 h
- e, s; l4 X4 c4 I4 s$ ^ 指令按钮,从中选择“简单变换图像”,如图9—03。/ C. X# Y; I6 r  E% B/ N

6 W. v% {4 K) p2 h" J. N  g3 t5 P; g1 A, C
图9—03
7 S. X0 ^8 X5 p% y- F: \  这样,一个简单的变换按钮就制作完成了,按F12键就可以在浏览器中进行测试了。
# V2 ?4 p. x0 q, t
: q. l# l  Z) s, s  }: N: d5 L- q" F/ ^4 v) a# ~0 U
图9—04
$ a3 S( W6 d7 R  可以看到,不管你在第二帧中所导入的图像有多大,在网页浏览时也只能在相同的切片范围内看到两张图形的变换效果。因此,这种图象的变换又被称为“相交变换”。

本版积分规则

精彩图文

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