Photoshop结合Flash制作瓢虫变色交互动画(3)

　　下面我们打开Flash CS3，开始我们的编程探索之旅。按图示建立一个新的Flash文件。

　　我们来试一下Flash CS3对PSD文件的支持功能。经过我的测试，发现这个功能有时会有一些小BUG哟。在后面我们再说。

　　使用“文件”-“导入”-“导入到舞台”这个方式，把刚才我们制作的瓢虫导出文件导入到Flash。

　　可以看到，我们能把PSD中的层分为多个Flash层，并把它们放置整齐。我们还可以单独导入这些层，在前面画勾即可。

　　单击确定，我们可以看到，这些图层都被分层排放，层的上下次序和摆放位置都和原始一样。

　　不过这种导入方式有些问题，我们用移动工具，把它们分别移开，可以看到，虫的外壳并没有变成透明的，在边缘处还有下层的痕迹。怎么办呢？

　　我们把这些图层分次导入到库，使用“文件”-“导入”-“导入到库”，每次只导入一个层。可以看到，导入时会提示有重复的库项目，选择不替换。

　　我们把分次导入到库中的小元件，一个个手动的分层排放。这次透明的问题解决啦！

　　在Flash老的版本中，我们想实现这样的效果，可以把PSD文件分别显示各层，分别存为PNG文件导入进来。PNG格式是支持透明的图像格式，用于制作透明动画，效果非常优秀。在Flash中，图像也可以分层排列，和中的操作差不多。另外，Flash还支持动画，因此它有时间线，我们在建立新层之后，在该层时间线的第一帧上单击，把元件从库里拉到舞台就可以了。

　　关键字：

　　舞台：就是图像动画的表演场，正中间的空白处即是。

　　库：元件仓库，我们可以把自己做的元件存在库里，想用时把它拉到舞台上就可以啦。元件可以在舞台上无限复制，如果改变元件，舞台上所有引用该元件的图像都会相应改变，有点像Photoshop中的智能对象。

　　帧：动画是由一幅幅图像连续播放形成的。每一幅图像被称为一帧。

　　窗口菜单中选择“对齐”，打开对齐面板。用移动工具框选虫虫的各个部件，水平居中对齐。这样它们就按中线对齐，比手工对齐又快又好。

　　我们用鼠标选择各个层，移动到合适位置，将它对齐，如果上层挡到下层，选择不到的话，可以按图示锁定上层，就可以顺利的选择到下层啦。

　　选择红色色块层，在其上点右键，转化为元件，把它设置为影片剪辑类型，起个名称叫“变色色块”。此时在库中就有了这个影片剪辑了。

　　在Flash中，有三种元件类型：影片剪辑、按钮、图形。

　　我们在这里必须用到影片剪辑的概念，影片剪辑可以用来在舞台上表演动画，影片内可以嵌套影片。它可以自己一边播放，一边参与到别的节目中，成为一个演员。举一个形象的例子：我们正在观看电视，电视里演出的人正在看电视，那个电视里也正在播出动画节目。那么，最后一级的电视机可以看成是一个电影剪辑，它一边播放动画，一边还参与演出。它所参与的演出节目，本身也是一个动画，被我们收看到了。这里就是一个形象的三级嵌套。影片剪辑可以被我们编的程序进行控制，比如控制它是否播放，播放到哪个位置，自己的透明度是否被改变，自己的颜色是否被改变等。我们本例正是要用程序改变它的颜色。因此，我们先把这个色块转化为影片剪辑。

　　在属性面板中，对这个电影剪辑命名为“sk”，意为色块。我们可以手动测试一下，在属性面板右侧，设置这个影片剪辑的色调，可以看到，我们可以手动把它变色啦。手动的变色并不是目的，我们的目的是用程序来控制它。后面我们用简单的编程试一试。

本文示例代码或素材下载