动画制作 曾兰芳 教育技术学院 zenglf2003@163.com.

Presentation on theme: "动画制作 曾兰芳 教育技术学院 zenglf2003@163.com."— Presentation transcript:

1 动画制作 曾兰芳 教育技术学院

2 1.运动补间动画 小球运动

3 运动补间动画 例：人和鸟

4 基本步骤 新建文件550*400，背景色蓝色，（拷贝元件）
将图层1的名称改为bird，将bird元件拖放到舞台左侧；在第10帧建立关键帧，并改变bird位置到舞台中央偏上并适当缩小；创建动作补间动画。 新建图层并命名为cloud，拖放元件cloud到舞台右侧；在第10帧建立关键帧，并改变cloud位置到舞台中央偏上位置；创建动作补间动画。 云彩的翻转：cloud层第一帧，属性面板/旋转/顺时针/1 在bird和cloud图层下新建图层egg/第10帧处插入空白关键帧，拖动egg元件到舞台（云后鸟下）/第15帧建立关键帧，改变egg位置到舞台中央偏下，变形工具适当放大egg/创建动作补间动画。 egg的加速下降：第10帧/属性面板/缓动－100

5 基本步骤（续） 新建图层elf/第10帧插入空白关键帧（F7），拖动elf元件到舞台中央下方/第15帧建立关键帧/改变人的位置到舞台中央偏下位置，使人物的手和落下的蛋对齐/建立动作补间动画 Cloud和bird继续保留在舞台上：在其层的第15帧上建立关键帧（F6） cloud和bird同时飞走：在其层的第20帧分别建立关键帧，然后分别拖动bird和cloud到舞台上方，在15－20帧之间建立运动补间动画 Egg和人物停留：在其层的35帧分别建立普通帧(F5)

6 总结：Flash中运动的三个条件 前后关键祯 起始点和结束点位置或图形的变化 建立运动补间动画或者形状补间动画

7 2.引导层动画 在引导层动画中，由于设置了引导层，可以使舞台上的对象按照设定的轨迹运动。

8 引导层动画 建立元件ball（注意中心点和舞台中心点切合） 在ball图层中，放入ball元件，并建立运动补间动画
新建引导层，利用铅笔工具绘制路径 在运动起始帧和运动结束帧，调整ball的中心点到路径上 还可以利用箭头工具对路径进行修改

9 引导层动画－显示引导层 建立元件ball（注意中心点和舞台中心点切合） 在ball图层中，放入ball元件，并建立运动补间动画
新建引导层，利用圆形工具画正圆 在运动起始帧和运动结束帧，调整ball的中心点到圆周的相应位置 如何显示路径：新增图层，然后复制引导层帧到新建层（右键复制帧－右键粘贴帧），并改变新建层的属性为一般（双击层图标） 如何让ball圆周运动：在引导层，利用箭头工具截取圆周很小一部分，然后再改变ball运动起始帧和结束帧的位置。（配合放大镜）

10 引导层动画—弹跳路径 关键点： 利用半圆画路径（先画圆，然后取半圆，然后按住ctrl键，移动，并点对点对接）
如果不成功，利用放大镜来看各个接点之间是否有重叠或者断开了，利用线条工具和箭头工具进行修改 如果要显示弹跳路径，可以参照前面的例子

11 引导层动画—利用文字做引导层 关键点 建立引导层，在引导层中输入文字，打散，去掉内部
让小球按照文字边框运动，需要在起始点和结束点之间增加关键帧，控制运动的方向 一个引导层可以让多个图层共享 X字体：Bauhaus 93 W字体：impact

12

13 基本步骤 文档大小：500×400像素，设置背景颜色为#FFCC99 将图层1命名为“山坡”，利用线条工具和选择工具绘制山坡
再用线条工具 ，将山坡封闭起来，利用油漆桶将山坡填充为黄色 利用选择工具，选中山坡四周的黑边，删除

14 基本步骤（续1） 新建名为自行车的元件，利用椭圆工具和线条工具，设置笔触黑色、无填充色、线条粗细5，绘制自行车
利用选择工具将直线拖出一些弧度 用颜料桶给人的脸部和车轮着色 将画好的图选中，复制后，在新建的元件“自行车影子”上ctrl+shift+v，修改/变形/垂直翻转，然后利用墨水瓶工具，设置笔触颜色为灰色，在复制的图像中的黑色线条上依次单击，将黑色线条变为灰色，形成影子效果。然后将影子部分选中，利用任意变形工具将图像进行缩放、扭曲等操作，完成最终的影子效果。（ctrl+alt键的使用） 将“自行车”图层中的自行车和“自行车影子”图层的影子分别复制到同一个新建元件“自行车和影子”上

15 基本步骤（续2） 新建图层“自行车和影子”，将“自行车和影子”元件拖入，利用变形工具调整自行车大小、倾斜度、位置。在第35帧插入关键帧，调整倾斜度，并设置为动画补间，在属性面板上勾选“调整到路径”。 选择图层“自行车和影子”，点击添加引导层按钮，添加引导层。利用画笔工具绘制自行车运动轨迹。 利用F5键将引导层和山坡层延续到35帧。

16 五、遮罩层动画 在遮罩层动画中，由于设定了遮罩，可以决定舞台上的对象哪些地方可以显示出来，哪些地方被隐藏起来。

17 静态遮罩效果 导入卡通图片到库，命名为girl；在库中新建cir元件
切换到场景。把girl图放到舞台上，并命名所在层为girl；新建图层命名为cir，并把cir图放到该层上面 鼠标单击cir图层，单击右键，选择“遮罩层”即可 调整遮罩位置：打开层上面的锁，移动遮罩层cir层的位置，调整完后，再锁上锁 重复以上步骤

18 动态遮罩效果-遮罩层运动 建立库文件：bg、picture位图、mask图形（其中，bg元件由picture位图转化成元件而来F8）
建立三个图层，分别是bright, mask, black，把mask图层放到最上面 在bright、mask、black层中，分别放入picture位图、mask元件和bg元件 在mask层上建立45帧的动画，改变black层图片的亮度(-60%) 分别在black、bright层的第45帧复制帧(F5) 单击mask层，右键选择遮罩层

19 操作步骤 建立text、cir库文件 建立text、cir、textbg图层，textbg图层放在最下面
在第一帧处，在text图层中放入text元件，在cir图层中放入cir元件，textbg图层中放入text元件 在cir图层第45帧处，建立关键帧，并建立运动补间动画，在22帧处建立关键帧。改变关键帧中cir图形的位置 调整textbg图层中text的位置和透明度 在cir图层建立遮罩层

20 文字遮罩效果2 建立text、jb库文件 建立text、jb图层，其中text层放在上面
在text层中放入text元件，在jb层中放入jb元件 在jb层做运动补间动画 在text层做遮罩效果

21 动态遮罩效果－被遮罩层运动 建立元件picture位图、light和text 建立bg、text、light图层，bg层放在最上面
在bg层中放入picture，并调整大小到合适 在text层中放入text，并调整位置为picture右 在light层中放入light，并调整位置；选择第60帧添加关键帧，并添加补间动画。改变第60帧时light的位置。 分别在text层和bg层的第60帧处添加帧 在text层上单击，右键选择遮罩层 渐显文字－葬花吟 渐显文字-花卉世界