Flash动画教案.docx

Flash动画教案.docx

《Flash动画教案.docx》由会员分享，可在线阅读，更多相关《Flash动画教案.docx（99页珍藏版）》请在冰豆网上搜索。

Flash动画教案

《Flash动画制作课程》

教　

案

*******

2015年2月

第1周Flash概述

课程内容

模块1初识Flash

教案序号

1

教学时间

第1周

计划课时

2课时+实训2课时

教学目标

1、确定课程目标、讲述学习内容、教给学习方法。

2、熟悉Flash的界面。

3、熟悉FLASH的工作环境,

3、熟悉Flash动画的制作原理

教学重点

培养他们对于本课程以及本专业的热爱；了解什么是flash，熟悉flash工作界面。

教学难点

掌握动画原理以及Flash动画的制作原理。

教学方法

讲授演示法，任务驱动学习法和协作学习法

教学资源

投影仪、多媒体机房、案例源文件、素材、ppt等。

板书设计

教学过程

备注

导入：

教师给学生演示经典动画和教材中部分的案例动画由此引入课题。

讲述新课（讲授法、PPT演示）

一、Flash课程介绍

1、课程性质

2、课程目标和课程内容

3、考核方法

平时成绩20%+作业成绩10%+实训成绩20%+期末测试50%

4、学习方法

（1）小组学习法

（2）任务驱动法

（3）互帮互补法

（4）课堂勤记笔记、勤操作

（5）课外勤练习、勤看书

1.1初识Flash

1．什么是Flash

2．Flash的历史与发展

3．Flash的特点

1.2Flash应用领域

随着Flash软件版本的升级、功能的强大和网络的发展，Flash动画的应用领域越来越广泛，主要应用在以下几个领域中。

①网页动画

用Flash制作的网页动画适合在网络上传输，因为Flash网页动画在线播放时运用了流式技术，即边下载边播放。

②Flash游戏

Flash软件具有强大的多媒体编辑功能，它支持声音、动画及交互功能，是目前制作网络交互动画的优秀工具。

③教学课件

制作Flash动画时，在文件中可以导入或者添加文字、图片、声音、视频和动画等。

同时Flash还具有强大的交互功能，因此使用Flash制作的多媒体课件越来越多地被教学所采用，如图所示的教学课件。

④FlashMV

Flash在娱乐方面有着较为广泛的应用，最常见的是MV（音乐视频）。

Flash动画在添加上音效，能给人带来更多的乐趣，如图所示的FlashMV。

1.3Flash动画原理

1．动画原理

2．Flash动画制作原理

1.4Flash工作环境

1、舞台    就是工作区，最主要的可编辑区域。

在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。

2、时间轴窗口  用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。

3、绘图工具栏  放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。

在选择了某一工具时，其所对应的修改器（Modifier）也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。

4、标准工具栏  列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。

5、图库窗口  用以存放可以重复使用的称为符号的元素。

符号的类型包括有图片（Graphics），按钮（Button）和电影片断（MovieClip）。

其调用的快捷键为Ctrl-L。

6、控制器面板  控制电影的播放操作的工具集合，一般不大常用，处于隐藏状态。

例1：

使用工具制作一个“笑脸”或“哭脸”

思考:

如何让“哭脸”变成“笑脸”？

引入层的概念，将“嘴”放在新建的图层上

引入简单动画制作步骤：

  a、绘制动作的开始状态与结束状态，即绘制两个关键帧，并注意两个关键帧在时间线上的位置。

  b、选择所有帧，创建动画。

例2：

小球的直线运动。

步骤1：

在舞台上画出小球。

步骤2：

在第20帧上插入关键帧。

步骤3：

移动小球，使其开始位置与结束位置不同。

步骤4：

选择所有帧，创建形状渐变动画。

例3：

小球沿规定的轨迹运行。

步骤5：

在前一个动画的基础上添加引导层

步骤6：

在引导层上用铅笔工具画曲线。

步骤7：

移动小球，使其开始位置和结束位置分别位于曲线的首尾。

1.5动画的保存与发布：

1、保存动画：

依次点击“文件”菜单------“保存”———输入文件名，即可当前正在制作的影片保存到磁盘上。

注意保存的是Flash的源文件，其扩展名为.fla 。

2、动画的发布：

  依次点击“文件”菜单——“发布设置”——“发布”即可。

注意发布后的文件扩展名为名为.swf，发布后的文件可用IE等打开。

1.6设置工作参数

1、常规

2、绘画选项卡

3、设置标尺和网格

4、设置影片属性

首先向学生作自我介绍，然后介绍Flash课程性质、目标、考核方法以及学习方法。

结合生活，提示学生从生活，学习，娱乐的三个方面罗列flash的应用。

讲述层的概述时，可结合前期学习过的Photoshop中层的概念，这样学生头脑中就有了印象。

请学生注意动画制作的过程，并能自己制作上述两个动画。

注意flash的两种不同格式的文件，源文件和播放文件分别的打开方式

学生练习老师绘画选项卡、标尺、网格，教师辅导。

课堂小结

通过本单元的学习，使学生能了解Flash的工作环境，掌握基本的操作，了解简单动画的制作过程等，为以后的学习打下一定的基础。

作业

实训一：

简单动画的制作

教学反思

第２周绘图基础

教学时间

第２周

计划课时

3课时+实训3课时

序号

２

课程内容

模块2：

绘图工具

教学目标

掌握绘图基础知识；掌握选择工具的使用；掌握线条工具、椭圆工具、矩形工具和刷子工具的使用；掌握图形修饰工具和查看工具的使用

教学重点

绘图工具的使用和图形修饰工具的使用

教学难点

选择工具的使用

教学方法

讲授演示法，任务驱动学习法和协作学习法

板书设计

教学过程

备注

复习巩固

打开实例ceng,复习巩固FLASH中最基本的概念:

层

通过提问的方式复习文档属性的修改方法

导入新课

打开绘制好的flash的图像，让学生欣赏，说明Flash有一个功能强大的绘图工具，可以绘制出完美的图形。

它使用灵活、简单易用，在大多数情况下都可以满足使用者的要求。

讲授新课（边操作边演示边讲解）

补充知识：

１、矢量图形和位图图像

２、线条和填充图形

３、绘制模式

（１）合并绘制模式

　　当你所绘制的线条穿过别的线条或图形时，它会象刀一样把其他的线条或图形切割成不同的部分。

同时，线条本身也会被其他线条和图形分成若干部分。

（２）对象绘制模式

注意：

选择用【对象绘制】模式创建的图形时，Flash会在图形上添加矩形边框。

使用【选择】工具移动对象，只需单击边框然后拖曳图形到舞台上的任意位置即

2.1选择工具

１、选择工具

主要功能是选择对象，对对象进行变形等。

对象被选中后，选中部分会填充小的亮点。

基本操作有：

选取单一对象；选取多个对象；选取填充区和轮廓钱；选取连续线条；选取对象的某一区域；取消选择对象；移动对象；修改形状

2、部分选取工具

主要用于调整线条上的节点，改变线条的形状。

部分选取工具没有选项。

基本操作有：

删除节点；移动节点；角点转换为曲线点；调节曲率

3、套索工具

主要作用也是选择物体。

与选择工具不同的是，套索工具可以用来选取任何形状范围的对象，而选择工具只能拖出矩形的选取范围，因此它的功能更强一些。

2.2绘图图形工具

1、线条工具

线条工具的使用方法就是在舞台中确认一个起点后按下鼠标，然后拖动鼠标到结束点松开鼠标就可以了。

2、钢笔工具

钢笔工具的主要功能有画直线、画曲线、曲线点转换为角点、添加节点、删除节点。

3、铅笔工具

铅笔工具的选项栏中除“对象绘制”按钮外还有一个“铅笔模式”按钮，单击此按钮弹出三种绘图模式：

伸直、平滑、墨水。

4、椭圆工具

所画出的椭圆分为两部分：

轮廓线与填充色块。

通过设置笔触颜色和填充色，能画出实心椭圆，空心椭圆和实心无边框椭圆。

椭圆工具选项栏中只有“对象绘制”和“贴紧至对象”两个按钮。

5、矩形工具

矩形工具是一个工具组，包括矩形工具和多角星形工具，通过单击右下角的黑色三角进行切换。

矩形工具与椭圆工具用法相似，注意矩形圆角的设置。

使用多角星形工具可以绘制出不少于三个边的等边多边形。

注意选项的设置

6、刷子工具

刷子工具就像画刷一样可以在舞台中绘制不同颜色的图形，也可以为各

刷子工具的选项栏有五个选项：

“对象绘制”种图形对象着色。

刷子的颜色由填充色设置。

、“刷子模式”、“刷子大小”、“刷子形状”和“锁定填充”。

7、橡皮擦工具

橡皮擦工具就像日常生活中使用的橡皮擦一样，用来擦除图形的线条和填充区。

橡皮擦工具的选项栏有三个选项：

“橡皮擦模式”，“橡皮擦形状”和“水龙头”

2.3修饰图形工具

1、墨水瓶工具

墨水瓶工具用于更改线条的颜色、线宽和样式等属性，线条的颜色可以使用纯色、渐变色以及位图图像，

2、颜料桶工具

与墨水瓶工具相对应，颜料桶工具的功能是更改填充区域的颜色。

它可以填充封闭区域或不完全封闭区域，填充时可以使用纯色、渐变色以及位图图像。

3、吸管工具

吸管工具用于拾取填充或线条的颜色值，选择吸管工具后，鼠标图标变成一个吸管，用吸管单击对象的任意位置，可获得此位置的颜色值及其它属性。

4、任意变形工具

使用任意变形工具可以对图形做出各种各样的变形，制作各种Flash特效。

选择任意变形工具后，在选项栏中有四个选项按钮

自动变形工具一共可以做出五种变形处理：

旋转、倾斜、缩放、扭曲和封套。

其中旋转、倾斜、缩放对所有的对象都有效，而扭曲和封套只对形状对象有效，对组对象、符号和位图都不起作用。

2.4查看工具

1、手形工具

2、缩放工具

综合实例

1、绘制曲线2、嘴的轮廓3、眼镜4、雨中伞

请学生回答几个问题

分别打开一幅矢量图形和位图图像进行放大观看，让学生观察结果

画两条线条，和两个形状来演示合并绘制模式下图形之间的相互影响

教师在屏幕上绘制几个图形，进行演示选择对象的方法。

注意：

填充区和线条。

请学生观察对象变形时光标的变化

教师演示，注意线条工具的选项设置

联系PS中钢笔工具的用法

请学生思考:

怎样绘制五角星？

提示学生注意铅笔与刷子工具的异同处

请学生上台体验不同擦除模式

分别设置选项中不同的属性设置演示填充有缝隙的图形

分别演示提取四种对象属性

课堂小结

本周主要介绍了flash绘图基础，基本绘图工具的使用和编辑工具的使用。

要注意的是，选择某种工具时，可以对它的属性进行设置。

要分清合并模式和对象模式的区别。

布置作业

实训二：

绘图工具使用

教学反思

第3周编辑图像

教学时间

第3周

计划课时

3课时+实训3课时

序号

4

课程内容

模块3：

编辑图形

教学目标

使学生会合理的使用：

对齐、分布、匹配大小、间隔、相对于舞台等命令；

让学生巧秒应用切割融合组合叠放顺序的更改；

会应用变形面板、缩放和旋转对话框

教学重点

分布和相对于舞台；怎么样去解决和巧秒的去应用粘图现象；用变形面板、缩放和旋转对话框调节调整对象或者是画图

教学难点

分布面板上的各个按钮的操作原理；怎么