|
Photoshop结合Flash制作瓢虫变色交互动画(3)(1)
下面我们打开FLASH CS3,开始我们的编程探索之旅。按图示建立一个新的Flash文件。
Photoshop结合Flash制作瓢虫变色交互动画(3)>
我们来试一下Flash CS3对PSD文件的支持功能。经过我的测试,发现这个功能有时会有一些小BUG哟。在后面我们再说。
使用“文件”-“导入”-“导入到舞台”这个方式,把刚才我们制作的瓢虫导出文件导入到Flash。

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

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

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

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

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

在Flash老的版本中,我们想实现这样的效果,可以把PSD文件分别显示各层,分别存为PNG文件导入进来。PNG格式是支持透明的图像格式,用于制作透明动画,效果非常优秀。在Flash中,图像也可以分层排列,和Photoshop中的操作差不多。另外,Flash还支持动画,因此它有时间线,我们在建立新层之后,在该层时间线的第一帧上单击,把元件从库里拉到舞台就可以了。
关键字: 舞台:就是图像动画的表演场,正中间的空白处即是。 库:元件仓库,我们可以把自己做的元件存在库里,想用时把它拉到舞台上就可以啦。元件可以在舞台上无限复制,如果改变元件,舞台上所有引用该元件的图像都会相应改变,有点像Photoshop中的智能对象。 帧:动画是由一幅幅图像连续播放形成的。每一幅图像被称为一帧。
窗口菜单中选择“对齐”,打开对齐面板。用移动工具框选虫虫的各个部件,水平居中对齐。这样它们就按中线对齐,比手工对齐又快又好。

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

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

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