FLASH逐帧动画制作详解

第四、第五章创建动画一、逐帧动画迪士尼动画，每一帧都由设计者自己确定。

导入一张GIF动画(天使)，在FLASH里就变成逐帧动画，ENTER键，播放。

CTRL+ ENTER键，测试影片，并自动导出SWF播放文件1、关键帧黑色点叫关键帧(F6)，白色点叫空白关键帧(F7)，白色方格叫：帧(F5) 它是延续看见上一帧的内容。

例：比较：1、第一帧，画一红球，第10帧F5（插入帧），把红球油成绿球。

结果：第1—10帧都是绿球。

(1~10帧只有一个球)2、第一帧，画一红球，第10帧F6（插入关键帧），把红球油成绿球结果：第一帧是红球，第10帧是绿球。

(分别有两个球)3、第一帧，画一红球，第10帧，F7（插入空白关键帧），没有球，自己再画一个球（不能保证在原来的位置）右键：可删除关键帧，也可以把帧转化成关键帧2、时间轴的操作移动动播放头，时间轴的选项：最右边按钮，调时间轴显示比例复制帧、粘贴帧，洋葱皮（绘图纸）按钮、编辑多帧按钮例4-1：聚光灯1、第1帧小老鼠A；第2帧小老鼠B2、SHIFT键，选择第1帧和第2帧；复制帧3、选择第3帧，粘贴帧4、时间轴上灯箱的运用：“编辑多帧”按钮（不用一帧一帧地改），SHIFT键选中第3、4帧一齐改向前移位置，再取消编辑多帧按钮，选“绘图纸外观”按钮：可看到1—4帧的模糊外观，调整老鼠的位置。

重复例4-2：打字例4-3：画圆(最后一帧，整个圆，中间帧，擦掉一点，第一帧，一小段)二、形状动画(绿色显示)需要一个起始图象和一个终结图像。

注意：只能是用绘图工具画出来的，或打散的对象。

要在同一层上。

1、操作：例：小球往下越掉越快1、第1帧，红球；2、第20帧，F6，把红球改成绿球；还可以改位置。

3、选择1~20帧，形变：帧面板：补间动画下拉：形状。

扩大：调整速度变化的+100~ -100，负数，球越落越快混合：ANGULAR：角度式，有角的，尽可能保持第1帧的角和直线。

分布式：过渡的时候保持平滑，但可能没有任何规则。

2、关键帧的编辑：复制、粘贴、翻转帧、移动，插入，删除。

例：小球往上越弹越慢1、先选择第一帧，按着SHIFT键从1拖到20帧，拷贝帧；2、在第21帧粘帖帧。

选择21~40帧，，右键：翻转帧，就会倒着来放。

3、控点的运用：P151使用形状提示控制形状补间例：1、第1帧：A；第20帧，F6，将A改成D；2、第1帧打散，第20帧打散；3、形变；4、第1帧，修改---转换- ---添加形状提示(CTRL+SHIFT+H)在字母A上顺时针加三个红色控点5、第20帧，在字母D上把已有的三个控点顺时针放好。

6、注意：必须先设好变形动画才能加控点。

起始控点变成黄色，终点绿色。

例：线段从短到长慢慢伸延。

七彩填充的小棒，第15帧用油漆桶的转换按钮调色彩渐变的中心点，形变动画，可看到七彩会流动。

例4-4：形变动画第1帧：打散的文字，第20帧：打散的图片三、动作动画注意：FLASH的移动动画不能是直接用绘图工具绘制的或打散的对象。

而应该是经组合的组件(修改---群组)，文字，导入的位图、元件(图形、影片片段、按钮)等。

，运动过程中可以旋转。

例：小球下落：(先将小球群组为组件)，不能颜色渐变，可旋转。

起始帧和未帧同一对象，可大小渐变(未帧变大)。

一个圆、一个方，不能大小渐变。

1、第1帧绿球, 群组(出现蓝色边框)2、第20帧F6，把绿球删掉，在下面位置画一个大的红球，群组。

3、帧面板：移动，旋转2周。

例4-5：文字移动：(文字的缩放，旋转)，可大小缩放，不能颜色渐变。

注意：文字本身就有蓝色边框，(如要填充文字七彩色，先打散，填充完后再群组)例4-6：电影摇镜头效果：(导入的图象)例4-7：翻书（注意中心点在左侧边线，要向上翻，可在最后一帧微微向上倾斜一点）课本【实例30 】卡通翻页画册作业：参考“4-5文字移动.fla”，制作“HAPPY NEW YEAR”文字移动，制作人写上自己的名字。

四、使用元件与实例只有元件，“效果面板”才可用，可调透明度的变化运动。

1)、有关库、元件、角色(实例)的概念放在库窗口中的对象，可以被多次调用，只占用一次引用的体积。

把库里的元件拖动到场景中，这时的元件称作角色(有的书上是实例)例4-8：元件变色例4-9：种草2)、三种元件的区别：影片片段：如果创建了一段动画，又希望在作品中多次引用这段动画，可将这段动画转换为影片片段。

例：影片元件(在场景中只以一帧显示，有自己独立的时间轴，ENTER看不到运动，CTRL +ENTER才看到运动。

它不管场景中其它层的长短，自行循环播放)图片：可以是一张静态图；也可以是动态的：例4-10：图形元件(在场景中只以一帧显示，但使用主影片的时间轴，如果比场景中其它层要长，只播前几帧。

)例4-11：海——光线：先制作“光线”图形，再制作整个“光束”图形按钮元件3）、建立元件的各种方法插入菜单-----新元件✧在库窗口中按新建按钮✧以场景中原有的对象为内容创建元件：绘图画图.fla 选择蝴蝶，插入菜单---转换为符号。

还有花朵。

✧对已有的动画转为影片片段：选择这段动画(鼠标往下拉，可连选多层)，拷贝帧，插入菜单---新建元件：影片片段，粘贴帧。

4)、设置元件的属性：实例面板、效果面板。

例4-12：文字透明度的变化：把文字转换成元件：图片，再用效果面板调整前后帧的透明度，移动渐变。

把1个元件拖多个到舞台，就是不同的实例，可分别设置颜色、透明度。

可改变实例的类型如把“图象”改成“影片片段”。

如打散实例，就切断和元件之间的链接，不会被更新。

例：种草5)、库窗口CTRL+L的操作：选项。

6)、调用其他FLA文件的库窗口的元件到自己的FLA文件：文件菜单----以库打开(选择FLA文件)。

例：调用4-13ball&shad里的红球在影片片段（简称MC）里还可以调用其他影片片段例4-14：MC嵌套(1)插入元件：影片片段“1个叶”，画1个象风车叶的图形。

(2)插入元件：影片片段“3个叶”，层1，将“1个叶”拖出来，旋转层2，将“1个叶”拖出来，改旋转层3，将“1个叶”拖出来，改旋转(3)返回场景：层1、把“三个叶”拖出来，放大、缩小运动渐变。

7）、按钮元件的建立：UP、OVER、DOWN，HIT四种状态。

(后三种可无，保持UP状态)例：共享库：LED buttom: push buttom,双击，编辑状态，一个按钮可同多层组成。

还可加上声音层。

CTRL+ENTER可测试按钮。

例：制作文字按钮：PLAY，(注意，制作文字按钮时一定要加热区HIT)按钮只有4种状态，但可以在每一帧中加入不停运动的电影片段。

利用电影片段作为按钮。

例4-15：旋转的按钮：(1)插入元件：图象，画一小球。

(对齐中心点)(2)插入元件：，将小球元件拖出来，1-400帧移动渐变：旋转3(3)插入元件：按钮，UP帧，将影片片段拖出来，OVER帧，将图象拖出来(不动的小球)另外，可养成对齐中心点的习惯(信息面板)按下按钮后，要执行什么动作，要对按钮设置ACTION命令，除了action语句外，还可以将影片片段放在按钮的over帧，不用任何语句，鼠标划过时，播放影片片段。

例4-16：点蜡烛:制作“火”的影片片段，制作按钮：第1帧空白，划过是放“火”课本【实例26 】变色图像课本【实例24 】鱼缸和游鱼课本【实例17 】荧光文字（设置滤镜参数的变化）新建元件，写文字，两次CTRL+B打散文字，墨水瓶2像素描黄边，SHIFT+选择工具选黄边，修改――形状――将线条转换为填充，修改――形状－柔化填充边缘，CTRL+G组合文字。

将元件拖到舞台，滤镜：斜角，发光，第40帧，F6,修改滤镜参数，动作动画。

五、遮罩动画(遮罩和被遮罩两层记得锁起来)作为遮罩的只能是填充图形、文本块或元件实例，其他任何对象将被忽略例：上层为动画，遮罩下层例：上层静态，遮罩下层动画例4-17：光影文字例4-18：衬底图例4-19：涟绮（底图位置错开一点）动态遮罩：在FLASH MX里，影片片段可遮罩影片片段，例4-20：mask.fla还可以用ACTION语句：setmask命令。

课本【实例34 】百叶窗式图像切换舞台尺寸：400*300水平百叶窗：在图层3的第1帧，将“库”面板内的“百叶”影片剪辑（两像素的矩形）拖到舞台最上边，插入――时间轴特效――帮助――复制到时网格，设置参数如下（图像高度为300，元件高度为30，所以行数为10），再设遮罩。

垂直百叶窗：将“百叶”变形――顺时针旋转90度，最左边。

网格尺寸：1，14，网格间距1，30（图片宽为400）六、引导层动画概念：轨迹所在的图层叫引导层。

一个引导图层可以引导若干个被引导图层。

被引导的对象必须是角色、组合组件、文本等(跟移动动画相同)步骤：先做好移动动画，再按层窗口下方“添加引导层”按钮。

例4-21：飞机：引导层1、层1：第1帧，打开共享库，把飞机(影片片段)拖出来，第25帧F6，修改飞机位置。

移动动画。

1、按下层窗口下方“添加引导层”按钮，在引导层第1帧画一曲线。

2、在层1第1帧，将飞机的中心点吸附到曲线起点，第25帧，将飞机的中心点吸附到曲线终点，如吸附正确，可看到飞机中心点的+号在曲线的起点、终点。

3、可在第10帧、第15帧旋转飞机的方向：机头向上、向下。

操作：选择第10帧：按下CTRL+SHIFT，再用鼠标点第10帧。

例4-22：路径动画—宇宙。

对象在圆形密封的引导线上移动，会选择一条最短的路径移动。

可在第一帧把圆形擦掉一点点。

在一个动画里，又想要引导层动画，又想要遮罩动画，怎么办？用ACTION语句：setmask命令课本【实例35 】黛玉葬花课本【实例36 】小火车七、时间轴特效动画时间轴特效可应用于文本、图形（包括形状、组合体以及图形元件）、位图图像和按钮元件等对象。

可自动生成动画效果。

插入“时间轴特效”有3类8种效果各种时间轴特效详解例4-23：时间轴特效—模糊课本【实例33 】图像切换综合实例：4-23黑客帝国4-24形象。