Flash 基础

十四、线性动画

在动画技巧中首先做一个简单的线性移动，以便掌握动画的基础。动画的效果是三段文字，分别从上方、左边和右边进入工作区，然后再旋转一段文字。这样就至少需要4个图层来放置各段文字。

三段文字分别是“八十六团学校”，“初二（1）班”、“李江鹏”，旋转的是“美丽的校园”(班级、姓名改成自己的）
①首先制作第一段文字，选择文字工具，并在“字符”面板中的“字体”中设置文字的字体为“华文彩云”，文字大小为36，颜色为红色。
② 再确定文字的位置，在工作区外的正上方点一下鼠标左键，在出现的文字框中输入“八十六团学校”。用箭头工具选取文字（文字外面有一个蓝框），选择“插入”菜单中的“转换为组件”命令，将文字转换成一个名位“文字1”的图形符号，转换成组件互不干扰。
③ 再制作第二层文字，按一下“插入图层 (+)”按钮，新一个图层，选择图层2的第一帧，用文字工具，选择楷体、绿色，在工作区外的左下角点一下，在文字框中输入“初二（1）班”。用选择工具选取文字，选择“插入”菜单中的“转换成组件”命令，将文字转换成名位“文字2”的图形符号。
④用同样的方法，新建图层3，在工作区外的右下角输入宋体蓝色的“李江鹏”同样以“文字3”为名转换成图形符号。以“线性动画”为文件名，保文件到自己的文件夹中

其次制作动画: ⑤首先给三个图层加到50帧，注意帧面板下边状态栏的最右边的两个按钮，点一下右边的让帧往右移动（或者移动帧指针也可以），找到第50帧单击鼠标右键，选取“插入帧”命令，使每一图层都拥有50帧长度。
⑥再图层1至图层3的第10帧上插入关键帧，使每一图层的第10帧为关键帧。依次选中三个图层的第10帧，用箭头工具拖动其中的文字到工作区中央，使三段呈金字塔三角形排列。保存一下文件

⑦ 接下来就为这三层文字添加动画流程，这需要打开“帧”面板，在图层1的第一帧上单击鼠标右键，选择“面板”中的“帧”命令调出帧面板。点击面板中的按钮，将“没有”选项改为“动作”从而产生动作动画，在"扩大"选项中输入100，使文字先快速移动，然后渐渐的慢下来，同样再用鼠标左键单击图层2和图层3的第一帧，修改动作动画效果，输入完后关闭面板。

动画的效果是“八十六团学校”文字先移动，然后再是“初二（1）班”，最后是“李江鹏”。因此三者有个时间差，这可以通过在时间轴上插入空白帧来实现，也可以把关键帧往后拖。
⑧选取图层2的第1帧到第10帧（用Shfit键），然后用鼠标左键拖拽整个10帧到第11帧位置开始。右边如果有多出的不整齐部分就删掉,有错误的关键帧就用“清除关键帧”转为空白帧。
⑨同样将图层3图层上的第1帧到第10帧移到第21帧位置。

接着选取图层1至图层3的第32帧，然后在各帧上按下鼠标右键，选择“插入关键帧”命令，使每一图层的第32帧成为关键帧。（第32帧将作为下一个动画的起始帧。）保存一下文件

接下来制作旋转动画
⑩再在3个图层的第40帧插入关键帧。
此时按下“插入图层 (+)”按钮添加第四个图层，选取图层4的第40帧，插入一个关键帧。
⑾在工作区的中央输入文字“美丽的校园”。用箭头工具选中文字（出现蓝框），在菜单栏中“修改”菜单中选择“分解组件”命令，将文字分解成图形，看一下效果。

⑿添加渐变色：打开窗口菜单中的面板中的“填充”面板，在“实线”下拉按钮中选择“斜直线”渐变效果（实线没有变化效果），此时下方出现默认的两个渐变色游标，在两个游标之间点一下鼠标左键添加一个游标。选中第一个游标，在右侧的颜色按钮中选择红色，同样将剩下两个设为绿色和蓝色。此时点一下右下角的保存按钮加入到调色板中，关闭面板。（删除渐变色在“样本”面板里）
⒀选取油漆桶工具，选中刚才的渐变色，从右至左给“美丽的校园”喷色，注意准确地喷在文字上，填充上渐变色，看一下效果。
⒁用箭头工具，将渐变色文字全部选中（使用画框选的方法），按F8转换为一个名位“文字4”的图形符号。保存一下文件

⒂同时选中图层1至图层4层的第40帧（用Shift键），选择“窗口”菜单中的“排序”面板，在“排列”选项中找到“水平排列”和“中间垂直排列”按钮（鼠标移到各个按钮上等一会儿看提示），使文字水平垂直排列，同样在“分布”选项中选择“水平中间分布”和“垂直中间分布”，看一下文字排列的变化。
⒃接下来时色彩深度的渐变，选取图层1的40帧，选择“窗口”菜单中“效果”面板，点击“没有”旁边下拉按钮，选择“Alpha"透明度选项，将值100%改为0，看一下场景中对象效果。
⒄同样将图层2到图层4的第40帧的对象都调成透明（Alpha为0）。保存一下文件

⒅创建动画：选择图层1到图层3的第32帧（用Shift键），在帧上单击鼠标右键，选择“创建动作动画”命令，看一下帧的变化。保存一下文件
⒆在图层4中的第50帧上按一下右键，选择“插入关键帧”命令，插入一个关键帧。
⒇将图层4的第50帧对象恢复为不透明，可以在“效果”面板中将“Alpha”改为100%，然后在图层4的第40帧上按鼠标右键，选择“创建动作动画”命令。看一下帧的变化。保存一下文件
到这里就大功告成了，你可以将时间指针移到第1帧上（用左键点一下第一帧），双击时间轴上的“12.0”将速度调为每秒6帧，然后按Ctrl＋回车键测试影片，来看看整体的效果。

本节主要介绍了使用Flash制作线性动画，这是最基础的。

2.旋转动画

①接着上一个动画制作，将“美丽的校园”文字作出旋状与翻转的效果来。
首先旋转“美丽的校园”，接着上一个线性动画制作，打开上一个文件，选取图层4的第60帧，插入关键帧。
②接下来就添加这些文字的动画流程，在图层4的第50帧上按鼠标右键，并选择“面板”中的“帧”命令。
③将“变化”选项设定为“动作”，将“旋转”设为“CW”（ClockWise 的缩写，顺时针的意思），“次”设为1（这样就能转了），在“扩大”中输入100，让文字初期移动最快，输入完后关闭面板。保存一下文件，将时间指针移到第50帧，按回车键，看一下旋转效果。

④下面添加翻转效果，分别在图层4的65帧和70帧处，插入关键帧。
选取第65帧，打开“修改”菜单，选择“转换”中的“垂直翻转”，将文字垂直翻转。看一下文字的效果
⑤在图层4的第60帧上按鼠标右键，选择“面板|帧”命令，将“变化”设为“动作”，其他不变。
⑥同样，在图层4的65帧上添加动画过程。保存一下文件

到这里就大功告成了，你可以将时间指针移到第50帧，按回车键播放一下影片，也可以用Ctrl 和回车键 整体效果。

本节主要介绍了使用Flash制作旋转和旋转动画。

本教程由86团学校TeliuTe制作|著作权所有，不得用于商业用途

美丽的校园……