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

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

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

3 T9 E: x6 t& {1 w+ F) s 图9—013 j+ a! _0 |/ r, l' [8 T0 C
  然后在“帧”面板中新增加一帧,并在此帧上引入鼠标经过按钮时将要变换的图像,如图9—02。$ s9 s$ M$ f# M' r; [8 D+ L
9 G  i0 ~0 Z& _' c" e, P

/ ?2 Z; z% [- v% T" S% s1 k! i& Y$ ~, j 图9—025 g# b6 [) k. r5 v* R( n; v5 a, c- o
  选中切片后,启动“行为”面板,点击“添加”
- C0 I8 w7 [# M6 N* f: g" v& u2 R$ O* k" B4 a& h
指令按钮,从中选择“简单变换图像”,如图9—03。2 C: _0 u) v8 ]
: Q& s) @9 b7 H% o+ m1 L

7 K# {0 ^, V. a4 C1 I 图9—03# t9 O* U# h, j: W
  这样,一个简单的变换按钮就制作完成了,按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! Y. p( u5 [% I  q
  可以看到,不管你在第二帧中所导入的图像有多大,在网页浏览时也只能在相同的切片范围内看到两张图形的变换效果。因此,这种图象的变换又被称为“相交变换”。

本版积分规则

精彩图文

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