flash动画教案-高芸芸

巢湖学院

2012 至2013 学年第一学期

__Flash动画_课程

教

案

课程编码：044113003

总学时／周学时： 56 / 14

开课时间： 2012 年 11 月 12 日第 12 周第 15 周

授课年级、专业、班级：_2011级动画专业（1）（2）班

使用教材：《Flash CS4动画制作》_科教工作室清华大学出版社2010_

系别/教研室：艺术系 / 动画教研室

授课教师：____高芸芸_________________ ______

周次授课章节及主要内容实践教学

环节内容

实验或课

程设计等

学时作业

主要参考书

目

1 第一章原画概述

第一节Flash动画概述

第二节动画的视觉原理

第三节动画的制作过程

第二章Flash CS4入门

第一节Flash CS4工作环境

第二节Flash CS4基本操作方法

第三节Flash CS4简单动画的制

作

第三章Flash CS4绘图

第一节Flash CS4常用绘图工具

使用。

第二节Flash CS4绘图模式

第三节Flash CS4绘图

第四章在Flash CS4中应用文字

和位图

第一节Flash CS4应用文字

第二节Flash CS4应用位图

第三节Flash CS4应用文字和位

图的应用

第五章Flash CS4基础动画和高

级动画制作

第一节Flash CS4的帧

理论课：6

时实

验课：8

学时

采用多媒

体配合授

课，教师

示范一步

步讲解

14

每天课后

留的上机

作业，

Flash CS4

简单动画

的制作，

Flash CS4

绘图案例

练习，

Flash CS4

应用文字

和位图的

应用案例

练习，

Flash CS4

的帧案例

练习。

科教工作

室．《Flash

CS4动画制

作》．上海．清

华大学出版

社．2010年4

月1日出版

缪亮．《Flash

动画制作基

础与上机指

导》．北京．清

华大学出版

社．2010年1

月1日出版

李青．董明

忠.《Flash动

画设计与制

作》．上海．清

华大学出版

社．2009年7

月1日出版

力行工作

室．《Flash

cs4 动画制

作与特效设

计200

例》．北京．中

国青年出版

社．2010年7

月1日出版

2 第五章Flash CS4基础动画和高

级动画制作

第一节Flash CS4的帧

第二节基础动画制作

第三节高级动画制作

第六章元件和实例

第一节认识元件和实例

第二节创建元件的方法

第三节：“库”面板

第七章在Flash CS4中应用声音

和视频

二、教学内容

第一节声音的类别

第二节声音和动画同步

第三节视频

理论课：5

时实

验课：9

学时

采用多媒

体配合授

课，教师

示范一步

步讲解

14

每天课后

留的上机

作业，

Flash CS4

基础动画

制作，高级

动画制作

案例练习，

Flash CS4

绘图案例

练习，

Flash CS4

“库”面板

应用案例

练习，

Flash CS4

声音和视

频应用案

例练习。

3

第八章Action Script入门

第一节Action Script面板

第二节Action Script语言基础

第三节Action Script的基本应用

第九章Flash CS4动画的优化与

发布

第一节Flash CS4动画的优化

第二节Flash CS4动画的发布

理论课：6

时实

验课：8

学时

采用多媒

体配合授

课，教师

示范一步

步讲解

14

每天课后

留的上机

作业，Flash

CS4 Action

Script的基

本应用案

例练习，

Flash CS4

动画的优

化和Flash

CS动画的

发布应用

案例练习。

4 第十章Flash CS4动画短片制作实验课：14

每天课后

留的上机

(综合实例练习)

二、教学内容

第一节矩阵字幕、飞落的水泡、鼠标跟随

第二节跳跃的精灵、落叶缤纷、曲线波浪

第三节动画制作14学时

采用多媒

体配合授

课，教师

示范一步

步讲解

作业，广告

片头制作,

课件制

作,MTV制

作，网页动

画制作案

例练习。

三、教学方法

四、课时安排

总课时：56课时

第一章Flash动画概述理论课：1学时

第二章Flash CS4入门理论课：1学时实验课：2学时

第三章Flash CS4绘图理论课：2学时实验课：3学时

第四章在Flash CS4中应用文字和位图理论课：1学时实验课：2学时

第五章Flash CS4基础动画和高级动画制作理论课：3学时实验课：6学时

第六章元件和实例理论课：1学时实验课：2学时

第七章在Flash CS4中应用声音和视频理论课：2学时实验课：2学时

第八章Action Script入门理论课：4学时实验课：6学时

第九章Flash CS4动画的优化与发布理论课：1学时实验课：2学时

第十章Flash CS4动画短片制作(综合实例练习) 实验课：14学时

五、考核方式

六、参考教材

第一章Flash动画概述

一、教学要求

了解：了解动画的起源与发展、动画的概念、动画的分类、动画的特征、动画的元素。

掌握：掌握动画的视觉原理，掌握动画的制作过程。

二、教学内容

1、软件介绍

Flash是一款设计和制作二维动画的专业软件，它采用了网络流式媒体技术（即允许用户在动画文件全部下载完之前播放已下载的部分，并在不知不觉中下载剩余的动画文件），突破了网络带宽的限制，能在网络上快速地播放动画，并实现动画交互。

Flash之所以能占据网络多媒体的重要位置，最重要的一点是因为它采用了矢量技术（即基于矢量图形的Flash动画，即使随意缩放其尺寸，也不会影响图像的质量）。

Flash与当今最流行的网页设计工具Dreamweaver配合默契，Flash动画可以直接潜入由Dreamweaver制作的网页的任意位置，非常方便。

2、Flash的基本功能（补充）

绘制矢量图形

在Flash中创建的图形均为矢量图形，基于矢量的绘图同分辨率无关，这意味着它们可以按最高分辨率显示与输出。如果在Flash中导入位图文件（执行“文件/导入/导入到舞台”【Ctrl+R】，将外部程序生成的文件导入到当前文档的舞台上；或者执行“文件/导入/导入到库”，将外部程序生成的文件导入到当前文档的“库”面板中，可以随时调取使用），那么既可以位图形式在Flash中使用，也可以将其转换为矢量图形使用（修改/位图/转换位图为矢量图）。

参数介绍：

“颜色阈值”：表示色彩临界值，数值越高，转换文件需要的时间越长，文件也越大。

“最小区域”：当分配颜色给像素时，通过该选项设置周边像素数目。

“曲线拟合”：是绘制轮廓的方法。以像素为单位绘制的效果好，但转换后形成的文件较大。

“角阈值”：表示转角临界值，转角越多，图越平滑，文件也越大。

参数设置不同，转换后的效果不同。如果希望转换后的图像与原图非常接近，可参考以下数值：

“颜色阈值”：10 “最小区域”：1像素

“曲线拟合”：像素“角阈值”：较多转角

实训一快速制作矢量图形

通常情况下，矢量图是通过软件绘制出来的，但是这需要对工具有一定的了解。在Flash中有一种不需要通过绘制工具就可以制作矢量图形的方法，那就是将位图转换为矢量图。前提是需要准备一副位图。

一、创建空白文档，将素材导入舞台；

二、执行“修改”/“位图”/“转换位图为矢量图”命令，发现对象选中的显示方式有所变化（呈现出散点状）；

三、在舞台外部区域单击取消对象的选择，发现位图变成矢量图形，位图图像中的一些小细节被删除。

元件功能

之所以说Flash文件小，除了是基于矢量，还因为在Flash中可以重复使用元件的关系。将图像转换为元件（修改/转换为元件，F8），在“库”面板中只有一个元件，但是可以重复拖入场景成为“元件实例”使用，并且还可以进行任意缩放，但不明显增加文件体积。

实例是元件在场景中的应用，每个实例都可以有不同的颜色和大小。

实例二将舞台物件转换为图形元件

实例三设置实例的属性

滤镜功能

从Flash8开始添加了滤镜功能（窗口/属性/滤镜），该功能可以制作出许多意想不到的效果。比如发光、投影、模糊、斜角等效果。需要注意的是滤镜只能应用于文本、影片剪辑和按钮。

要使用滤镜功能，需要先在舞台上选择文本，然后进入滤镜面板，单击添加滤镜按钮，从弹出的菜单中选择相应的滤镜选项。对象每添加一个新的滤镜，在属性检查器中，就会将其添加到该对象所应用的滤镜列表中。可以对一个对象应用多个滤镜，也可以删除以前应用的滤镜。

实例四制作投影字

动画功能

动画是Flash最基本、也是最主要的功能，在Flash中可以制作逐帧动画、形状动画与补间动画。还有一种特殊的动画，就是按钮。按钮动画中只有4帧，分别为“弹起”、“指针经过”、“按下”与“点击”，每一帧都有其自身的功能。

实例五五角星变为圆形

第二章Flash CS4入门

一、教学要求

了解：了解Flash CS4 工作环境，了解Flash CS4界面概览与新特性。

掌握：掌握影片文档的基本操作方法，初步掌握简单动画的制作。

二、教学内容

课题名称：制作动画前的准备

目的要求：主要介绍制作动画前的准备工作，包括文档的新建、保存、关闭和打开、设置动画环境、如何获取素材和设置首选参数的方法等。

教学过程：

三、Flash的工作界面（成功安装并启动Flash后，默认情况下，其主界面包括“标题栏”、“菜单栏”、“工具箱”以及“时间轴”、“场景”、“属性”、“库”面板等元素。

窗口右侧卷帘面板区左侧中间的“向右的三角形”按钮，可将卷帘调板收缩；单击“动作面板”和“属性面板”上方的折叠按钮，也可将这两个面板向下折叠，从而放大工作区范围。按F4键可以将窗口中的各种面板暂时隐藏，使工作区范围扩大，从而方便编辑和查看；再次按下F4键可恢复操作面板显示。

1、时间轴（参见书第6页）

“时间轴”是编辑动画的地方，是帧排列的地方，是用于组织和控制动画的地方。Flash将时间分割成许多同样的小块，每一块表示一帧，在时间轴上对应的是一个小格，由左向右按顺序逐帧播放就形成了动画。

“时间轴”面板是由帧（帧管理区）、图层（层管理区）和播放指针（帧指针所在的位置就是动画播放的位置）组成的。时间轴用于组织动画各帧的内容，并且可以控制动画每帧每层显示的内容，还可以显示动画播放的速率等信息。单击右上角的“帧视图”按钮，打开的菜单中包含许多控制帧视图的命令。

2、动画编辑舞台（参见书第11页）

动画编辑舞台位于窗口的正中位置，可以进行动画的编辑制作，这是动画展示的舞台。可以通过执行“修改/ 文档”，【Ctrl+J】，或者通过“属性”

面板设置和改变舞台的大小、色彩等参数，默认状态下，舞台的尺寸为550×400像素。当舞台被放大后，可能无法看到整个舞台，利用工具箱中的“手形”工具移动舞台查看视图，也可以通过更改缩放比率查看完整的视图（视图/缩放比率）。

四、Flash的基本操作

无论是在Flash中绘制矢量图形，还是创建动画，都必须首先创建文档，最后保存文档。新建文档（参见书第16页、第20页）

Flash中的新建命令包括两种情况：常规与模板，并且每一种情况中还包括多种类型，这样才能创建出多种多样的动画。

在Flash中执行“文件”/“新建”命令，在默认情况下创建的是常规的Flash文件。当创建空白Flash文件后，文档属性是默认的。要想查看甚至修改文档属性，可以执行“修改”/“文档”命令（Ctrl+J）。在“文档属性”对话框中，可以设置文档的标题、尺寸、背景颜色等选项；还可以设置“帧频”选项，该选项用于设置每秒显示的动画帧的数量。对于大多数计算机显示的动画，特别是网站中播放的动画，8fps~12fps就足够了。

实例六创建文件，并设置参数

创建常规空白动画文件，设置其中的宽度为500像素，高度为300像素，帧频为24fps，背景颜色为绿色#00ccff。

当打开“新建文件”对话框后，切换到“模板”选项卡，该列表中的选项是预先设置好的特殊的Flash文件，它为Flash文档的最终创建提供了一个基础框架。

实训七快速制作幻灯片动画

幻灯片动画通过交替显示来展示图像，在显示图像时，幻灯片动画既可以自动播放，也可以通过手动逐一显示图像。

一、执行“文件/新建”命令，在对话框中切换到“模板”选项卡，选择“照片幻灯片放映”选项，单击确定按钮，创建模板文档并且加以保存。

二、由于该模板文档是一个完整的动画，所以保存后即可预览效果（“控制/ 测试影片”，Ctrl+Enter）。要想播放自己的照片，执行“文件/导入/导入到库”命令，将素材图片导入到库。

三、在“时间轴”面板中找到图像所在图层，并且选中第一幅图像，执行“修改/ 位图/交换位图”，或者单击“属性”面板中的“交换”按钮，在“交换图像”对话框列表中选择要展示的图像文件名称，单击“确定”按钮即可在原位置交换图像。

2、保存文档（参见书17页）

执行“文件”/“保存”命令，将Flash文件保存为fla格式的文件。Flash 中一个完整的动画文件包括两种格式的文件，一个是源文件，格式为fla，另一个是浏览文件，格式为swf。后者只作为浏览动画使用，不能够编辑，生成方法是执行“控制”/“测试影片”命令（Ctrl+Enter）。

3、设置场景

在Flash中构成动画的所有元素都包括在场景中，所以场景在动画制作中是不可缺少的部分。

场景是分隔动画的方式，可以把复杂的动画进行分隔、分类管理。就如同戏剧演出一样，因为需要更换背景或时间，所以要将一整出戏分成一段段、一节节。

时间轴可以根据动画的长度不断延伸，但是动画设定的时间过长时，寻找和查看都很困难。如果将动画按照一定的内容进行归类或分段，并分别放在不同的场景中，不但方便寻找和查看，也可以快速地调换顺序。

当一段动画包含多个场景时，在没有经过特别设定的情况下，场景会按顺序自动播放，即播放器会在播放完第一个场景后自动播放下一个场景的内容，直至播放完最后一个场景。

在默认情况下，Flash中只有一个场景。通过执行“窗口”/“其他面板”/“场景”命令，可以查看场景个数，进行场景的添加、复制、删除、顺序调整等操作。要创景第二个场景，可以执行“插入”/“场景”命令。

提示：

一个动画文档无论有多少个场景，只能有一个背景色和一个帧频率。

实训八四季的故事

四幅图像相互交替显示的动画。

一、将四幅图像文件导入Flash库；

二、将一副图像拖入默认“场景1”的舞台中间位置；

三、在“场景”面板中分别创建“场景2”、“场景3”、“场景4”，并且在场景中将“库”面板中的图像拖入舞台中间位置；

四、保存文档，按快捷键Ctrl+Enter即可预览动画。

第三章Flash CS4绘图

一、教学要求

了解：了解Flash CS4各种基本绘图工具的应用。

掌握：掌握图层的概念，掌握使用基本绘图工具绘制各种图形、景物等。

二、教学内容

课题名称：填充图形颜色

目的要求：主要介绍了填充图形颜色的操作，包括墨水瓶工具、颜料桶工具、混色器、填充变形工具和滴管工具的使用方法等。

教学过程：

使用Flash制作动画及图形对象时，需要创建许多动画角色和图像。创建这些对象主要通过两种方式来实现，一种是使用工具箱中的工具进行绘制（要求熟练掌握Flash提供的绘图工具，当然还要求设计者具有一定的美术功底）；另一种是直接导入外部图像文件。

Flash提供了许多实用的图形绘制工具，学习这些工具的使用方法是全面学习Flash的基础。Flash的各种图形绘制工具都被集中放置在“工具箱”中，而“工具箱”就在窗口的左边镶嵌着，它是可以浮动的。当将鼠标光标移至“工具箱”上，按住被拖动鼠标，将其移至桌面任何地方，双击“工具箱”标题栏可将其镶嵌到窗口左侧。执行“窗口”/“工具”命令，可以打开或隐藏“工具箱”。

“工具箱”分为“工具”、“查看”、“颜色”和“选项”4个区，每个工具区中，包含多个操作工具，通过工具箱中的工具，可以在Flash场景中绘制出各种动画对象，并且还可以对它们进行编辑和修改。

一、辅助工具（参见书21页、22页）

在制作过程中，合理地使用辅助工具可以更好地完成设计任务，帮助用户方便地进行操作。

1、网格

要想精确绘制图形的每个部分，最好的方法是在舞台中显示网格（执行“视图”/“网格”/“显示网格”命令可显示或隐藏网格）。还可以根据需要更改网格的尺寸或者颜色等选项（执行“视图”/“网格”/“编辑网格”命令，在打开的网格对话框中，可以对网格的颜色、大小、对齐网格、网格精确度等选项进行设定），使其更加符合绘图要求。

2、标尺和辅助线

在舞台上要想精确地创建图形的起始点或者是图形的尺寸，可以在舞台中打开标尺（执行“视图”/“标尺”命令，可以显示或隐藏标尺，标尺镶嵌在舞台左侧、上侧），并且通过标尺拖出辅助线（显示标尺后，使用“选择”工具，可以从标尺上拖曳出“辅助线”），这是一种非常快捷的方法。

二、文本工具（参见书41页）

创建文本的方法十分简单，只需单击Flash工具箱中的“文本工具”，然后在场景中进行拖动即可。使用“文本工具”可以进行文本输入，配合“属性”面板，可以对文字的色彩、字体、大小、样式和对齐方式等进行设置。在“文本工具”被激活的状态下双击文字物体，可以选取一整行文字。利用Flash提供的文本工具可以输入“静态文本”、“动态文本”和“输入文本”。

静态文本包括可扩展文本块（标签文本框）和固定文本块（区块文本框）。

创建可扩展文本块的操作步骤如下：先单击绘图工具箱中的文本工具按钮，在属性面板中设置字体的大小、颜色、间距等参数；然后将光标移动到场景中，当光标变成右下角带有A的十字形状时，在场景中单击鼠标，就会出现一个右上角带有小圆圈的矩形框，称为“标签文本框”，并且在矩形框内有一个闪动的插入点；标签文本框会随着文本的长短自动调整宽度，按Enter键可进行换行。

创建固定文本块的操作步骤如下：选择“文本工具”，按住鼠标左键不放在舞台上向右拖动光标，可绘制单行的文本框，文本框右上角是一个小方

块，该文本框称为“区块文本框”，文本输入至文本框的边缘时会自动换行。

“标签文本框”与“区块文本框”是可以相互转换的。拖曳“标签文本框”右上角的小圆圈，可以使“标签文本框”转换为“区块文本框”；双击“区块文本框”右上角的小方块，可以使“区块文本框”转换为“标签文本框”。

三、将文本转换为图形（补充）

在Flash中，将文本转换为图形是非常重要的。如果想让文字也具有动感，像处理图形那样简捷方便，必须将文本转换为图形后，才能制作出一些动态效果，例如文字的渐变、淡入、淡出等。

将文本转换为图形的方法是：首先选中要转换的文本，该文本必须是整个文本框，然后执行“修改”/“分离”命令，即可将文本进行分离。如果是两个或者两个以上的字符，则执行两次该操作。当文本被分离后，就变成了图形。

四、颜料桶工具（参见书47页）

在“颜色”工具中单击“填充色”工具按钮，随即弹出“选色板”，光标转换为吸管样式，在调色板中选择适当色彩单击，用“颜料桶”工具在图形上单击就可为图形填充该颜色了。在调色板下方，有一组渐变色填充可供选择，包括“线性”渐变色、“放射状”渐变色和“彩虹色”渐变色等。填充渐变色时，光标单击不同的位置，会有不同的填充效果，凡高光处，均为光标点击位置。渐变色是由起始颜色和目标颜色决定的。

实例一番茄

五、墨水瓶工具（参见书46页）

“墨水瓶工具”可以给选定的矢量图形添加边线，还可以修改线条或形状轮廓的笔触颜色、宽度和样式，该工具没有辅助选项。“墨水瓶工具”不能改变图像的填充色。设置好线条的属性后，在要添加边线的图形上单击，即可为图形增加边线；如果用鼠标单击一个已有轮廓线的图形，则墨水瓶的属性将替换该轮廓线的属性。

实例二乌龟

实例三椰汁树

六、滴管工具（参见书53页）

“滴管工具”的作用是拾取工作区中已经存在的颜色及样式属性，并将其应用于其他对象中。该工具没有辅助选项，使用简单，只要将滴管移动到需要取色的线条或图形中单击即可。

实例四吸取色块颜色

实例五吸取线条属性

实例六吸取位图属性

实例七吸取文字属性

综合实例渐变文字

在Flash中可以制作出多种色彩渐变文字效果，其制作方法较为简单，使用“文本工具”输入内容之后，需要结合Flash中的分离命令将其打散，然后使用“颜色”面板对文字进行渐变色彩设置。

一、执行“文件”/“新建”命令，并执行“修改”/“文档”命令，修改“文档属性”，设置尺寸为宽661像素、高496像素。

二、选择“文本工具”，在“属性”面板中进行字体、字号（60）、颜色等属性设置，在场景中输入静态文本。

三、选择“选择工具”，将文本选中，执行“修改”/“分离”，将文本拆分为单个的文字，再次执行“修改”/“分离”，将单个文字分离。

四、当分离的文本被选中时，在“颜色”工具中单击“填充色”，选择彩虹渐变颜色，这时每一个独立区域是一个完整的彩虹渐变颜色。（注意：如果用户在文字没有被选中的状态下进行了颜色设置，那么使用设置后的颜色对其填充时，需要选择“颜料桶工具”分别单击文字以完成颜色的改变。）

五、为了使文字突出，对渐变文字添加白色边框。

六、选择“选择工具”，将文字对象选中，执行“修改”/“组合”命令。

七、执行“文件”/“导入”/ “导入到舞台”命令，将准备的素材图片导入场景。右击鼠标，执行“排列”/“下移一层”命令，然后调整渐变文字的位置。

八、按快捷键Ctrl+Enter测试影片。

第二章绘制图形

课题名称：绘制基本图形

目的要求：主要介绍了绘制基本图形的操作，包括绘制线条、绘制简单图形。

教学过程：

七、线条工具线条是组成矢量图形最基本的单位，任何图形都是由线条组成的。“线条工具”用来绘制各种角度的直线，其笔触格式的调整可以在“属性”面板中完成。

黑白：单击该按钮可设置笔触颜色为黑色，填充色为白色；

交换颜色：单击该按钮可交换笔触颜色和填充色；

“宽”和“高”：设置直线的长度；

“X”和“Y”：设置直线在场景中的位置。（对象在场景中的位置是以场景的左上角为原点的）

在绘制直线时按住shift键，可以绘制出水平、垂直或与水平方向成45度角的线段。

八、铅笔工具

“铅笔工具”用以绘制简单的矢量图形、运动路径等，绘画方式与使用真实铅笔大致相同。当单击“铅笔工具”时，在“工具箱”的选项区域中会出现“铅笔工具”的辅助选项，单击该按钮，可以弹出下拉菜单，其中包括3中绘图模式：伸直（选择该模式，只要勾勒出图形的大致轮廓，Flash会自动将图形转化成接近的规则图形，主要用来绘制一些规则且菱角分明的三角形、矩形和多边形等几何图形）、平滑（选择该模式，达到圆弧效果，使线条更加光滑，主要用来绘制水果、人物等边缘圆滑的图形）、墨水（选择该模式，完全保留徒手绘制的曲线模式，不加任何更改）。

在使用铅笔工具时，按住shift键，只能绘制出水平、垂直方向上的直线，而不能绘制成45度角的线段。

九、椭圆工具（参见书35页）

在Flash中，可以使用“椭圆工具”绘制正圆和椭圆图形，方法是：在工具箱中单击“椭圆工具”按钮，然后在“属性”面板中设置图形的填充颜

色、笔触颜色、笔触高度和笔触样式，设置完毕后，在场景中单击并拖动鼠标，即可绘制椭圆图形。

在使用椭圆工具绘制图形时，同时按住Shift键进行绘制，可以将形状限制为圆形。如果同时按住Shift和Alt键绘制图形，可以从中心绘制圆形。

实例八绘制一个笔触颜色为红色、填充色为粉红色（#FFCCCC），笔触高度为10，笔触样式为实线的椭圆。

十、矩形工具（参见书36页）

主要用来绘制矩形和正方形，还可以绘制圆角矩形。

注意：“边角半径”文本框中，输入的值越小，圆角的弧度越小，反之则越大。

实例九绘制一个笔触颜色为黄色、填充色为橙红色（#FF9900），笔触高度和笔触样式保持默认的圆角矩形（边角半径为10）。

十一、多角星形工具（参见书37页）

用鼠标左键按住矩形工具不放，在弹出的菜单中选择多角星形工具。使用该工具在场景中绘制多边形和星形。在“属性”面板中单击“选项”按钮，弹出“工具设置”对话框，在“样式”下拉列表中，可以选择多边形或者星形样式，在“边数”文本框中，输入多边形或者星形的边数。

注意：星形的顶点大小越小，星形向内收缩越多。

实例十绘制一个五边形和五角星形（笔触颜色为黄色，填充色为橙红色，笔触高度为5，笔触样式为实线）。

实例十一绘制两个五角星，设置星形顶点大小分别为1和0.2

十二、填充变形工具（参见书51页）

在Flash中，可以使用“填充变形工具”来调整填充的大小、方向、中心以及变形渐变填充和位图填充（位图填充周围的矩形比渐变填充多了倾斜控制柄和比例缩放控制柄）。

渐变填充分为线性渐变填充和放射状渐变填充两种。如果使用放射状渐变填充色对图形进行填充，在填充区域会出现4个圆形或方形手柄：宽度控制、大小控制、旋转控制、中心点；使用线性渐变填充会出现3个圆形或方形手柄：旋转控制、宽度控制、中心点。

十三、Flash绘制图形技巧（补充）

在Flash中，使用绘图工具绘制的图形为矢量图形，它们主要由填充颜色的色块和由多个点构成的图形轮廓或曲线两部分组成。在Flash中绘制图形，主要有两种方式：合并绘制图形（贴紧至对象）和对象绘制图形。

默认情况下，在Flash的同一图层上，重叠进行绘图或填充颜色，所绘制的图形对象会自动合并，对图形进行编辑会影响到同一层的其他形状。例如，绘制一个圆形，并在其上叠加一个较小的圆形，然后选择第二个圆形并进行移动，则会删除第一个圆形中与第二个圆形重叠的部分。

使用“对象绘制”方式绘制图形时，可以将多个图形绘制成独立的对象，这些对象在叠加时不会自动合并，这样在分离或重新排列图形外观时，可以使图形重叠而不改变其外观，而且可以对每一个图形对象分别进行处理。要使用这种绘图方式，需要在启用绘图工具之后，在工具箱的选项区中单击“对象绘制”按钮，同时，对于绘制的图形来讲，Flash会在该图形周围添加矩形边框。

只有在使用铅笔、线条、钢笔、刷子、椭圆、矩形和多边形工具时，才能启用“对象绘制”功能，当“对象绘制”功能被激活时，按快捷键J可以在“合并绘制”与“对象绘制”之间切换。

用户可以将“合并绘制”方式绘制的图形装换为“对象绘制”方式下的图形对象，方法是，选择“合并绘制”方式创建的图形对象，然后执行“修改”/“合并对象”/“联合”命令，所选图形即可被转化。

综合实训绘制QQ笑脸表情

制作一个QQ笑脸表情，练习形状的绘制、颜色的渐变、调色板等基本工具。

一、新建文档，并以“对象绘制”方式创建一个正圆对象（设置笔触颜色为黑色、笔触高度为5、笔触样式为实线）。

二、使用“选择工具”，选中正圆，在“混色器”面板的“类型”下拉列表框中选择“放射状”选项，设置颜色（【253，233，155】、Alpha:50%），（【253，235、102】、Alpha:80%），（【249，190，61】、Alpha:100%），（【249，190，61】，Alpha:100%）。（要向渐变中添加指针，单击渐变定义栏即可，最

《FLASH动画制作》课程教案八年级下册

第二单元制作Flash动画 第一节帧和逐帧动画 一、教学目标 知识与技能： 1．掌握空白关键帧、关键帧和普通帧的概念； 2．掌握帧的基本操作； 3．掌握制作逐帧动画的方法并会进行测试。 过程与方法： 通过学生自主学习和合作探究，培养学生运用信息技术理解问题的能力。 情感态度与价值观： 培养学生养成严谨的学习态度和团结协作的精神，提升素质，发展个性。 二、教学的重点和难点： 重点：帧的基本操作。难点：制作逐帧动画并进行测试。 三、教学准备：多媒体网络控制系统、足量的电脑、FLASH 四、教学方法：讲授法演示法提问法实践操作法 五、教学安排：1课时 六、教学过程： （一）展示动画，导入新课 播放一段FLASH动画影片，引导学生了解flash动画，并激发其学习flash动画制作的激情。 我们在上一单元学习的FLASH的基本操作，以及利用场景创作一份作品。今天我们一起来学习FLASH动画的制作。 （二）讲授新课 1．基本概念 我们在前面接触的库的概念，它有什么用途呢？ 打开“生日快乐.FLA”，发现什么？ 学生观察。 库：存放动画元件的地方（好比是一场戏的后台）。 场景：动画的表现，场所（好比是舞台）。 打开FLASH，介绍时间轴和帧的概念。 大家最近都看过什么电影啊？。。。 这些电影和电视剧、动画片一样，看上去非常地流畅，实际上都是由一幅幅的图片剪辑起来的。每一幅画面或图片称为一个帧。如我们FLASH窗口上的“1、5、10”。 提示学生观察FLASH窗口。 这些帧实际上是由一个叫时间轴的面板控制的。 时间轴：动画制作的最重要的区域，是编辑动画的工作台，是加工动画的流水线，包括了层编辑区、帧编辑区和时间线。（好比是剧本） 我们要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。 或者说，FLASH就是将这些画面按一定的空间和时间顺序排放，然后按时间轴的顺序连续快速地显示，从而达到动画的效果。

PowerPoint 动画制作教案

PowerPoint 动画制作教案 教学内容： 1、设置进入动画 3、设置退出动画 4、自定义动画路径 5、调整动画顺序 6、设置背景音乐 7、设置动作按钮 8、设置强调动画 9、设置字幕式动画 10、设置超级链接 教学过程： 一、设置“进入”动画 动画是演示文稿的精华，在画中尤其以“进入”动画最为常用。下面我们以设置“渐变式缩放”的进入动画为例，看看具体的设置过程。 1、选中需要设置动画的对象，执行“幻灯片放映→自定义动画”命令，展开“自定义动画”任务窗格。 2、单击任务窗格中的“添加效果”按钮，在随后弹出的下拉列表中，依次选择“进入→其他效果”选项，打开“添加进入效果”对话框。 3、选中“渐变式缩放”动画选项，确定返回即可。 注意：如果需要设置一些常见的进入动画，可以在“进入”菜单下面直接选择就可以了。

二设置动画播放方式 如果一张幻灯片中的多个对象都设置了动画，就需要确定其播放方式（是“自动播放”还是“手动播放”）。下面，我们将第二个动画设置在上一个动画之后自动播放。 展开“自定义动画”任务窗格，双击第二个动画方案，单击“开始”右侧的下拉按钮，在随后弹出的快捷菜单中，选择“之后”选项即可。 注意：在“自定义动画”任务窗格中，还可以快速设置动画播放“速度”等选项。 三定义动画路径 如果对Powepoint演示文稿中内置的动画路径不满意，可以自定义动画路径。下面，我们以演示“布朗运动”为例，看看具体的实现过程。 1、用“绘图”工具栏上的“椭圆”按钮，在幻灯片中画出一个（或多个）小“质点”。 2、分别选中相应的“质点”，单击“自定义动画”任务窗格中的“添加效果”按钮，选择“动作路径→绘制自定义路径→自由曲线”选项（此时鼠标变成一支笔）。 3、自“质点”处开始，发挥你的想像随意绘制曲线。 4、然后在“计时”标签中，将“重复”项设置为“直到幻灯片末尾”。 四调整动画顺序

flash动画制作教案

信息技术兴趣小组活动教案 王德 亿利东方学校

第一周FLASH的基本知识 教学目标： 1、熟悉FLASH的界面。 2、掌握几个基本工具的使用：选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。 3、掌握几个基本术语：图层、元件 4、记住几个快捷键 5、完成四幅绘制图案 教学重点：应用工具画图 教学难点：复杂遮照的创建。 教学过程： 一、界面环境介绍 二、工具箱的介绍 工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏：“工具”栏、“查看”栏、“颜色”栏和“选项”栏，单击某个工具的按钮，即可激活相应的操作功能，以后把这一操作叫作使用某个工具。 （1）“工具”栏：工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。 （2）“查看”栏：工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。 （3）“颜色”栏：工具箱之“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。 （笔触颜色）按钮：用于给线着色，也叫作描绘颜色。 （填充色）按钮：用于给填充着色。 （从左到右分别是：黑白、没有颜色和交换颜色）按钮：单击“黑白”按钮，可使笔触颜色和填充色恢复到默认状态（笔触颜色为黑色，填充色为白色）。在选择了椭圆或矩形工具后，“没有颜色”按钮才有效，变为，单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮，可以使笔触颜色与填充色互换。（4）“选项”栏：工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时，通常应当在选中绘图或编辑工具后，再对其属性和功能进行设置，才能顺利达到预期的效果。 三、动手用一下工具 1、使用工具制作一个“笑脸”或“哭脸” 2、渐变工具的使用：几个关键概念 颜色调板 填充变形工具的使用 3、用椭圆画个画环 操作步骤： 1、用填充色画圆，并设置笔触的粗细。 2、设置边线的填充色为“七彩色”。 3、将该线形圆环转换成填充色：修改－－形状－－将线条为填充。

Flash项目教学逐帧动画教案1

【信息技术与学科整合示范课】 《Flash逐帧动画》 教案 任课教师：韩长庆 2020年11月

【教学过程】

教学环节教学过程 教师活 动 学生 活动 设计 意图 新课导入 学习新知一、展示课件，创设情景，激情导入 （给学生播放江南style 连环画版视频） 同学们，这些明明是静态的图纸，为什么我们看到的 是动的呢？ 这是人眼的“视觉暂留”现象。 动画原理讲解：视觉暂留现象定义。光的影像一旦在 视网膜上形成，视觉将会对该影像的感觉维持 0.05-0.2秒的暂留时间。通过快速更换静态图像，利 用“视觉暂留”特性而在大脑中形成图像内容连续运 动的感觉。 动画就是根据这个原理制作的。将静态的画面迅速更 换，从而产生连续运动的动画。 二、引入新课，布置任务 知识回顾： flash窗口构成。（标题栏、菜单栏、 工具箱、属性面板、时间轴面板）帧、关键帧、空白 关键帧（强调：只有关键帧上才可以放对象） 播放视 频 提问 精心讲 解 简单讲 解 flash 基本面 细心 观看 思考 回答 问题 记忆 领会 学生 理解 通过 欣赏 来激 发学 生的 求知 欲 了解 本节 课的 教学 目标， 使学 生明 确学 习目 的 明确 动画 的基 本原 理 培养 学生 的独 立性 和自

学习新知任务一制作消失的苹果逐帧动画场景 思考讨论：根据上面的手绘画册的展示，我们看 到的动画是由一幅幅不同的静止的画面组合而成的， 结合我们学过的熊猫的梦想一想，在flash中怎么安 排好几张不同的画面？制作消失的苹果要考虑哪些因 素？ 关键点：苹果的形状 色彩 插入关键帧的作用 制作步骤： （1）单击第1帧，选择“椭圆工具”，绘制苹果 大体形状、颜色等； （2）、利用选择工具调整形状、利用颜料桶工具 调整色彩 （3）、右击第2帧，选择“插入关键帧”，选择 “橡皮测工具”，调整大小，从边缘擦除苹果； （4）、右击第3帧——“插入关键帧”，继续上 一步动作； 以此类推,分别制作出苹果逐渐被吃完的场景 （5）Ctrl+ENTER，测试动画 。 板 布置任 务 巡视、 指导学 生练习 知识延 伸 老师提 出新问 题 领会、 操作 学生 自学 完成 勇于 创作 思考、 操作 小组 协作 完成 任务 学生 思考 学习 惯 培养 学生 的操 作能 力 培养 小组 合作 的团 结精 神 培养 学生 团队 协作 能力 培养 学生 对知 识全

Flash_CS3动画制作基础教程教案概论

F l a s h C S3动画制作基础 教 案

第1章F l a s h C S3基础知识 本章导读 ?F l a s h是A d o b e公司推出的一款经典、优秀的矢量动画编辑软件，F l a s h C S3版本目前比较新的版本。利用该软件制作的动画尺寸要比位图动画文件（如G L F动画）尺寸小的多，用户不但可以在动画中加入声音、视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。该软件对动画制作者的计算机知识要求不高，简单易学，效果流畅生动，对于动画制作初学者来说是非常适合的一款软件。在学习制作动画之前，通过本章的学习，读者应熟悉F l a s h动画的特点，F l a s h C S3的界面组成元素，动画制作的步骤，并通过制作实例了解F l a s h一般步骤。 本章学习目标 ?了解F l a s h概念和功能 ?熟悉F l a s h C S3的工作环境和文档基本操作 ?理解动画制作的一般过程 本章重点 ?熟悉F l a s h C S3的工作环境 本章内容 ?1.1初识F l a s h C S3 ?1.2F l a s h C S3文件基本操作 ?1.3制作F l a s h动画的简单实例 1.1初识F l a s h C S3

?1.1.1了解F l a s h ?1.1.2F l a s h C S3的新增功能 ?1.1.3F l a s h C S3的工作环境 1.1.1了解F l a s h ?F l a s h主要用于制作矢量图像和网络动画。它是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。 ?F l a s h的用途很广泛，网页、网络动画、网络广告、F l a s h游戏以及教学软件等领域。F l a s h特别适用于创建通过I n t e r n e t提供的内容，因为它的文件非常小。 ?在F l a s h中创作内容时，需要在F l a s h文档文件中工作。F l a s h文档的文件扩展名为.f l a（.F L A）。F l a s h文档有4个主要部分： ?（1）舞台：舞台是在回放过程中显示图形、视频、按钮等内容的位置。在后面的章节中将对舞台做详细介绍。 ?（2）时间轴：用来通知F l a s h显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。 ?（3）库面板：库面板是F l a s h显示F l a s h文档中的媒体元素列表的位置。?（4）A c t i o n S c r i p t代码：可用来向文档中的媒体元素添加交互式内容。例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用A c t i o n S c r i p t向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。F l a s h包括两个版本的A c t i o n S c r i p t，可满足创作者的不同具体需要。 ?完成F l a s h文档的创作后，可以使用“文件”→“发布”命令发布它。这会创建文件的一个压缩版本，其扩展名为.s w f（S W F）。 1.1.2F l a s h C S3的新增功能

逐帧动画教学设计

逐帧动画教学设计 Company number：【WTUT-WT88Y-W8BBGB-BWYTT-19998】

《Flash逐帧动画制作》教学设计 【教材分析】 本课的教学内容是利用Flash制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。 【学生分析】 由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次教学。可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自己的实际需要选择到合适的内容；教师还应给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。教师可以根据学生的能力差异、水平差异针对性地实施分层次教学。 【教学目标】 1、知识与能力 1．知道帧、帧频与关键帧的含义。 2．能够导入静态图片 3．插入、编辑关键帧。 4．掌握制作“逐帧动画”的方法。 5．学会通过改变帧频控制动画的播放时间。 2、过程与方法 能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash 动画制作水平。 3、情感态度与价值观 创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。

【教学重难点】 重点：能够导入静态图片 难点：通过改变帧频控制动画的播放时间 【教学方法】 本着学生是主体的理念，采用项目教学法，在项目中提出任务，采用任务驱动法，在教学中让学生自主探究，分组互评，使学生掌握相应的知识。同时根据任务的难易程度，采用演示法，分组讨论法，使不同层次的学生更好的完成任务。 【教学手段】 采用多媒体教学手段，增大教学容量和直观性。 【教学流程图】 导入新课 上。 彩的flash

计算机动画制作教案

4.3计算机动画制作教学设计 一.教学内容： 本节课内容为《多媒体技术应用》（选修）第四章4.3节计算机动画的制作第1课时。 二.内容分析： 本课内容是计算机动画制作的基础，以Flash为例学习了计算机动画的制作工具，介绍了动画制作的基本流程。让学生了解Flash 动画制作的原理，体会并理解Flash 中帧、图层、动画以及元件的概念。教学中培养学生的动手能力和创新意识，同时增强学生的信息素养。以熟练运用Flash 中的各种工具的操作为基本技能训练。重点是掌握Flash 动画中的几个基本概念，如帧、图层，难点是对图层的理解。 三.学情分析： 本节课的教学对象是高二的学生，在高一已经有了一定的基础，在前面两节课中，学生已经学习了动画的定义、视觉特征、分类、动画制作的步骤，以及计算机动画制作的基本原理。本节课将以Flash 为例学习制作计算机动画的基础知识，通过一些简单动画的制作让学生掌握帧，图层，元件等基本概念，为学生自己动手制作动画预备知识。如何进行Flash动画制作，制作出符合自己需要的动画是学生非常迫切知道和掌握的，学生这种强烈的求知欲望成为学习本课的强大

动力，为本课的学习打下了良好基础。 四.教学目标： 知识目标：1.熟悉Flash操作界面及工具箱的用法 2.理解Flash动画中的几个基本概念：帧，图层，动画， 元件 3.了解Flash制作动画的基本流程 能力目标：掌握flash动画中的基本概念，能够制作几个简单的动画，培养自主学习与协作学习能力。 情感目标：1.培养学生积极探索，敢于实践、大胆创新的精神和意识； 2.培养学生尊重他人，发现别人长处，欣赏他人，相互 学习的良好品质； 五.重点难点： 重点：掌握Flash 动画中的几个基本概念，如帧、图层、动画、元件。 难点：图层的理解和引导层的理解。 六.教学准备： 硬件准备：网络教室（一人一机） 软件准备：电脑安装Flash 8版本以上软件

动画设计教案设计

《动漫策划》课程整体设计方案课程名称动漫策划 课程代码 040813 所属学院（部）：艺术设计与传媒 适用专业艺术设计 总学分 4 总学时72 编制人胡拥军 审批人 2011—2012学年第一学期

《动漫策划》 一、课程性质 本课程是关于动漫策划、前期创意与设计的专业核心实训课程，是艺术设计（影视动画方向）与动漫设计与制作等专业和方向的专业核心课程之一。本课程适合所有艺术设计与动漫画设计与制作专业的学生和从业人员学习。学生可以通过本课程的理论知识的学习与实操技能的实训，能对动漫策划师与其相关的制作过程、方法和技能，有全面的了解和掌握。课程学习的主要内容有如何提高故事创作、选题、改编的专业水准，如何适应不同风格，如何获取灵感；在实践操作指南和互动练习的帮助下，学习如何开题、创作故事梗概、将故事概述改写成文字脚本，然后完成概念主体设计草图，再制作成分镜头脚本；能够创建专属自己的工作空间，找到进入专业动漫策划与设计师领域的途径，为今后从事动漫策划与设计职业奠定必要的专业理论知识与操作技能。 二、课程设计 （1）课程目标设计 使学生通过该课程学习和实训，能够把握动漫策划与前期创作艺术的审美特征，掌握一些动漫画作品的前期创作规和特殊性律以及绘制风格技巧，并完成毕业设计之前的开题与前期创作，而且争取使部分学生作品能够参加本学期内国内举办的“第六届全国动漫大赛”和“第四届金龙奖”的比赛。通过动漫策划与前期设计基础理论的讲授，让学生对视听语言原理与前期策划与创意有一个比较基础的了解，配合观摩具有代表性的经典动画影片以及漫画、商业插画作品，并针对知识点进行练习，让学生能够进行自己前期剧本创作以及角色设计、道具设计、场景设计以及分镜头的绘制，让学生对动画短片的前期策划创作有一个比较清晰的概念；了解动漫策划在影视动画创作中的地位和作用，运用不同的工具与材料、艺术语言、创作构思进行形象体现和实际操作，实施职业人员必备的思想、艺术修养和基本功训练；并模拟动漫企业运作的基本模式、工作流程以及基本岗位职责和分工，掌握在公司中的相关岗位工作所需的专业素质、职业素养、团队意识。 （2）课程内容设计 第1单元动漫策划概讲 一、策划职业和其重要性。 1、策划的重要性 2、策划职业 二、动漫品牌策划。 第2单元动画策划与监制过程 一、制作前的工作 1.“制前作业”前面的第一步——企划 2.交涉成功或企划通过后——找到投资者 3.如何计算制作经费 二、前期制作阶段（前期创作的工作） 1.故事版本写作 2.文字脚本

Flash逐帧动画教学设计资料讲解

Fl a s h 逐帧动画 教学 设计

Flash逐帧动画教学设计 【教材分析】 本课的教学内容是利用Flash制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。 【学生分析】 由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次教学。可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自己的实际需要选择到合适的内容；教师还应给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。教师可以根据学生的能力差异、水平差异针对性地实施分层次教学。 【教学目标】 1、知识与能力 1 ?知道帧、帧频与关键帧的含义。 2?能够导入静态图片 3 ?插入、编辑关键帧。 4.掌握制作“逐帧动画”的方法。 5?学会通过改变帧频控制动画的播放时间。 2、过程与方法 能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash动画制作水平。 3、情感态度与价值观 体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。

【教学重难点】 重点：能够导入静态图片 难点：通过改变帧频控制动画的播放时间 【教学方法】 1?演示教学法：通过在多媒体教室，实际操作演示用Flash制作动画的 过程，活跃课堂气氛，激发学生学习情趣。 2?任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。 3?案例教学法：选取的案例取材于学生在课堂中出现的问题动画，用于训练学生解决实际问题的能力。 【教学过程】 激趣导入 师：课前，老师将一组马的连续图片按顺序贴在一本书的每页纸的相同位置上。 现在我们一起快速翻动按顺序装订好的页面。大家看到了什么？ 生：一匹马在走动。 师（改变几张图片的位置后翻动）：为什么现在这匹马在跳？ 生：因为图片没贴到相同的位置上！ 这是一种古老的看动画效果方法，称为“快捷翻书法”。我们看到的每一幅画面称为一个“帧”。帧------------ 是进行flash动画制作的最基本的单位，每一个精 彩的flash动画都是由很多个精心雕琢的帧构成的。 我们共同来回顾一下上节课提到的帧主要有哪几种类型？（播放） 关键帧一一顾名思义，有关键内容的帧。 空白关键帧一一空白关键帧是没有包含舞台上的实例内容的关键帧。 普通帧一一在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。

flash基本动画制作教案

第7章Flash 8基础与实例（2）—— 常见动画的制作 知识点： 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 学时分配：2学时 教学容： 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 教学重点： 1、形状补间动画的制作。 2、动作补间动画的制作。 3、遮罩动画的制作。 4、引导路径动画的制作。 教学难点： 形状补间动画与动作补间动画的区别。 教学方法与手段：讲授法，多媒体展示 教学过程： （一）创设意境，导入新课（设疑法、提问法） 导入： 教师展示几个Flash实例，然后引导学生一个一个亲自动手制作。引入新课程： （二）新课教学（讲解法、提问法、示法、实验法）

本次课开始学习用Flash制作动画效果，在Flash中共有5种动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 逐帧动画的制作 逐帧动画是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的容不同，连续播放而成的一种动画。 优点：与电影播放模式相似，适合于表演很细腻的动画，如3D动画、人物或动物急剧转身等效果。 缺点：每一帧的序列容都不一样，增加制作负担，文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的容。 逐帧动画在时间帧上表现为连续出现的关键帧，如图7-3-1所示。 图7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1．用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。 2．绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧容。 3. 文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件（如swish、swift 3D等）产生的动画序列。 三、绘图纸功能 1．绘图纸的功能

动画角色设计教案

教案 一动画角色设计基础理论 （一）动画角色 1、含义：动画中的角色相当于一部影片中的演员，是动 画中以生命形式进行表演的主体，在字义的解释为 Animation character或是Cartoon character。（图 1） 动画角色是能够传达感情和意义的假定形象，是现实生 活中不存在的由艺术家创造的形象。动画角色可以是写 实的人物，也可以是动物、植物，或是没有生命的物体 （如汽车、玩具等），甚至是源于神话的各种形体的排列 组合（如悟空、邪魔等异类角色）。（图2） 动画角色是设计师创造的虚拟的卡通形象，它们源于生 活又高于生活，反映了人们对生活的态度和对理想的追 求。图3 2、分类：动画角色有主次之分：主要角色（主角）的活 动与故事情节主线相连；次要角色（配角）在故事中或 多或少有所涉及，并配合主要角色演绎故事。主角与配 角在动画中均不可缺少。图4 3、动画角色的视觉形象构成：动画角色的视觉形象由静、 动两方面组成：静，以角色造型为主；动，以角色动作 为主。图5

动画角色的造型，除了需要设计角色外部形象外，还要 使其性格特征在外形中显现，通过动作进一步表现角色 的个性。所以完整的动画角色的造型设计是需要动、静 结合，缺一不可的。（这个会在后面的课程详细讲解） 图6 4、制作动画片所需的基本元素：需要故事（剧本）、角 色、场景这三个基本元素。故事是动画片的精髓，故事 乏味的动画片很难引起人们的兴趣与关注；剧本是动画 片的基础，动画片制作的所有环节均围绕剧本展开（图 7）；场景是角色生存和活动的空间和场所，是界定故事 发生的位置和状况的空间，是帮助观众理解故事的重要 元素，也是动画片渲染气氛的重要手段。（图8）（二）动画角色设计 1、概念：动画角色设计是众多艺术造型方式中的一种，是指 综合运用变形、夸、拟人等艺术手法将故事剧本中的动画角色 设计为可视化形象，其目的是要对每一个动画角色赋予感染力 与生命力。（图9） 动画角色的创造需要设计者具有很强的想象力和幽默感，动画 角色夸、随意的表现手法和戏剧性的表演形式是一般的艺术作 品难以企及的。 2、动画角色设计的创意、构思步骤： A：研读剧本，提炼出角色信息：

制作简单的Flash动画教学设计.

制作简单的 Flash 动画教学设计 一、教学内容分析 1、课程标准内容 学会使用一种动画制作软件尝试制作简单的动画,了解动画生成的基本原理。 2、教材作用与地位 本节是江苏科学技术出版社 2007年出版的《信息技术》 (初中下册第 8单元动画制作中 Flash 部分的开端,设计为 2课时, 《制作简单的 Flash 动画》是第 2课时。这部分内容主要是让学生体验 Flash 动画制作的一般步骤, 初步理解 Flash 动画制作中的一些基本概念, 学会创建和调用图形元件。通过对制作过程的了解, 让学生消除动画制作的神秘感, 激发学生学习 Flash 动画制作的求知欲。在尝试制作的过程中理解基本概念, 形成正确、规范的制作习惯,为后续的深层次的学习打下坚实的基础。 二、学情分析 学生对 Flash 概念的认识是基于网络上流行广泛的各种动漫作品和 Flash 小游戏,因此, 体验活动仅仅是欣赏和娱乐。大多数学生没有去主动创作动画的意识, 对动画的制作有神秘感和距离感, 对动画制作的过程知之甚少, 甚至一无所知。通过上节课对源程序的分析学习,学生对一些基本概念比如:关键帧、图层、图形元件等已经有了一定的了解。学生产生了很强的实践欲望, 希望通过这节课亲手制作, 在制作过程中加深对基本概念的理解, 亲历制作的全过程。 三、教学目标 1、知识与技能 (1体验 Flash 动画制作的一般步骤;

(2初步理解 Flash 动画制作中的一些基本概念; (3学会创建和调用图形元件; (4常用图形工具、文本工具的使用方法; (5制作简单的补间动画; (6了解 Flash 动画制作的基本方法; 2、过程与方法 通过制作《打地鼠》简单动画,让学生了解通过导入位图制作动画的方法;通过制作《撞球》补间动画, 让学生了解利用绘图工具制作图形元件, 重复调用元件的方法。通过对 《撞球》中两个运动元素的动画制作, 让学生学会分析和分解运动过程, 并学会用已有的操作技能来恰当地表现这些运动。让学生体验了较为复杂动画制作的设计、制作过程, 初步领会 Flash 动画的基本设计、制作思路。 3、情感态度 排除学生的畏难情绪,激发学生学习动画制作的兴趣;培养学生规范的制作习惯和积极探究新知识的精神。 四、教学重点 (1体验 Flash 动画制作的一般步骤 (2了解 Flash 动画制作的基本方法 五、教学难点 (1理解 Flash 动画制作中的一些基本概念

动画制作教案设计

动画制作 第一节“动画基础知识”（第1课时）共2课时 一、学习目标 知识与技能： 1、了解动画制作的原理及动画技术的发展历程与现状。 2、学会从网上获取计算机动画的常用方法 3、了解常用的动画制作软件，学会用Ulead GIF Animator制作简单的GIF 动画。 过程与方法： 借助Ulead GIF Animator软件将一组相关图片合成动画，理解动画的原理，感受计算机动画技术的优越性，同时获得动画制作中的相关知识，为进一步学习打下基础。 情感态度价值观： 通过了解动画的原理和发展历程，体会中国传统动画的艺术精髓，产生强烈的民族自豪感；通过下载动画素材，增强获取信息的能力，提高欣赏动画的素养；通过了解动画制作软件并尝试制作动画，培养学习动画制作的兴趣。 行为与创新： 用Ulead GIF Animator制作简单GIF动画 二、学习重点难点

重点：动画制作原理 难点：用Ulead GIF Animator制作简单GIF动画 三、学习方法 观看演示、完成任务、自主探究、互帮互助 四、学习过程 1、引入 同学们喜欢看动画吗？你知道动画有那些分类吗？ 老师下面给大家播放三个动画，这三个动画分别对应着动画的两个分类，观看过程中请思考它是哪两个分类。 （播放“跳动的豹子.gif 、“喜羊羊与灰太狼8”、奇妙仙子） 看书第二页第一段落，教师总结： 在制作技术与手段上：传统动画与计算机动画 计算机动画：平面动画与三维动画 动画是如何制作成的呢？ 2、活动 活动1： 教师给出8张豹子图，使用软件Ulead GIF Animator将其拼命在一起，让学生观察效果。

总结动画原理：利用人眼具有“视觉暂留”的特性，让一系列渐变的图像在前一幅图像还没有消失前显示出下一幅图像，形成了动态的影像。 得出结论：动画是将一张张静态的图片通过软件连续地播放，产生影像的动态效果。 活动2：看看可以提供动画素材的网站。 看书并上网实践 活动3：下载GIF动画，并观察动画 下载flash动画 3活动4：阅读动画历史的材料，了解动画发展历史 中国动画发展历程（补充学习） 20世纪中国的动漫产业先驱万氏兄弟（万籁鸣、万古蟾、万超尘、万涤寰）就开始研究动画制作,第一部中国自制的人画合演出的《大闹天宫》就是他们制作的,1936年,中国第一部有声动画《骆驼献舞》问世。1941年，受到美国动画的影响，制作了中国第一部大型动画《铁扇公主》，在世界电影史上，它是名列美国《白雪公主》、《小人国》和《木偶奇遇记》之后的第四部动画艺术片，标志着中国当时的动画水平接近世界的领先水平。 1947年，我国制作了第一部木偶动画《皇帝梦》 1958年，拍摄了第一部剪纸动画《猪八戒吃西瓜》 1960年，完成了第一部水墨动画《小蝌蚪找妈妈》

初中信息技术：初识Flash逐帧动画》教学设计

新修订初中阶段原创精品配套教材 初识Flash逐帧动画》教学设计 教材定制 / 提高课堂效率 /内容可修改 "Introduction to Flash Frame-by-Frame Animation" Teaching Design 教师：风老师 风顺第二中学 编订：FoonShion教育

初识Flash逐帧动画》教学设计 【教材分析】 本课的教学内容是利用flash制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，flash 将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。 【教学目标】 一、知识与能力 1．知道帧、帧频与关键帧的含义。 2．学会用绘制的图形来制作“逐帧动画”。 3．插入、编辑关键帧。 4．掌握制作“逐帧动画”的方法。 5．学会通过改变帧频控制动画的播放时间。 二、过程与方法 能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同

掌握“逐帧动画”制作方法，提高flash动画制作水平。 三、情感态度与价值观 体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。 【教学重难点】 重点：用绘图工具制作“逐帧动画”的方法。 难点：通过改变帧频控制动画的播放时间。 【教学方法】 1．演示教学法：通过在多媒体教室，实际操作演示用flash制作动画的过程，活跃课堂气氛，激发学生学习情趣。 2．任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。 3．案例教学法：选取的案例取材于学生在课堂中出现的问题动画，用于训练学生解决实际问题的能力。 【教学过程】 一、激趣导入 1．给学生展示庆祝国庆节的flash。你们知道这段动画所展示的是什么内容吗？ 2．每个人都有自己的生日，我们的祖国也有自己的生日，

Flash逐帧动画教学设计

Flash逐帧动画教学设计 【教材分析】 本课的教学内容是利用Flash制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。 【学生分析】 由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次教学。可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自己的实际需要选择到合适的内容；教师还应给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。教师可以根据学生的能力差异、水平差异针对性地实施分层次教学。 【教学目标】 1、知识与能力 1 ?知道帧、帧频与关键帧的含义。 2?能够导入静态图片 3 ?插入、编辑关键帧。 4.掌握制作“逐帧动画”的方法。 5?学会通过改变帧频控制动画的播放时间。 2、过程与方法 能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”制作方法，提高Flash 动画制作水平。 3、情感态度与价值观 体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究 问题的能力；培养创造性思维能力

【教学重难点】 重点：能够导入静态图片难点：通过改变帧频控制动画的播放时间 【教学方法】 1．演示教学法：通过在多媒体教室，实际操作演示用Flash 制作动画的过程，活跃课堂气氛，激发学生学习情趣。 2．任务驱动式：该方法主要是通过设计一些学习目标，让学生自己上机去实现，让他们在亲身实践中体会、提高，在同学之间的互相学习和交流、甚至争论中提高学习兴趣，开阔思路。既培养了学生的动手实践能力，又加强了学生的实践探究、交流合作解决问题的能力。 3．案例教学法：选取的案例取材于学生在课堂中出现的问题动画，用于训练学生解决实际问题的能力。 【教学过程】激趣导入师：课前，老师将一组马的连续图片按顺序贴在一本书的每页纸的相同位置上。 现在我们一起快速翻动按顺序装订好的页面。大家看到了什么？生：一匹马在走动。师（改变几张图片的位置后翻动）：为什么现在这匹马在跳？生：因为图片没贴到相同的位置上！ 这是一种古老的看动画效果方法，称为“快捷翻书法”。我们看到的每一幅画面称为一个“帧”。帧——是进行flash 动画制作的最基本的单位，每一个精彩的flash 动画都是由很多个精心雕琢的帧构成的。 我们共同来回顾一下上节课提到的帧主要有哪几种类型？（播放）关键帧——顾名思义，有关键内容的帧。空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。讲授新课 上节课我们下载并观赏了不少Flash 动画，同学们想不想自己亲手用Flash 制作动画呢？这节课我们就共同来学习“模仿传统手工动画的方式，每一帧都由手工绘制或导入图片完成的动画称为逐帧动画”。赶快和老师一起用Flash 逐帧做一匹行走的马。 （播放）教师提前做好的逐帧动画《行走的马》演示（包含背景图片和背景声音）逐帧

Flash逐帧动画教学设计颜明生修订稿

F l a s h逐帧动画教学设 计颜明生 集团档案编码：[YTTR-YTPT28-YTNTL98-UYTYNN08]

《逐帧动画制作—川剧变脸》 教学设计 涟源工贸职业中等专业学校：颜明生 【教材分析】 本课的教学内容是利用Flash制作简单的“逐帧动画”。这是一种常见的动画手法，它的原理是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来，Flash将这些关键帧连续播放，形成动画效果。掌握本节内容可以做出许多生动有趣的动画。因此，学生在本节的学习过程中，会产生非常高的学习热情，为今后的学习打下坚实的基础。 【学生分析】 由于不同的学生能力、水平、爱好等有较大的差异，故应采用分组、分层次教学。可以通过设立多级学习目标和多样的学习方式，让不同的学生都能根据自己的实际需要选择到合适的内容；教师还应给学生提供多样化的自主探索空间，鼓励不同意见和创造性思路的迸发，鼓励多样化的问题解决方式和方法。教师可以根据学生的能力差异、水平差异针对性地实施分层次教学。 【教学目标】 1、知识与能力 1．掌握帧、关键帧、空白关键帧与帧频的含义。 2．能够导入静态图片 3．插入、编辑关键帧。 4．掌握制作“逐帧动画”的方法。 2、过程与方法 能综合运用所学知识制作一幅主题鲜明、具有动画效果的作品。亲身参与探究过程，在交流、沟通与合作中，共同掌握“逐帧动画”的制作方法，提高Flash动画制作水平。

3、情感态度与价值观 创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。 【教学重难点】 重点：逐帧动画的制作方法 难点：帧、关键帧、空白关键帧的应用 【教学方法】 本着学生是主体的理念，采用项目教学法，在项目中提出任务，采用任务驱动法，在教学中让学生自主探究，分组互评，使学生掌握相应的知识。同时根据任务的难易程度，采用演示法、设疑法、对比法、分组讨论法，使不同层次的学生更好的完成任务。 【教学手段】 采用多媒体和网络教学手段，增大教学容量和直观性。 【教学课时】 2课时 提问：动画的形成的原理是什 么？ 关键帧（黑色圆点）：同一图 层中，在前一个关键帧的后面 任一帧处插入关键帧，可以复 制前一个关键帧上的对象，并 可对其进行编辑操作，快捷键 F6； 空白关键帧（空心圆点）：插 入空白关键帧，可清除该帧后 面的延续内容，可以在空白关 键帧上添加新的实例对象，快 捷键F7。 普通帧（中空矩形）：如果插 入普通帧，可以延续前一个关 键帧上的内容，但不可对其进

动画基础知识教案设计.doc

动画基础知识教案设计 课题 动画基础知识 第 1 课时 课型 新 教学目标 1、了解动画的基本原理及动画的分类； 2、学会从网上下载计算机动画的常用方法； 3、会用ulead gif animator从gif文件中截取产生动画的系列静止图片； 4、通过播放一些优秀的国产动画片片段，提升民族自豪感； 5、通过上网下载各种格式的动画素材，激发学习兴趣。 教学重点 1、动画的基本原理； 2、动画的分类。 教学难点 理解动画的基本原理。 教学过程 教师活动内容、方式

学生活动方式 二次备课 一、情境导入： 播放几段视频文件。 思考这些动画是如何形成的？ 二、动画基础： 讲解演示：运行“动画原理”程序 思考问题：如果播放序列图片很慢的话能形成动画吗？ 讲解演示：利用windows中的幻灯片功能进行实验：先收集一组形成动画的系列静止图片文件，放入一个文件夹，再进入这个文件夹并选择“幻灯片”显示格式，以不同的速度不断的单击“下一个图像”按钮，观察动画的效果。假设图片的张数是1张或2张，会出现怎么样的效果。 思考问题：至少多少张静止图片才能产生动画？ 总结：人看到图片后，当图片消失，眼睛中的图片影像不会立即消失，这种现象称为“视觉暂留” 将一系列相互关联的静止图片按序逐个快速显示，就能形成动画。 讲解演示：再次播放动画片段 思考问题： 动画从制作技术和手段可以分哪两种？ 从制作技术和手段角度，动画可以分为手工制作的传统动画和计算机制作的计算机动画。 三、获取计算机动画：

实践操作： 利用各种工具，从网上获取各种格式动画素材 1、新建以动画格式文件为名的文件夹，如gif动画、swf动画等。 2、把下载的素材分类，分别保存到相应的文件夹内，建立素材库实践操作： 从gif文件中截取产生动画的系列静止图片。 四、小结： 总结本课知识 归纳：1、动画的基本原理 2、动画的分类 回答看到了哪些熟悉的动画片段 思考动画是如何产生的 看“动画原理”的演示 思考并回答问题 看利用windows中的幻灯片功能进行实验的效果 通过图片数量的变化 思考并回答问题 学生注视红色一段时间，迅速移开眼睛至教室白色墙面 学生观看动画片段，分析动画片的制作技术

动画《场景设计》教案

北京工业大学艺术设计学院 教案 2009—2010学年第二学期 部系 课程名称 授课时数 选用教材数字媒体艺术设计系 《场景设计》授课班级 授课日期动画2010年5月10日— 2010年5月19日每周16学时*周数2（再加周全专业课时）=总课时32自编讲义为主 《影视动画场景设计》编著： 韩笑海洋出版社 通过大量具有时效性的动画场景案例分析和动画场景设计的系统理论讲授，课上练习与作业辅导、讲评。 上课方式 教学内容 本课程的主要内容讲授影视动画场景设计概念及任务，场景在动画影片中的功能与特性，动画场景的专业要求、构思方法，动画场景的空间构成、转场变化，动画场景的色彩与光影的气氛处理，动画场景的陈设道具表现意义，场景设计图的制作，场景镜头画面的透视表现等动画场景系统专业理论与射击训练相结合。 课程效果完成动画场景和道具设计。

课程重点、难点 动画场景的专业要求、构思方法。 动画场景的空间构成、转场变化，内景和外景的设计。 动画场景的色彩与光影的气氛处理。 动画场景的陈设道具表现意义。授课顺序第1页场景设计 第一章影视动画场景设计概念 第一节“场景”与“背景” 背景是指图画上衬托的景物。 背景中“背”是背后的意思，是空间的概念。“景”是景物的意思，也是空间的概念。而场景是指戏剧、电影中的场面。场景中“场”是戏剧电影中较小的段落，故事中一个片段的意思，是时间的概念。“景”是景物的意思，是空间的概念。 所以“背景”指的是后面的空间，而“场景”则指的是时间中的空间。 第二节概念、任务 影视动画场景设计就是指动画影片中除角色造型以外的随着时间改变而变化的一切物的造型设计。 动画影片的主体是动画角色。 场景就是随着故事的展开，围绕在角色周围，与角色发生关系的所有景物，即角色所处的生活场所、陈设刀具、社会环境、自然环境以及历史环境，甚至包括作为社会背景出现的群众角色，都是场景设计的范畴，都是场景设计要完成的设计任务。 第二章场景在动画影片中的功能 一、交待时空关系