flash动画制作教案.docx

flash动画制作教案.docx

《flash动画制作教案.docx》由会员分享，可在线阅读，更多相关《flash动画制作教案.docx（36页珍藏版）》请在冰点文库上搜索。

flash动画制作教案

《FlashCS6动画设计立体化教程》

配套教学教案

第1讲

课时内容

走进Flash动画世界

授课时间

90分钟

课时

2

教学目标

了解Flash动画设计。

掌握制作动物奔跑动画的方法。

认识Flash动画与动画设计流程。

教学重点

掌握Flash文件的基本操作。

了解帧频（fps）及设置技巧。

掌握位图与矢量图形的区别。

掌握认识与自定义FlashCS6操作界面的方法。

教学难点

掌握制作奔跑动画的方法、了解帧频（fps）及设置技巧的方法。

教学设计

1、教学思路：

（1）通过“认识Flash动画”任务练习打开FlashCS6文件并发布文件为影片的方法，通过相关知识部分将对Flash动画设计简介、应用领域、就业方向与前景等基础知识进行介绍；

（2）通过“制作童趣森林动画”任务练习到新建文档、导入图像、变形图像和添加文字等操作，通过相关知识部分对任意变形工具、变形面板、库面板、选择工具进行介绍；（3）安排两个实训提供制作思路与大致操作流程，帮助学生掌握对象的上下排列、文件的打开与预览等知识；（4）安排常见疑难解析、拓展知识，对初识FlashCS6的疑惑、延伸知识进行介绍。

（5）课后练习提供效果，要求学生综合所学知识独立完成，提高其水平。

2、教学手段：

（1）对软件界面、软件概念、软件功能等理念进行详细讲解；

（2）利用任务将初识FlashCS6需要掌握的操作使用步骤进行贯穿。

3、教学资料及要求：

除教材中的实例外，可收集优秀Flash作品进行赏析，加深学员对FlashCS6的功能认识，激发学生的学习兴趣。

教学内容

讨论问题：

1、使用FlashCS6可以制作哪些作品？

2、任务一认识Flash动画的流程是什么？

内容大纲：

具体可结合本章的PPT课件进行配合讲解。

任务一认识Flash动画

一、任务目标

二、相关知识

（一）Flash动画设计简介

（二）Flash动画应用领域与优秀作品欣赏

（三）动画设计就业方向与前景

（四）动画设计流程

三、任务实施

（一）打开Flash文件

（二）预览与发布动画

任务二制作动物奔跑动画

一、任务目标

二、相关知识

（一）FlashCS6的常用文件类型

（二）认识FlashCS6操作界面

（三）帧频（fps）及其设置技巧

三、任务实施

（一）新建Flash文件

（二）制作与预览Flash动画

任务三制作童趣森林动画

二、相关知识

（一）任意变形工具

（二）选择工具

（三）“变形”面板

（四）认识“库”面板

三、任务实施

（一）导入素材文件

（二）制作童趣森林动画

实训一打开Flash文件并预览

实训二对象的上下级排列

常见疑难解析

拓展知识

课后练习

任务一认识Flash动画

任务二制作动物奔跑动画

小结

1、掌握使用新建与打开文件、保存文件、导入素材、调整图片、发布影片等知识。

2、认识FlashCS6界面，以及掌握其中的库面板、任意变形工具、变形面板、选择工具等的使用。

思考及作业

想一想：

如何对图片进行缩放、变形、旋转等操作？

FlashCS6的工作界面被调乱了，如何恢复？

如何安装FlashCS6？

练一练：

本科后练习将使用Flash对舞台的大小值和色块进行设置，具体设置要求如下。

●启动Flash，然后在打开的“欢迎屏幕”界面的“最近打开的项目”栏中单击“打开”按钮，在打开的“打开”对话框中双击“草莓.fla”。

●打开文档后，单击文档中的图片文件，此时可以在“属性”面板的“位置和大小”栏中查看该图片的宽和高的值分别为“459”和“288”。

●单击文档中的舞台，此时可在“属性”面板的“属性”栏中看到舞台的大小值为默

●认的“550×400”像素，将该大小的值修改为与图片相同的“459×288”像素，使舞台的大小变为与动画大小相同。

●单击舞台“属性”面板“属性”栏中的“舞台”后面的色块，在弹出的颜色选项列表中选择“黄色”，改变舞台背景颜色。

●选择【文件】/【保存】菜单命令，保存文档。

第2讲

课时内容

绘制与编辑图形

授课时间

135分钟

课时

3

教学目标

能使用矩形、椭圆形工具绘制规则形状。

能使用直线、钢笔等工具绘制曲线等非规则形状。

能使用填充工具为图形填充颜色。

能使用文本工具为动画添加文本说明等。

教学重点

掌握使用矩形、椭圆、多边形及角星形工具等创建规则形状的方法。

掌握使用直线、线条、铅笔、钢笔工具等创建不规则形状的方法。

掌握填充工具的使用方法。

掌握文本工具的使用方法。

教学难点

掌握创建与编辑不规则图形，以及使用合适的填充方式填充图形的方法。

教学设计

1、教学思路：

（1）通过“绘制卡通猫”对钢笔工具、椭圆工具、矩形工具的使用方法，以及通过属性面板设置笔触属性、填充颜色等知识，通过其相关知识对绘图工具进行补充说明，如工具的不同绘制方法与属性设置、铅笔工具、线条工具和其他形状工具的用法；

（2）通过“为荷塘月色上色”对选择不同的上色工具进行上色的方法进行介绍，通过相关知识对“颜色”面板、“样本”面板、颜料桶工具等上色工具进行介绍；（3）通过“制作音乐节海报”讲解使用文本工具输入文本的方法，以及对输入的文本进行美化设置的方法，通过相关知识对文本工具、文本属性面板中的属性设置进行介绍；（4）安排两个实训，并提供制作思路与大致操作流程，帮助学生巩固绘制与填充图形的方法；（5）安排常见疑难解析、拓展知识，对绘制与编辑图形过程中的疑惑、原位置粘贴、魔术棒取色范围、成比例缩放对象的方法进行介绍。

（6）课后练习提供效果，要求学生综合所学知识独立完成Q版卡用人物的绘制与为飞鸽上色的方法。

2、教学手段：

（1）对图形绘制与编辑工具以及其设置属性进行列举讲解；

（2）提取最常用的绘图与填充工具的使用方法融入到步骤中讲解。

3、教学资料及要求：

除教材中的绘制与填充的图形外，可拓展一些鼠绘技巧、颜色搭配方式加深学习。

教学内容

知识回顾：

在前面讲解了走进Flash动画世界时需要掌握的一些软件应用领域、软件工作界面等概念，以及创建动画文件时需要使用到一些基本操作与基本工具、面板，下面将对创建动画文件所需的图形进行绘制与编辑。

讨论问题：

1、FlashCS6的绘图工具有哪些？

2、如何为绘制的图形填充过渡色？

内容大纲：

具体可结合本章的PPT课件进行配合讲解。

任务一绘制卡通猫动画

一、任务目标

二、相关知识

（一）了解鼠绘

（二）几何绘图工具

（三）自由绘图工具

三、任务实施

（一）绘制猫头轮廓和耳朵

（二）绘制其他部位

任务二为荷塘月色上色

一、任务目标

二、相关知识

（一）认识颜色

（二）“颜色”面板

（三）“样本”面板

（四）编辑渐变填充

（五）填充工具的使用

三、任务实施

（一）线性渐变填充

（二）径向渐变填充

任务三制作音乐节海报

一、任务目标

二、相关知识

（一）文本工具

（二）设置文字样式

（三）滤镜特效

（四）设置字符属性

（五）容器和流属性

（六）创建竖排文本

（七）添加分栏文本

（八）认识元件和实例

（九）“时间轴”面板

三、任务实施

（一）设置元件属性

（二）输入并设置文本

实训一绘制卡通女孩

实训二对绘制的小人上色

常见疑难解析

拓展知识

课后练习

任务一绘制卡通猫动画任务二为荷塘月色上色

小结

1、熟练掌握在Flash中绘制规则图形与不规则图形的方法、掌握通过属性面板设置绘制图形轮廓你、填充属性的方法。

2、掌握使用上色工具、颜色面板等实现不同填充效果的方法。

3、掌握使用文本工具输入需要的动画文本、并设置文本属性美化文本的方法。

思考及作业

想一想：

如何绘制正圆、正方形等规则图形？

如何绘制15度的倾斜线？

如何径向渐变填充图形？

图形元件和影片剪辑元件有什么区别？

练一练：

（1）使用钢笔工具绘制一个Q版的卡通小人，并在绘制完成后，分别在其不同的部位上色，最后再使用径向渐变，制作一个背景，，完成后效果如下图所示。

（2）要求对“飞鸽.fla”文档，完成后填充图形的颜色，完成后效果如下图所示。

第3讲

课时内容

制作Flash基本动画

授课时间

135分钟

课时

3

教学目标

能够使用不同的方式添加需要的动画。

能够使用动画编辑器编辑创建动画使其满足文件的需要。

能够使用所学的创建动画的知识制作“飘散字”“数字变化动画”“商品广告动画”。

教学重点

掌握逐帧动画的的特点和效果。

掌握传统补间动画与补间动画的差别。

掌握各动画在时间轴中的标识。

教学难点

掌握帧的编辑、图层的运用、创建部件动画与补间形状动画、使用形状提示、设置曲线、缓设置动属性等方法。

教学设计

1、教学思路：

（1）通过任务讲解制作飘散字效果、制作数字变化动画、制作商品广告动画的方法，将应用到图层和帧的操作、补间形状动画的创建与编辑、补间动画的创建与编辑等知识；

（2）将任务中涉及的相关知识进行罗列讲解，如Flash基本动画类型、传统补间动画与补间动画的差别、各动画在时间轴中的标识、动画编辑器、设置曲线、缓动属性等；（3）通过实训对汽车行驶动画与风筝飞舞动画的制作流程进行介绍；（4）安排常见疑难解析、拓展知识，对制作Flash基本动画过程中的疑惑、使用动画预设、分散到图层进行介绍。

（5）课后练习提供效果，要求学生综合所学知识独立完成篮球宣传动画和蜻蜓飞舞动画的制作。

2、教学手段：

（1）对动画的概念以及一些属性、类型等知识进行罗列，对一些面板的使用使用正文介绍其操作方法；

（2）对动画的创建、编辑相关知识使用步骤进行讲解。

3、教学资料及要求：

除教材中的知识外，为了提高效率，可收集一些精美动画案例，给学生剖析其实现方法，加深学生的理解。

教学内容

知识回顾：

前面对图形的绘制与编辑等知识进行了介绍，为了让绘制的静止的图形动起来，本节将对其添加一些基本的动画。

讨论问题：

1、Flash基本动画有哪些？

2、各基本动画有什么区别？

内容大纲：

具体可结合本章的PPT课件进行配合讲解。

任务一制作飘散字效果

一、任务目标

二、相关知识

（一）帧的编辑

（二）图层的运用

（三）动画播放控制

三、任务实施

（一）插入关键帧

（二）添加效果

任务二制作数字变化动画

一、任务目标

二、相关知识

（一）Flash基本动画类型

（二）传统补间动画与补间动画的差别

（三）各动画在时间轴中的标识

三、任务实施

（一）创建补间形状动画

（二）使用形状提示

任务三制作商品广告动画

一、任务目标

二、相关知识

（一）认识动画编辑器

（二）设置曲线

（三）缓动属性

三、任务实施

（一）创建补间动画

（二）制作百叶窗效果

实训一制作汽车行驶动画

实训二制作风筝飞舞动画

常见疑难解析

拓展知识

课后练习

任务一制作飘散字效果

任务三制作商品广告动画

小结

1、掌握逐帧动画、传统补间动画、补间动画和补间形状动画的使用方法。

2、掌握帧的编辑与图层的使用方法。

3、掌握动画编辑器的使用、曲线的编辑、缓动属性设置的方法。

思考及作业

想一想：

如何编辑补间动画的补间范围、舞台上的补间对象以及补间动画的运动路径？

关键帧与普通帧的区别是什么？

同一段补间动画可以同时添加多个属性吗？

练一练：

（1）应用补间动画创建一个“篮球”动画，该动画的特点是模拟打篮球过程的运行速度和状态。

通过制作主要练习补间动画的创建、应用缓动编辑补间动画属性的操作，完成后效果如下图所示。

（2））根据提供的图形素材（素材参见：

光盘\素材文件\项目三\课后练习\蜻蜓.fla），制作蜻蜓在花丛中飞舞的动画效果，通过制作主要练习绘制运动路径制作补间动画和逐帧动画的方法，完成后如下图所示。

第4讲

课时内容

制作遮罩与引导层动画

授课时间

90

课时

2

教学目标

理解遮罩动画和引导层动画的制作原理，并能够熟练制作相关动画。

能够制作“飘散字”“数字变化动画”“商品广告动画”。

教学重点

掌握动画的制作方法。

掌握引导层动画的原理及基本制作方法

掌握遮罩动画的原理及基本制作方法。

教学难点

掌握创建引导图层、拖动元件到引导层、设置引导属性的方法，以及遮罩层的转化与使用、遮罩层与动画的结合方法。

教学设计

1、教学思路：

（1）通过制作小鸟飞行动画和流水效果讲解引导动画与遮罩动画的使用方法与实现的效果；

（2）通过涉及到的引导层动画原理、引导层动画分类、取消引导层、遮罩动画原理、创建遮罩层的方式、创建遮罩动画的注意事项等相关知识进行讲解；（3）安排常见疑难解析、拓展知识，对制作遮罩与引导层动画过程中的疑惑、拓展知识进行介绍；（4）安排实训与课堂练习让学生自己动手制作，加深知识的应用。

2、教学手段：

（1）通过任务分引导动画与遮罩动画两类动画进行讲解；

（2）讲解方式以步骤讲解为主，以相关知识进行辅助说明。

3、教学资料及要求：

搜索一些遮罩动画与引导动画案例，与这两类动画在生活与工作中的体现方式等。

教学内容

知识回顾：

在前面讲解基本动画的制作，如补间动画与补间形状动画的创建、帧的编辑、图层的使用等。

下面将结合前面所学的基本动画创建引导动画与遮罩动画。

讨论问题：

1、什么是引导动画？

2、遮罩动画可以实现哪些效果？

内容大纲：

具体可结合本章的PPT课件进行配合讲解。

任务一制作小鸟飞行动画

一、任务目标

二、相关知识

（一）引导层动画原理

（二）引导层的分类

（三）引导动画的“属性”面板

（四）制作引导层动画的注意事项

三、任务实施

任务二制作流水效果

一、任务目标

二、相关知识

（一）遮罩动画原理

（二）创建遮罩层

（三）创建遮罩动画的注意事项

三、任务实施

（一）创建补间动画

（二）创建遮罩动画

实训一制作枫叶飘落动画

实训二制作绵羊遮罩动画

常见疑难解析

拓展知识

课后练习

任务一制作小鸟飞行动画

任务二制作流水效果

小结

1、掌握元件的编辑、补间动画的添加与遮罩动画的创建方法。

2、掌握创建引导层、添加引导线、拖动元件到引导层、添加传统补间动画的方法。

思考及作业

想一想：

如何创建对象沿绘制的路径运动的动画？

如何制作过山车动画？

遮罩动画中遮罩层中的形状是不是必须是规则形状？

创建引导层动画时，动画对象为什么不沿引导线运动？

练一练：

（1）本例将通过遮罩图层制作海浪效果，首先新建影片剪辑元件，在元件编辑窗口中绘制形状，创建补间动画。

返回主场景，导入“海浪背景”素材并复制图层，最后创建遮罩图层。

完成后的效果如下图所示

（2）本例将制作蜗牛滚动动画，首先导入“蜗牛滚动”素材，新建图层并制作元件。

创建补间动画，调整运动路径，再在“动画编辑器”面板中添加属性关键帧，调整属性关键帧位置，添加缓动类型。

再次新建图层，使用相同的方法新建第二段补间动画，完成后的效果如下图所示。

第5讲

课时内容

制作有声动画

授课时间

135分钟

课时

3

教学目标

加强对在Flash中添加声音和视频的理解，并按要求熟练编辑Flash中的声音和视频。

掌握“有声飞机动画”和“电视节目预告”制作的方法。

教学重点

了解Flash支持的声音格式。

掌握导入与添加声音的方法。

掌握修改或删除声音的方法。

掌握导入视频到Flash并进行优化的方法。

教学难点

掌握设置声音效果与同步类型的方法，以及更改视频剪辑属性、更改视频剪辑属性、使用时间轴控制视频播放、使用视频提示点的方法。

教学设计

1、教学思路：

（1）通过有声飞机动画、电视节目预告的制作方法两个任务讲解声音的导入及优化方法、Flash视频动画的制作方法；

（2）通过相关知识对任务涉及的声音的格式、导入与添加声音的方法、设置声音、修改或删除声音、设置声音的属性、压缩声音文件、视频的格式和编解码器、编辑使用视频、载入外部视频文件、嵌入视频文件等知识进行介绍；（3）安排常见疑难解析、拓展知识，对制作有声动画过程中的疑惑、使用拖动法为时间轴添加声音、F4V与FLV的区别进行介绍；（4）安排实训与课堂练习让学生自己动手制作，加深知识的应用。

2、教学手段：

（1）对声音格式、压缩方式等项目进行罗列讲解，对导入声音方法等简单操作采用正文介绍；

（2）对添加并编辑声音、添加与调整视频等重要知识使用步骤进行讲解。

3、教学资料及要求：

除教材中的知识外，还要求搜集视频与声音，如何转换视频与声音为动画需要的格式，如何控制声音与视频文件的大小等技巧进行介绍。

教学内容

知识回顾：

前面对常用动画的创建与编辑方法进行了介绍，为了吸引观众的注意，为其配置合适的声音是相当必要的，下面对在动画中添加声音与视频的方法进行介绍。

讨论问题：

1、如何在Flash动画中添加声音？

2、Flash支持的声音格式有哪些？

内容大纲：

具体可结合本章的PPT课件进行配合讲解。

项目五制作有声动画任务一制作有声飞机动画

一、任务目标

二、相关知识

（一）声音的格式

（二）导入与添加声音的方法

（三）设置声音

（四）修改或删除声音

（五）“编辑封套”对话框

（六）设置声音的属性

（七）压缩声音文件

三、任务实施

（一）制作飞机飞行动画

（二）添加并编辑声音

任务二制作电视节目预告

一、任务目标

二、相关知识

（一）视频的格式和编解码器

（二）编辑使用视频

（三）载入外部视频文件

（四）嵌入视频文件

三、任务实施

实训一儿童网站进入界面

实训二制作明信片

常见疑难解析

拓展知识

课后练习

任务一制作有声飞机动画

任务二制作电视节目预告

小结

1、掌握握声音的导入及设置声音、修改或删除声音、设置声音的属性、压缩声音文件方法。

2、掌握使用编解码器编辑视频、载入外部视频文件、嵌入视频文件的方法。

思考及作业

想一想：

载入外部视频和嵌入视频最大的区别是什么？

为什么在导入MP3声音素材时，FlashCS6提示该素材无法导入？

将声音素材应用到动画后，为什么声音的播放和动画不同步？

应如何处理？

练一练：

（1）本例将制作情人节贺卡，首先导入“情人节贺卡”素材，制作元件并为元件设置混合效果，然后编辑时间轴，将元件放入时间轴中。

最后插入声音，并将音乐声音音量调小后循环播放，制作完成后的最终效果如下图所示。

（2）本例将制作风景视频，首先导入“风景”素材，再新建两个图层，分别将两段风景视频嵌入时间轴中，绘制边框，为边框设置发光滤镜，添加说明文字，最后为视频添加循环背景音乐，制作完成后的最终效果如下图所示。

第6讲

课时内容

制作Deco动画

和骨骼动画

授课时间

135

课时

3

教学目标

能使用Deco工具绘制图形并制作动画。

理解Flash中的3D与骨骼的相关概念。

掌握“墙壁”“3D动画”“游戏场景”制作的方法。

教学重点

掌握Deco工具的使用方法。

认识3D动画元素。

掌握3D工具的使用方法。

掌握3D补间动画的使用方法。

教学难点

掌握3D补间动画的创建方法，以及使用3D工具编辑3D动画的方法。

教学设计

1、教学思路：

（1）通过制作墙壁、3D动画、游戏场景对握Deco工具的用法、3D动画的制作方法、骨骼动画的制作方法进行介绍；

（2）使用相关知识对涉及的喷绘刷工具和Deco工具、了3D平移工具、3D旋转工具、骨骼工具、认识IK反向运动、添加骨骼、编辑IK骨架和对象、处理骨骼动画等知识进行介绍；（（3）安排常见疑难解析、拓展知识，对制作Deco动画和骨骼动画过程中的疑惑、复制动画、制作摆动动画时选择矢量形状更佳进行介绍；（4）安排实训与课堂练习让学生自己动手制作，加深Deco动画和骨骼动画的制作。

2、教学手段：

（1）将Deco动画和骨骼动画的操作方法通过任务进行分步讲解；

（2）使用相关知识版块对任务中的知识进行补充。

3、教学资料及要求：

除教材中的知识外，可以搜集一些Deco动画和骨骼动画作品供学生参考学习并动手进行制作。

教学内容

知识回顾：

前面的章节中讲解了动画的制作与有声动画的制作，为了快速得到更加复杂的动画效果，本节将对Deco动画和骨骼动画的制作进行讲解。

讨论问题：

1、Deco动画和骨骼动画可以实现什么效果？

2、什么是IK反向运动？

内容大纲：

具体可结合本章的PPT课件进行配合讲解。

任务一制作墙壁

一、任务目标

二、相关知识

（一）喷涂刷工具

（二）Deco工具

三、任务实施

任务二制作3D动画

一、任务目标

二、相关知识

（一）认识3D动画

（二）3D动画元素

（三）3D工具的使用

（四）创建3D补间动画

（五）消失点和透视点

三、任务实施

任务三制作游戏场景

一、任务目标

二、相关知识

（一）认识骨骼动画

（二）认识IK反向运动

（三）添加骨骼

（四）编辑IK骨架和对象

（五）处理骨架动画

（六）编辑IK动画属性

三、任务实施

实训一制作藤蔓动画

实训二为“美女剪影”添加骨骼

实训三制作3D旋转效果

常见疑难解析

拓展知识

课后练习

任务二制作3D动画

任务三制作游戏场景

小结

1、认识Deco动画，并掌握创建与编辑Deco动画的方法。

2、认识骨骼工具与3D动画的关系，并掌握创建与编辑3D动画与3D补间动画的方法。

思考及作业

想一想：

如何处理骨架动画？

如何进行Deco网格填充？

可以单击多次鼠标进行Deco填充吗？

在使用Deco工具时为什么不能填满整个舞台？

练一练：

（1）制作商品介绍页，首先导入“商品介绍”文件夹中的素材，将“蝴蝶.png”图像分离后，分别为各个部分制作影片剪辑并使用3D旋转工具旋转蝴蝶翅膀，最后将背景和制作的影片剪辑添加到舞台中，并输入文本，完成后效果如下图所示。

（2）本练习将制作Deco梦幻水晶球动画，完成后效果如下图所示。

第7讲

课时内容

制作脚本与组件动画

授课时间

135分钟

课时

3

教学目标

理解脚本代码，并能够结合OI组件和Video组件制作Flash动画。

掌握“花瓣飘落动画”和“问卷调查表”的制作方法。

教学重点

了解ActionScript脚本。

掌握“动作”面板的使用方法。

掌握常用的Action函数语句。

教学难点

认识ActionScript3.0中常用的脚本语言与层次结构，以及基本语言。

教学设计

1、教学思路：

（1）通过制作花瓣飘落动画与问卷调查表对ActionScript制作脚本动画、利用组件制作动画的方法进行讲解；

（2）通过相关知识对认识ActionScript3.0、“动作”面板的使用、脚本助手的使用、ActionScript3.0的层次结构、对象的使用、鼠标事件、键盘事件、处理声音、