1、信息技术 校本课程教案 Flash动画制作2016 - 2017 学年 高一信息技术校本课程课题： FLASH动画制作第一课时教学目标： 1、熟悉FLASH8.0的界面。 2、掌握几个基本工具的使用：选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。 3、掌握几个基本术语：图层、元件 4、记住几个快捷键 5、完成四幅绘制图案 教学重点： 应用工具画图 教学难点： 复杂遮照的创建。 教学过程： 一、界面环境介绍 二、工具箱的介绍 工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏：“工具”栏、“查看”栏、“颜色”栏和“选项”栏，单击某个工具
2、的按钮，即可激活相应的操作功能，以后把这一操作叫作使用某个工具。 （1）“工具”栏：工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。 （2）“查看”栏：工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。 （3）“颜色”栏：工具箱之“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。 （笔触颜色）按钮：用于给线着色，也叫作描绘颜色。 （填充色）按钮：用于给填充着色。 （从左到右分别是：黑白、没有颜色和交换颜色）按钮：单击“黑白”按钮，可使笔触颜色和填充色恢复到默认状态（笔触颜色为黑
3、色，填充色为白色）。在选择了椭圆或矩形工具后，“没有颜色”按钮才有效，变为，单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮，可以使笔触颜色与填充色互换。 （4）“选项”栏：工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时，通常应当在选中绘图或编辑工具后，再对其属性和功能进行设置，才能顺利达到预期的效果。 三、动手用一下工具 1、使用工具制作一个“笑脸”或“哭脸” 2、渐变工具的使用：几个关键概念 颜色调板 填充变形工具的使用 3、用椭圆画个画环
4、操作步骤： 1、用填充色画圆，并设置笔触的粗细。 2、设置边线的填充色为“七彩色”。 3、将该线形圆环转换成填充色：修改形状将线条为填充。 4、使用“墨水瓶”工具给圆环加边线。 效果如右： 4、用多边形工具画太阳 操作步骤： 1、用多边星形工具制作太阳的外围，作以下设置： （1）将矩形工具转换成多角星形工具 （2）设置多角星形的“属性”中的“选项” （3）设置“样式”为星形，输入星形数，及星形顶点大小（顶点越小，星形越尖） 2、设置填充色为放射性，无边线 3、开始画星形。 4、创建一个同心的圆为太阳的脸。 5、使用直线工具画眼、嘴。（注意：用选择工具调整其曲线度，利用变形工具作旋转） 四、课堂
5、习题：自创月亮作业 第二课时 各类特效文字的制作教学目标： 1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具、滤镜的使用。 2、要求学生掌握修改菜单中的位图、元件、形状的菜单项。 3、掌握如何制作特效文字。 4、掌握位图的导入及矢量图的转换。 教学重点： 1、掌握空心文字、投影文字、点框文字、彩虹文字、金属文字、雪花文字的制作 教学难点： 复杂遮照的创建。 教学过程： 一、 点框文字 制作步骤： 1、用文字工具输入文字 2、将文字使用“分离”或按下（ctrl B）组合键 3、再将每个分离的文字使用“分离”，即直到文字被选中时呈现点型。 4、使用“墨水瓶”工具，设置线型为“点型”，设
6、置线的颜色（注意务必使用与文字颜色不同的一种颜色），用鼠标单击文字 5、所有文字的边线勾勒完毕后，用选取工具选取文字内心，并删除。 二、彩虹文字 制作步骤： 1、用文字工具输入文字 2、将文字使用“分离”，（分离二次） 3、选择填充颜色，再用颜料筒单击文字即可 三、彩图文字图片下载 制作步骤： 1、用文字工具输入文字 2、将文字使用“分离” 3、选择填充类型为“图片”，图片填充有二类 4、再用墨水瓶工具勾勒边缘 5、将边缘线条转化为填充 6、“修改”“形状”“柔化填充边缘”第三课时直线运动教学目标： 1、要求学生掌握直线运动的补间。 2、掌握直线运动的特点：元件与普通形状对象都可以制作直线运动
7、。 教学重点： 运动补间的设置； 教学难点： 关键帧普通帧的区别； 教学过程： 一、导入：动画制作的关键要素 1、帧是进行flash动画制作的最基本的单位，每一个精彩的flash动画都是由很多个精心雕琢的帧构成的，在时间轴上的每一帧都可以包含需要显示的所有内容，包括图形、声音、各种素材和其他多种对象。 2、关键帧顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进行编辑的帧。 3、空白关键帧空白关键帧是没有包含舞台上的实例内容的关键帧。 4、普通帧在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。 二、基本动画 1、直线运动动画：任何对象都可以
8、设置直线动画，只需二个关键帧 例如：素材下载 2、渐变运动动画 淡入、淡出动画：使用实例才能完成此项动画，一般通过调整关键帧的透明度来设置场景中的各实例的出现方式。 一般淡入淡出式动画是用二个关键帧完成，第一关键帧为全透明（100%）或部分透明，第二关键帧透明度为0。 闪烁动画：一般用三个关键帧完成，即从淡入到淡出的过程，即全透明不透明全透明的设置过程。 例如：以下例子中星星，就是用影片元件来完成的。 3、旋转动画：一般旋转度数在360度以上，则采用实例，即旋转的对象必须是通过元件调入的。而旋转度小于360度，则旋转对象可以是形状。动画设定只需二个关键帧。 例如：拖影文字 操作步骤： 建立文字
9、元件,拖到舞台 创建第一图层，设定第一、二关键帧（同帧），并设制“动画”补间，旋转为1次。 创建第二图层，此层为阴影层，复制第一层的关键帧,用方向箭头控制。 创建第三至第九图层，这些层均为拖影层，每层之间涉后二帧。与第一图层相比，这些层均要逐渐调整透明度。 第四课时 变形运动教学目标：1、要求学生掌握变形运动的补间。 2、掌握变形运动的特点：普通形状对象可以变形。 3、掌握影片元件的制作方法。 教学重点： 运动补间的设置；影片元件的创建。 教学难点： 关键帧普通帧的区别； 教学过程： 一、变形动画：要求参与动画的对象必须是形状，不得使用元件。 例如：以下动画中ABC之间、五角星十角形即为形状变
10、形。 操作步骤： 设置背景色 插入第一关键帧，并绘制一个五角形。 在第30帧上插入空白关键帧，并绘制一个十角星形。 利用时间轴上的“编辑多帧”工具，对齐第一、二关键帧的各自五个角。 在第一关键帧上设定五个“形状提示点”，修改形状添加形状提示点。 在第二关键帧上设定各提示点的对应终点位置。 对第一关键帧设定“形状”动画补间。 第五课时 处理外部图形与简单动画制作八卦图的制作 步骤： 1.新建宽度 640 像素，高度 480 像素，分辨率 72 像素/英寸，RGB 颜 色模式，白色背景的文档，命名为八卦图，如下图所示。 2.打开前景色拾色器，选取淡蓝色，并使用快捷键 Alt+Delete 将文档
11、填充为淡蓝色。 3.按 Ctrl+显示网格，选择工具箱中的椭圆选框工具，同时按住键盘 上的Alt+Shift 键，以网格中的一点为中心点绘制正圆，如下图所示。 4.打开图层面板，单击面板上的创建新图层按钮，新建图层 1。5.按 D 键将工具箱中的前景色和背景色设为默认的黑/白色，按快捷 键 Alt+Delete 将圆形填充为黑色，图层面板如下图所示。 6.选择工具箱中的矩形选框工具，选择工具选项栏上的“从选区中减 去” 按钮， 在图像中绘制如下图所示矩形， 最终只剩下半个圆形选区。7. 按 Ctrl+Delete 将左半个圆形填充为白色，如下图所示。8.按 Ctrl+D 取消选区，打开图层面板
12、，复制图层 1 得到图层 1 副本。 图层面板如图所示。 9.选择图层 1 副本，单击图层面板上的锁定透明像素按钮，将图层 1 副本的透明像素锁定。 10.按 Alt+Delete 将图层 1 副本中的圆形填充为黑色。 11.选择移动工具，勾选移动工具选项栏上的“显示变换控件” ，用鼠 标拖动变换控件， 并将工具选项栏上的水平和垂直缩放比例都设置为 50%。工具选项栏如图所示。 按回车键确认变换，结果如图所示 12.用移动工具将黑色的小圆形向上移动，结果如图所示。 13.复制图层 1 副本得到图层 1 副本 2，按 Ctrl+Delete 将圆形填充为 白色，并向下移动，结果如图所示。 14.
13、 复制图层 1 副本 2 得到图层 1 副本 3，接着重复 11-13 步骤，作 出最终结果，注意重复 11 步骤时缩放比例可以保持在 25%左右。 15. 再次按 Ctrl+取消网格显示，得到最终结果。 16.单击“文件存储”将该文档保存为 psd 格式，名字为八卦图。第六课时 FLASH的工具的技巧教学目标： 1、要求学生巩固掌握FLASH的工具中的一些技巧。 2、巩固FALSH中存在的五种变化-移动、缩放、旋转、颜色、透明度 教学重点：工具中技巧的合理运用。 教学过程： 一、在FLASH中有些工具使用的技巧有助于动画设计的美感，下面总结几种我们平时制作当中常用到的几种小技巧： 1、柔化物
14、体边缘 先看下图一的效果,此效果，我们所使用的最简单的方法是利用 FLASH 本身的边缘柔化功能： 先画好一个圆，如图二；然后选中此图形(不可是元件图形)-圆，选择修改-形状-柔化边缘填充，在弹出的对话框里设置参数，如图三，确定以后就形成上图的效果。（注意：参数的大小影响了边缘柔化的程度，但有一点，最好只进行一次柔化，如在柔化以后再柔化可能会使FLASH计算复杂,而出现于要求不同的效果。） 同理,我们可以对文字边缘进行柔化,如下效果3和4分别是对文字的填充色和笔触进行了柔化。值得注意的是必须先把文字分离，并且在对笔触进行柔化之前，事先要求将线条转化为填充。 引申： 在实际运用当中如果要进行较为
15、灵活的边缘柔化，我们不妨利用混色器来完成。 即在选中图形后调出混色器编辑框，颜色填充样式选择放射状，然后将左右两个颜色填充节点的颜色都设置为白色， 再将右边的颜色节点的透明度为“0”， 用此方法制作的效果有一点好处就是可以灵活的改变边缘柔化的程度， 思考如何达到后面三种图形的效果。 2、变形复制 效果如下：对于这个效果我们使用的是复制并变形的功能。 首先可以画一个椭圆，然后选中此对象，用变形工具改变它的自由变化中心，如下面左右两图，左边为没有改变的状态，右边为改变以后的状态： 自由变化中心的改变 然后选择 窗口-变形 调出变形对话框，如图：在旋转参数里输入对象旋转的角度，比如20度，再点击对话
16、框右下角的拷贝并应用变形按钮，直到图象变成我们所需状态。 二、 在FALSH中存在的五种变化-移动、缩放、旋转、颜色、透明度 具体效果看影片文件（注意：后面两种变化必须是对实例，即对拉到场景中的元件进行设置。） 第七课几种常见字体效果的制作（一）教教学目标： 1、巩固掌握FLASH制作中几种常见字体效果的制作。 教学重点： 字体效果的制作、各补间的特性和要求 。 教学过程： 一、在一个好的FLASH作品里常常会运用到一些经过处理的FLASH字效，前面我们已经介绍了多种在FLASH中常用的字效：点框文字、彩虹文字、位图文字、立体字、倒影字等，今天，再补充几个特效文字的处理。 1、 双色（多色）字
17、 关键技术要求： 1、制作此类文字效果，只要将文字打散成离散的图形； 2、然后用选取工具选取其中部分，再对选中部分进行颜色填充； 3、选取次数可以随意定。 2、 镂空字 (素材下载) 关键技术要求： 1、此类效果需两层图层才能完成； 2、底层放置一张图片； 3、在上层画一个矩形盖住底层的图片（可适当设置透明度）； 4、在矩形层上输入文字并调整好文字的位置； 5、将文字打散； 6、鼠标点击影片空白处取消对文字的选择； 7、再次选中文字图形并将其删除即可。 第八课几种常见字体效果的制作（二）1、 阴影字 关键技术要求： 1、养成一个图象一个图层的好习惯，根据情况，这里可以创建三个图层，蓝色字、黑色
18、字，深灰色字，分别呈现原层、立体层、阴影层的效果； 2、立体层的制作：可以按快捷键Shift Ctrl V把“原层”中的文字复制到“立体层”中，并利用方向键“”、“”将黑色字层向右、向上各移动2个像素； 3、阴影的制作： 选中“原层”中的文字，然后按快捷键打开Ctrl T打开“变形”面板，并上右图所示设置。设置好后，单击“变形”面板上的“复制并应用变形”按钮 。一个经过变形的副本就被复制出来了。 4、阴影层的制作： 选中刚刚做好的副本，按快捷键Ctrl X剪切。按快捷键Shift Ctrl V把这个副本原位粘贴到“阴影层”中。最后适当的调整位置，并把色彩换成#666666。到这里，文字的阴影效
19、果就做好了。 综上所述，关键技术都比较类似，所以希望大家课后能好好复习，做到在熟练绘制的基础上创作出更多其他效果的文字。 第九课 FLASH动画制作中用到的两种补间过程 1、形状补间 延伸的直线 拉动的幕布 画线框（星星变形（注意为了防止变形过程不凌乱，可以利用修改形状中的“添加形状提示”工具， 再五角星上加入5个提示点，并放到相应变化位置上，以红色的小圆圈表示，abcde用来标识提示点。看一看最后的一帧，可以发现十角星上也有一个对应的红色提示点，当你设置好位置时，会发现提示点变绿了，回到第一帧，这时提示点由红色变成了黄色，这表明提示点的设置正确。） 2、运动补间 它与动作补间动画的区别是：动
20、作补间的作用对象是元件或被组合的对象，而形状补间动画的作用对象是矢量图形。 运动的小球：比较下面三副动画，考虑有什么不同，分别做了什么动作。提示：缓动选项的作用。 现在大家应该知道缓动选项的作用了吧。它的作用是在运动的过程中产生速度上的变化，默认值为0，即为匀速运动。当值为负时，运动的物体做加速运动，相反，当值为正时，运动的物体做减速运动。在小球下落的过程中，速度越来越快，所以我们把值改为负值，注意在值为-100时，比较接近重力加速度。当小球弹起时，速度越来越慢，因此值为正。 引申：（旋转的风车） 从这一制作中我们不仅要学习运动渐变动画的另一种形式：旋转动画（自转），而且还要练习用箭头工具对对
21、象进行修改，利用变形面板制作多个风车叶的方法。 思考：下面两幅动画的差异在哪里？第十课 实例动画旋转的花朵 旋转花朵的制作方法： 用到的工具有：选择工具、任意变形工具、椭圆工具、颜料桶工具 用到的面板有：混色器、变形面板 步骤：一、打开 Flash 二、绘制花瓣 在工具箱中选择“椭圆工具” ，设置“笔触颜色”为无色， “填充色”任选，按住鼠标左 键不放，在场景中拖出一个椭圆，如图： 图 1-1 颜色设置 图 1-2 花瓣形状 三、给花瓣填充颜色 在“混色器”面板中选择填充类型为“线性” 颜色自定。在工具箱中选择“颜料桶工 ， 具” ，按住鼠标左键不放，在花瓣上填充颜色。如图： 图 1-4 花瓣
22、颜色 图 1-3 填充色设置 四、制作花朵 在工具箱中选择“任意变形工具” ，将花瓣图形的圆心“o”调到如图 1-5 的位置。调出 “变形”窗口，在旋转输入框内输入“30 度” ，连续点击图标“拷贝并应用变形” ，这 样就制作出花朵的效果。 图 1-5 图 1-6 完整的花朵图 1-7 变形面板 五、旋转设置圆心 1、 用“选择工具”选取整朵花，按右键选择“转换为元件” ，设置如图，确定。 图 1-8 转换元件 2、 第 40 帧右键“插入关键帧” 3、 1 到 40 帧之间右键“创建补间动画” ，属性栏内设置如图 1-9 图 1-9 动画属性 六、播放 用 Enter 键或“Ctrl+Ent
23、er”键观看效果。 第十一课 变形动画 知识回顾与知新: 制作 FLASH 其实跟拍电影差不多,我们先看看拍电影是怎样的: 拍电影:要有剧本,演员及舞台. 同样的制作 flash 的原理也是这样的.FLASH 中的时间轴就相当于电影中的剧本 , FLASH 中的库就是电影中的化装间 ,而库中的元件就相当演员 ,FLASH 的 场景相当于舞台 .FLASH 的任务就是要元件如何在场景中运动.而它的运动就是要在时间轴中设定的. 要求:两个关键帧中间有动作. 时间轴特效 实例：卡片翻转步骤： 1. 首先画一个没有笔触的矩形，在第 10 帧插入关键帧。选择自由变形工具(q)然后选择扭曲子工具。 2.
24、按住 Shift 键，将顶部的角拉离形状。继续按住 Shift 键将底部的角拉向相反的方向。 3. 点击形状外边结束变换。重新选择它，按住 Shift 键将底部中间的手柄向上拖。Shift 将在垂直方向 约束形状。 4. 打开洋葱皮工具这样你将看到前面的帧。将新变化的图形定位到从洋葱皮上看到的原始图象的中 间。 5. 新的 Flash CS3 的一个功能是在时间轴的背景菜单中添加一个形状补间。现在添加一个。 6. 现在你已经完成动画的一半了，你需要完成另一半。选择 11 帧插入关键帧。 7. 在 11 帧修改形状垂直翻转它。 8.选择第 1 帧的关键帧并复制帧(ctrl+alt+c),然后在第
25、 20 帧粘帖帧(ctrl+alt+v). 9.后半部分帧中添加一个形状补间。象我写的这样你可能看到的是一个不规范的补间。让我们处理它。 10.我们添加一些形状提示纠正一下这个问题。选择有问题的补间的第 1 个帧然后点击“修改”“形状 “添加形状提示”(ctrl+shift+h) 11.拖动红色的“a”提示到图形的一个角直到它被吸住。12.到补间的最后一个关键帧， 将绿色的提示点拖到相同的角上。 重复这个步骤调整同一边的另一个角。 13.最后的视觉效果，用一个稍暗一点的颜色填充第 10 和 11 帧。 14.这个卡片并不仅仅是补间形状，同时是颜色从亮到暗。这个颜色的变化令人感觉到一个三维效果。
26、第十二课运动引导层（一）教学目标： 1、要求学生掌握各类曲线运动的制作技巧，掌握引导线、引导层的概念及作用。 2、能根据运动的需求，画出运动轨迹线，即引导线。 教学重点： 运动引导层的创建，动画关键帧的设置。 教学难点： 做引导层时的几个注意点。 教学过程： 一、引入： 引导线、引导层的概念 1、引导线：引导线就是轨迹或辅助线的作用。它让物体沿着引导线路径运行。（即物体运动的轨迹，一般使用钢笔工具来制作） 2、引导层：引导线必须制作在引导层中，而需要使用引导线作为运动轨迹线的物体所在层必须在引导层的下方，一个引导层可以为多个图层提供运动轨迹。同时在一个引导层中可以有多条运动轨迹。 二、滚球的制
27、作 知识点： 1、背景层的创建： 设定场景色 用钢笔工具勾勒一个上边为曲线的多边形。 2、运动引导层的创建：该层中专门用来放置物体运动的轨迹，轨迹一般用线条描述，而在运动引导层中的线条在实际导出成SWF文件时是不可见。 使用的方法：要使用轨迹的对象必须独立地放在引导层的下方图层中，运动的对象其关键帧必须完全吸附在轨迹上。 复制曲线。 如图：第一、二关键帧的定点 3、制作技巧： 引导层一旦建立完成后应将其锁定 对运动对象定位时最好打开“帖紧至对象”工具，这样当吸附正确时中心点会放大。 三、思考自强不息和山地车实例的制作 四、我是一条鱼素材下载 1、水泡的制作（掌握刷子和填充变形工具的使用，并把水
28、泡转换为元件。） 水泡的颜色调板：白色透明度为0，2，100 2、浮起的水泡制作（影片元件:注意引导层绘制好后，可以及时锁定。） 3、游动的小鱼 可以从左向右游动，也可以从右向左游动，小鱼的运动轨迹为 4、在场景中创建： 背景图片放入场景。 建立第二层，放入大小不一的水影片元件，注意水泡的放置位置 建立第三层，放入多条小鱼，使用小鱼的影片元件时，可将其翻转，从而改变其运动方向。 第十三课 引导线 制作“小鸟飞翔” 动画 知识目标：1、学习新建元件的方法2、学习添加运动引导层的方法3、学习绘制运动路线4、学习设置对象按照规定路径移动的方法德育目标：1、培养学生独立解决问题的能力和创新能力； 2、
29、培养学生互相协作的精神。情感目标：通过“小鸟飞翔”动画制作的学习，激发学生学习计算机的兴 情感目标： 趣，体验自主探究的乐趣，培养学生自主探究的能力及相互协作的能力。一、课件引入 观察影片，找出不同1、展示课件：打开两个影片“小鸟飞翔”， 一个影片中的小鸟是沿着 引导学生仔细观察，两个影片中的小鸟在飞翔 直线飞翔，一个影片中的 的过程中路线有什么不同？ 小鸟是沿着指定路线飞翔 2、不同的效果在动画制作过程中有没有不 同？ 提示：小鸟沿直线飞翔，不需要添加引导层， 了解需要完成的任务 直接将时间线上的后一个关键帧移动到小鸟 最后飞到的位置即可；小鸟沿指定路线飞翔， 学生上台演示上节课学习 必须添
30、加引导层，绘制运动路线。 3、复习对象沿直线运动的动画制作方法 的对象直线运动（不添加 引导层）动画的操作步骤 这一节课我们就来学习引导层的添加和设置 小鸟按照规定的路径飞翔的动画制作。 二、讲授新课 1、新建元件 Flash 的库窗口中可以放 单击 “插入” “新建元件” 选择 ， “图形” 置事先准备好的动画素 ， 单击“确定”，进入元件编辑区域，导入一张 材， 这些素材可以是图片， 素材图片，格式为 GIF 的小动画 也可以是动画。学生仔细 2、单击编辑窗口上方的“场景 1”按钮回到动 观察库窗口中的小鸟由哪 画制作区域。选定第一帧，打开“库”窗口， 些画面组成 将元件拖放到工作区外的左下角位置，关闭库 安排好对象在画面中的初始位置 窗口。 3、添加引导层 在默认的图层 1 的上面添加运动引导层，并选 单击工作区左上方的“添 中该引导层 加运动引导层”按钮 自学绘制运动路径 4、绘制运动路径提示操作步骤：单击工具箱中的铅笔工具，将 笔触颜色设置为黑色，在影片中画一条平滑的 运动路线 5、选择图层 1 的第一帧，单击鼠标右键，在 弹出的快捷菜单中选择“创建动作动画
