FLASH MX动画制作实例教材 - 图文

FLASH动画制作实例教材

一、

熟悉Flash界面

二、

动画的原理

看下面几幅画面:

图2-2 图2-3 图2-4 图2-5

图2-2中飞机位于图片的最左边， 图2-3中飞机位于图片的中间，

图2-4中飞机位于图片的最右边。当我们将这三幅画面依次按照一定速度播放的时候，给我们的视觉效果就是看上去感觉飞机在从左向右飞行，如图2-5所示。

动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生，它是欺骗人视觉效果的一种把戏。

三、 帧/关键帧/空白关键帧

由动画的原理我们知道，动画就是画面的连续播放所产生的，电影是每秒播放24幅画面，电视则每秒播放25幅画面，Flash默认每秒播放12幅画面（可以修改）。每一幅画面我们都称它为一个帧， 记住：

一个帧就是一幅画面（暂不管这个画面是真实的还是虚幻的）！

第 1 页 共 103 页

如图2-6所示上面的每个小格子就是一个帧，每个格子都分别代表着一幅画面，播放时按照帧的先后顺序由左向右进行。你也许会问：“上面帧怎么还不一样啊？”对了，正是因为它们不一样才有了帧、关键帧、空白关键帧（也叫白色关键帧）这些名词。

空白关键帧

我们先看第一个小格子，它里面有一个白色的小圆圈，它就是空白关键帧，里面什么内容都没有，一片空白。用鼠标单击一下该空白关键帧，结果我们在下面的场景里看到的是一片空白区域如图2-7所示：

关键帧

第二个小格子里面是个实心的小黑点，它就是关键帧，里面有实际存在的内容，用鼠标单击该关键帧（或用鼠标按住帧上面红色滑块向后拖动到该帧），我们看到了一个黑色的圆，如图2-8所示：

第 2 页 共 103 页

看来，关键帧和空白关键帧的区别就在于关键帧有实际的内容而空白关键帧没有。空白关键帧+内容（比如画个圆）=关键帧。可变形为：空白关键帧=关键帧-里面所有内容。读者不妨把图2-8中的圆删除（Ctrl+A，Delet），看它是不是变成了和它前面一样的空白关键帧？ 帧

关键帧后面的灰色部分都是普通帧，普通帧里面没有实际的内容，但是它却能将离它最近的关键帧的内容显示出来。用鼠标点击第三帧，如图2-9所示。

看起来它似乎有内容，实际上这一帧是没有内容的，3、4、5帧只不过是把前面离它最近的关键帧（第二帧）的内容显示出来了而已，由此可见普通帧尽管没有实际内容但它却可以用来延续一幅画面的存在时间。 说明：

图2-9的第五帧 代表普通帧的结束，另外还有一种叫过渡帧，暂时不用知道，后面会结合具体实例讲。这几个概念在Flash制作中非常重要，使用的频率也最高，希望读者一定要弄明白。移除帧与清除帧的区别：用鼠标对着帧点击鼠标右键，在弹出的菜单中有“移除帧”和“清除帧”命令。移除帧就是删除帧，用来将帧连同帧上的内容（如果是关键帧的

第 3 页 共 103 页

话）一起删除，而清除帧则是只把帧上的内容清空，帧仍然存在。

图形元件和移动渐变

按照正常习惯，此时应该讲工具的使用了，但是考虑到读者刚刚理解完上面关于帧的一些枯燥的概念，我讲顺序做了调整。下面我们就放松一下来做一个小动画。 一、

制作矩形的变化

，边框选择没有颜色如图2-6所示，填充

启动Flash软件，鼠标单击第一帧，然后点击左边工具箱中的矩形工具选择自己所喜欢的颜色如图2-7所示。

在工作区按住鼠标左键拖动绘制矩形，如图3-8所示。

我们用选取工具

单击一下矩形，执行【插入】菜单下的【转换成元件】命令，将弹出一对话框，在名称中输入“动

作渐变”，选择【图形】如图3-9所示。然后确定。

此时画面应为图3-10所示。

第 4 页 共 103 页