FlashCS平面动画案例教程与实训案例

1、1会计学FlashCS平面动画案例教程与实训案例平面动画案例教程与实训案例 教学目标 通过本章的学习，使学生掌握个人简历、公益广告、贺卡和MV。 教学重点与难点 复杂大型动画的制作思路、制作过程、制作技巧和注意事项。 教学内容 本章计划授课12学时本章小结 .1 Flash 平面动画制作的概述 一、 动画概述 动画(Animating)在词典中的解释是“赋予生命”的意思，从这个意义上来讲它是一种手段，使得本来没有生命的形象活动起来，它的应用范围非常广泛，除了作为电影的一种类型（用动画工艺讲故事）之外，还有用在电影特技制作的动画、科学教育动画、介绍产品形象的广告动画、电子游戏动画、远程教育动画、

2、网页动态信息动画等等。 .1 Flash 平面动画制作的概述 二、 动画制作的技巧 1. 如何有效地管理元件和图层。 2. 如何设置动作的预备和缓冲。 3. 如何利用声音编辑软件处理声音。 4. 如何利用photoshop优化图片。 5. 如何让声音与字幕同步。 本节内容案例效果操作步骤技术要点练习一、案例效果重点与难点： 个人简历的结构设计、元件的管理 。二、操作步骤1、新建文档并命名。2、制作“与甜甜的天地相关”的元件 （1）创建“甜”、“的”、“天”“地”四个“图形”元件,如下图 （2）新建一个“影片剪辑”元件，命名为“甜甜的天地”，如下图 （3）修改“甜1”图层的第1帧“甜”字的属性，

3、设置其为透明，在1至10帧建立运动补间，并让其“逆时针”旋转1圈；“甜2” 、“的”、二、操作步骤“天”、“地”字也要进行相应设置，最后效果如图（4）将“甜”、“的”、“天”、“地”和“甜甜的天地”等几个元件，放置到“与甜甜的天地相关”文件夹中。二、操作步骤3制作“欢迎进入”与“返回”按钮元件。 （1）新建一个“按钮”元件，命名为“欢迎进入”。如下图 （2）新建一个“按钮”元件，命名为“返回”。效果如图7.8所示。二、操作步骤4制作“与闪烁相关”元件。 新建一个 “心” 图形元件和“闪烁” 影片剪辑元件，如下图 5制作“个人简历等文本”元件如下图6制作“个人简历使用按钮”元件。 新建“百合花”

4、图形元件、“旋转”影片剪辑元件和“按钮”三个元件 二、操作步骤7制作“个人简历等影片剪辑”元件。 （1）利用遮罩动画制作“个人简历”影片剪辑元件，如下图 （2）使用直接复制的方法制作出“个人相册”、“联系方式”、“未来憧憬”和“兴趣爱好”等四个影片剪辑。二、操作步骤 （3）新建一个“影片剪辑”命名为“相册”。8制作“菜单”元件。 （1）新建一个“菜单”影片剪辑，各按钮引导层如图二、操作步骤 （2）使用“交换元件”对话框，如下图 （3）为各个按钮添加的动作脚本如下图 二、操作步骤 （4）“菜单”元件各帧设置效果如下图二、操作步骤9主场景设置 （1）主场景中的图层设置和“开始”图层实例的放置位置如

5、下图 （2）“返回”按钮的动作脚本如图二、操作步骤 （3）整个文件元件的分类10测试影片，保存文件，并导出影片三、技能要点1、个人简历的结构设计（1）镜头的变换。（2）动画效果的变换。（3）动画技巧的使用。（4）制作复杂案例时可以先制作简单的基本元件。2、元件的管理 （1）复制元件。 （2）删除与重命名元件。 （3）查找空闲元件。 （4）排序元件。 （5）使用元件文件夹。三、技能要点 （1）请仿照本案例的设计和制作方法制作一个个人简历动画，要求使用到运动补间动画、形状补间动画、遮罩动画和引导动画等技巧。四、练习 本节内容案例效果操作步骤技术要点练习一、案例效果重点与难点： 如何设计公益广告、常

6、用镜头和镜头切换的效果。 二、操作步骤1介绍设计思路。 （1）用形容古代四大美女的 “沉鱼、落雁、闭月、羞花”一句话,来表现当前我们生活的环境污染，以此来号召人们爱护自己的家园。 （2）本案例的设计步骤2制作片头动画。 （1）新建一个文档大小为550400像素的文件，保存为“公益广告” （2）制作“beijing”图形元件如下图二、操作步骤 （3）创建一个名称为“bt1”的图形元件如下图 （4）选择“直接复制”命令，制作出“护”、“环”、“境”、保”、“护”、“家”、“园”七个字的图形元件如下图 （5）创建一个名称为“bt”的影片剪辑元件如下图 二、操作步骤 （6）新建一个“黑条”图层，画一个

7、500*50的矩形放在场景的底部。 （7）新建一个名字为“解说1”影片剪辑如下图 （8）新建一个 “按钮”层，按钮上代码如下 二、操作步骤 （9）将库面板新建的元件都放在“片头”文件夹里如图 3制作“活泼的鱼儿”画面。 （1）制作“fishbg”图形元件如下图 二、操作步骤 （2）制作“lanyu”的影片剪辑元件如下图 （3）制作“qipaopiao”影片剪辑元件如下图 二、操作步骤 （4）制作“lanyuyou”的影片剪辑元件 （5）制作“fish1”的影片剪辑元件如下图 （6）制作“鱼字”影片剪辑元件，将所有与鱼有关的元件都放在“yu1”文件夹里二、操作步骤4制作“翱翔的大雁”画面。 （1

8、）新建一个“蓝天和海” 和“沙滩和椰树”图形元件如下图。 （2）“大雁”的影片剪辑元件如下图 二、操作步骤 （3）制作“雁和天空”的影片剪辑元件如下图 （4）将所有与大雁有关的元件都放在“雁”文件夹里。二、操作步骤 （5）“雁字”影片剪辑元件如下图5制作“明亮的月空”画面。 （1）制作“star”图形元件、“starmove”影片剪辑元件和“月0”图形元件如下图。二、操作步骤 （2）制作“月动”影片剪辑元件 （3）制作“月亮”影片剪辑元件如下图 （4）将所有与星月有关的元件都放在“月”文件夹里并制作“月字”影片剪辑元件。二、操作步骤 6制作“盛开的花朵”画面。 （1）制作“flower1”图形

9、元件 、“flowerdong”影片剪辑元件和“叶子”图形元件，如下图。 （2）制作“鲜花”影片剪辑元件如下图二、操作步骤 （3）将所有与花叶有关的元件都放在“花”文件夹里并制作“花字”影片剪辑元件。 7美丽环境动画制作 （1）在主场景中将“雁和天空”影片剪辑元件放在“雁”图层；将“月亮”影片剪辑元件放在“月”图层，将鲜花”影片剪辑元件放在 “花”图层。 （2）将“鱼字”、“雁字”、“月字”、“花字”放在“文字”图层。8制作“污染现象”画面。 二、操作步骤 （1）制作“工厂”与“废气”图形元件如下图 （2）制作一个“烟动”影片剪辑元件如下图 二、操作步骤 （3）制作“一条污水”的图形元件、“污

10、水”的影片剪辑元件和“污染动画”影片剪辑元件，如下图。 （4）制作“后来”影片剪辑元件和“污染的波纹”图形元件并将所有与污染有关的元件都放在“污染现象”文件夹里。二、操作步骤9制作“沉鱼”画面。 （1）制作“fish2”和“鱼落”的影片剪辑元件如下图二、操作步骤10制作“落雁”画面。 （1）制作“雁子luo”、“雁和天空2”影片剪辑元件如下图二、操作步骤11制作“闭月”画面。12制作“羞花”画面。13制作“共建美好的家园”画面如下图二、操作步骤14污染后动画制作。 （1）制作“沉鱼”图层文件夹中的动画如下图二、操作步骤 （2） 制作“落雁”图层文件夹中的动画如下图二、操作步骤 （3）制作“闭月

11、”图层文件夹中的动画如下图二、操作步骤 （4）制作“羞花”图层文件夹中的动画如下图二、操作步骤15添加声音。16整理作品。三、技能要点1.公益广告的设计思路2. Flash动画中的常用镜头 摇镜头 推/拉镜头三、技能要点3. 镜头切换的效果设定 镜头切换有几种方式： （1）黑屏 （2）模糊 （3）部分显示 请你制作一个“森林防火”的公益广告。四、练习 本节内容案例效果操作步骤技术要点练习一、案例效果重点与难点： 了解分镜头脚本的绘制、动作中的预备与缓冲、多米诺骨牌式动画的设置技巧、AS脚本的运用。二、操作步骤 1故事情节概述及分镜头脚本的绘制如下图二、操作步骤 2新建文档并命名。 3绘制雪球、

12、圣诞树和雪花素材。 二、操作步骤 “下雪总动画”影片剪辑元件的图层设置如下图4制作Loading动画。 （1） “载入条”影片剪辑元件二、操作步骤 （2）制作小箭头、小箭头动画、载入条、字元件,小箭头动画元件如下图 （3）主场景中“as”图层，第1帧和第2帧的代码如下图 二、操作步骤5制作雪球滚动动画镜头。 （1） 制作“开头动画”图形元件如下图 二、操作步骤 （2） 制作“中间动画” 和“场景2背景”图形元件如下图二、操作步骤6制作雪球撞在树上镜头。 （1）制作“树”、“鸟窝”、“蛋”图形元件如下图二、操作步骤 （2）制作“碰到树特写镜头”图形元件如下图二、操作步骤7制作多米诺骨牌动画镜头。

13、 （1）制作“多米诺骨牌动画”图形元件如下图二、操作步骤 （2） 制作“鸡蛋碰到多米诺牌动画总合”图形元件如下图 （3）制作“多米诺落入悬崖” 图形元件如下图二、操作步骤8制作落到翘翘板上牌动画镜头。 （1）制作“星星动画” 影片剪辑元件如下图 （2）制作“礼炮”图形元件如下图二、操作步骤 （3）制作“翘翘板”图形元件如下图 （4）制作“多米诺骨牌掉在翘翘板上镜头”图形元件如下图 二、操作步骤9制作礼花动画镜头。 （1）制作“单个礼花动画”图形元件如下图 （2）制作 “礼花动画总” 图形元件 （3）制作 “放烟花动画总” 影片剪辑元件 （4）制作 “老人拉车总” 影片剪辑元件二、操作步骤10制

14、作老人发礼物镜头。 （1）制作“圣诞帽运动动画” 和“烟雾”图形元件如下图 （2）制作“字动画”图形元件如下图二、操作步骤 （3）制作“圣诞老人发礼物动画总合”影片剪辑元件如下图二、操作步骤11制作总镜头。 （1）制作“镜头总”图形元件如下图a二、操作步骤“镜头总”图形元件图b 二、操作步骤12布置场景。 （1） 制作“箭头按钮” 按钮元件如下图 （2）“我要走” 按钮和“想要礼物请进”按钮的位置如下图 二、操作步骤 （3）“replay”按钮的位置如下图13导入音乐。14测试影片，保存文件，并导出影片。三、技能要点1. Flash分镜头脚本的绘画 分镜头脚本（画面剧本）是影片计划的蓝图，也是

15、影片最初的视觉形象。 镜头分为长焦镜头和广角镜头。 为故事绘制分镜头脚本，实际上就是一个纸上谈兵的过程。三、技能要点2. 动作中的预备与缓冲 （1）预备 （2）缓冲3. 多米诺骨牌式动画的设置技巧 多米诺骨牌动画的设置，利用的是先整体后局部的方法，主要是运用了开始播放时间的不一样从而达到很强的视觉效果。四、练习 找一个有意义的故事或者漫画，根据此案例的方法制作画出分镜头脚本，制作出动画。要求要包括案例中所提到的镜头的运用、镜头的切换等效果。本节内容案例效果操作步骤技术要点练习一、案例效果重点与难点： 了解MV的制作流程，动画素材的准备工作、词曲同步、动画制作的技巧、MV的优化和管理。二、操作步

16、骤1新建一个文档，“帧频”为“25”，保存文档命名为“两只老虎”。2制作“正面老虎运动”元件。 （1） “正面头” 图形元件的绘制如下图 （2）制作“正面眼睛”图形元件，该元件图层如下 （3）绘制“正面身体”图形元件，如下图 二、操作步骤 （4） “正面手” 图形元件的绘制如下图 （5） “正面脚” 图形元件的绘制如下图 （6）制作“老虎说话动画”影片剪辑元件,如下图 二、操作步骤 （7）将所有与“正面说话动画”相关的元件放到此文件夹中。 （8） 复制“正面说话动画”文件夹并改名为 “正面跑步动画”。 （9）创建“老虎正面动画”影片剪辑元件 制作“快速运动脚”影片剪辑元件如下图 改变尾巴的形状

17、如下图 （10）复制“正面说话动画”文件夹改名为 “多只老虎唱歌情形” 二、操作步骤 （11）创建“老虎唱歌动画”影片剪辑元件 绘制正面手第2帧的形状如下图 绘制正面脚的第2、3帧的形状如下图 二、操作步骤 制作“老虎唱歌动画”影片剪辑元件的1、3、5、7、9、11、13帧动画如下图 二、操作步骤 （12） 制作“老虎唱歌集合”影片剪辑元件如下图 （13） 制作“老虎唱歌总合”影片剪辑元件如下图 （14）制作“老虎舞台表演动画”和 “老虎舞台表演集合”影片剪辑元件如下图 二、操作步骤 （15）将“老虎舞台表演总合”影片剪辑元件交换成“老虎舞台表演集合”元件。3制作侧面老虎运动元件。 （1）制作

18、 “老虎头”图形元件如下图 二、操作步骤 （2）制作 “眼睛”和 “身体”图形元件如下图 （3）制作“左手”和 “右手”图形元件如下图 二、操作步骤 （4）制作“老虎侧面动画”影片剪辑元件1、3、5、7、9、11帧动画如下图 二、操作步骤 （5）创建“老虎缺陷动画”文件夹 制作“老虎没有眼睛”影片剪辑元件 制作“老虎没有尾巴”影片剪辑元件4制作镜头。 （1）制作“镜头1”图形元件如下图 二、操作步骤 （2）制作“镜头2”图形元件如下图 二、操作步骤 （3）制作“镜头3”图形元件如下图 二、操作步骤 （4）制作“镜头4”图形元件如下图 二、操作步骤 （5）制作“灯光动画”图形元件如下图 （6）制

19、作“镜头总”图形元件5制作片头。 （1）制作“ 片头文件”图形元件如下图 二、操作步骤6组织场景并添加音乐。 （1）制作“字幕”图形元件及相关操作如下图 二、操作步骤 （2）插入及编辑音乐7测试影片，保存文件，并导出影片。 三、技能要点1. MV制作的流程三、技能要点2. 动画素材的准备 （1）对音乐的处理如下图三、技能要点 （2）编写剧本。 （3）对图片的处理。三、技能要点3. 音乐与歌词的同步 （1）查看音乐的长度有两种方法。 （2）如何让音乐与歌词同时出现。4. MV的动画制作技巧5. MV的优化与管理 （1）“库”的管理。 （2）“图层”的管理。四、练习 选择一首自己喜欢的歌曲，按照本章中介绍的MV制作方法。制作出自己第一部MV作品。（要求要有一定的创意，