烟花中复杂图像交互技术简介

本教程是向朋友介绍在烟花中实现复杂图像交互的技术，教程比较实用，推荐，一起学习吧。

图像交互技术广泛应用于网页制作中的按钮效果和图像显示，即当鼠标指向网页中的一幅图像时，它触发另一幅图像的显示，让我们来看看具体的操作。

效果预览

当你开始FW，你可以建立一个画布，就像是一个网页，然后绘制三个矩形按钮随机绘图工具，在按钮上输入相关的文字内容。当然，你也可以使用多种工具来画出更美的按钮。在这里我对三个按钮，分别进入；手机相机和Walkman 词。然后我们使用每个按钮的文本对象，选择修改--结合和命令，使这三个按键的组合成为三个独立的物体。然后三个按钮可以对齐，对齐根据Web页面的需要。
选择所有三个按钮，然后单击任意按钮上的鼠标右键，然后从弹出菜单中选择插入片项，此时弹出一个提示窗口，可以在多个按钮上直接点击，这样就可以为三个按钮设置导出片段，如图01所示。

U3000 U3000

图01

U3000 U3000
单击框架，在面板的右下角；添加帧按钮，三个新的空白帧。如图02所示。
U3000 U3000
图02

然后绘制或导入第二帧相关的手机图片，放在合适的位置，点击图片鼠标右键，从弹出菜单选择插入，切片，和项目。同样，在第三和第四帧，我们导入一张图片与相机和Walkman 和，按钮，然后导出切片图像，如图03。

U3000 U3000
图03

点击按钮；移动手机；该部分，然后循环控制图是按住鼠标左键在中间的部分不放，拖动鼠标到图像交换部分，然后在两个段之间会出现一条蓝色的链接曲线，如图04所示。
U3000 U3000
图04

U3000 U3000
松开鼠标后，会弹出一个立即和图像设置窗口交换，并在下拉菜单中的边框按钮交换，和切片。在这里我们选择框架2。例如，图05。
U3000 U3000
图05

U3000 U3000
以同样的方式，继续相机和随身听交换图像按钮；；对话框来创建自己的图像切片的链接。之后，我们可以查看在浏览器中按F12键，效果是好的！例如，图06。
U3000 U3000
图06
最后，通过文件mdash；出口的选项可以节省生产效果为网页格式。在所有的时间和任何地方都可以打开欣赏！