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制作|著作权所有,不得用于商业用途

美丽的校园……