FW MX 2004教程(9)-复杂的图像变换(下)

[复制链接]
查看: 212|回复: 0
gggds 发表于 2009-12-27 03:20:45 | 显示全部楼层 |阅读模式
  松开鼠标后会弹出一个“交换图像”的设置窗口,在下拉菜单上选择与“小猫”按钮切片进行交换的图像所在的帧。在这里我们选择“帧2”。
+ _: B% g) [8 Z. f4 m6 ~8 \4 A* T' X: l4 X! O+ D: T9 O( k2 [
7 t" N$ K8 Y, U6 Q

7 @9 p( Z" I+ t; J: d 图9—145 ^3 w2 i) b% P& U) c
  如果点击“更多选项”按钮,也可以启动“交换图像”的详细设置对话框,如图9—15。6 o$ S0 L8 ~$ }: j5 Q5 b

! J. Q; F. s; H: _7 x7 Y5 {+ _/ u- {# J* q7 @
图9—15/ V7 R) V+ U: g3 ]* I+ @/ C4 Z  x. Z" |
  在该窗口中,左上边所列出来的是所有切片区块的名称,右边是所有切片区块所在位置的缩略图。在这里我们可以从中任意选择一个图象的切片区块用来与“小猫”按钮切片进行图象交换。% N- c0 C' k7 k# q! [
  帧编号——选择交换图像所在的帧数,在这里我们选择的是第2帧;7 \/ F; J* W9 r8 C' I: I
  图像文件——如果第2帧的图形没有事先导入工作区里,也可以通过这里另行引入图象;
! z2 P! @0 Y+ ~( ?  预先载入图像——在浏览测试图像的变换效果时可以预先载入图像;
* |% W. W7 e- Q+ D# r- O& I/ L  鼠标移开时复原图像——在网页浏览时,当鼠标离开按钮后,图形会自动恢复原来的状态。( `. y' b' t5 i8 g2 b
  设置完成后点击“确定”按钮即可回到工作区。此时,“小猫”按钮的切片和它所要交换的图形切片间多了一条曲线。它表明这两个区域已建立了链接关系,如图9—16。
3 E2 Q  V$ J) Y  y, \* r" O) |5 n" Q4 ^8 u. I
2 y3 z9 u. p; V$ I3 m
' |* M" s- C$ {
图9—16
$ N2 a5 Y* F: w6 j  用同样的方法为“鹦鹉”和“鲜花”按钮在“交换图像”对话框中设置不同的交换图像。三个按钮切片设置完成后如图9—17。
$ H! }+ X: K5 E' y4 l2 G
- W' _  ^$ ]3 m; @: d, w0 [" o3 n1 h. H3 G8 j* |5 O
9 Z5 q4 X2 l2 H8 A1 C( i
图9—17* k% W% `% O2 q
  按F12键即可在浏览器上测试制作效果了,如图9—18。
2 N( i( ?1 }) f2 J3 w/ a) m3 _1 v9 A* z: W0 M8 [/ H# ^# n

" A% v; h4 d& F& D, e 图9—18- @3 A# ^( I- H: i* w
  可以看到,点击不同的按钮图像,就会在不同的位置上显示相应的变换图形。因此,这种图象的变换效果又被称为“不相交变换”。4 v: e6 G/ O5 U% o
  要修改设置内容时,选择切片后,点击“行为”面板右下角的“编辑” % Z3 t2 H$ F. ^0 y% U  G2 Y

, D! X0 u# N+ x. J: p: U  V* Q 按钮即可,如图9—19。' r8 ?/ j# P; t3 n7 ~

2 K- H* Y' P% O! _" b% ^) t. x  B) `2 p3 c0 q6 e
图9—19

本版积分规则

精彩图文

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