Flash教案范文

FLASH教案范文 艺术设计科授课教案课程flash授课班级11级动漫班授课教师闫磊授课时段第一周至十八周（11-12第二学期） 一、Flash的应用范围?网站片头和网站?Flash MV和动画短片?广告片头和网页广告?网络游戏?电子贺卡?教学课件 二、FLASH特点使用矢量图形和流式播放技术。 矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具。 强大的动画功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FS MAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。 总之，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。 三、熟悉工作环境 1、主要分为舞台就是工作区，最主要的可区域。 在这里可以直接绘图，或者导入外部图形文件进行安排。 就像演员表演的舞台，动画呈现在舞台上，超出舞台的区域就为不可见，也就是幕后，FLASH动画也要十分注重舞台和幕后的共同设计。 时间轴窗口用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。 绘图工具栏放置了可供图形和文本的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。 在选择了某一工具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。 标准工具栏列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。 图库窗口用以存放可以重复使用的称为符号的元素。 符号的类型包括有图片(Graphics)，按钮(Button)和电影片断(Movie Clip)。 其调用的快捷键为Ctrl-L。 学习FLASH也要养成良好的习惯，其中建立元件就是最基本也是最重要的，元件存放在图库中，这样便与元件的重复使用以及统一修改。 控制器面板控制电影的播放操作的工具集合（包括影片的前进后退暂停等），一般不大常用，处于隐藏状态。 2、逐步介绍各个区域 （1）时间轴时间轴(Timeline)是Flash中最重要的工具之一。 用它可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。 状态栏中的为洋葱皮(Onion skin)按钮，其作用是在显示播放头所在帧内容的同时显示其前后数帧的内容。 当点击该按钮时，播放头周围会出现方括号形状的标记，其中所包含的帧都会显示出来，这将有利于我们观察不同帧之间的图形变化过程。 和的作用一样，只不过它只显示各帧图形的轮廓线。 当我们需要同时多个帧时，按下按钮就可以了，但要注意，它只对帧-帧动画有效，而对渐变动画无效，因为渐变动画是通过定义关键帧再插值的方法实现的，所以其中内插的帧是无法的。 是洋葱皮修改器，用于改变洋葱皮的状态和设置。 其后的三个数字分别为当前播放头所在帧号，动画播放速度以及以此速度从头播放到当前帧所需的时间。 时间轴窗口右上角的可以用来调整时间每个单元格的宽窄大小，各人可根据自己的喜好，动画的长短等因素进行修改，以便于实际操作。 (2)元件和层概念及运用在讲动画形式之前先讲元件和库的概念，教学生建立元件的方法及必要性。 空心小圆圈表示空白的关键帧，没有内容，例如在新建一个动画文件时出现。 先建立一个元件，然后在场景中拉入元件拉入后成实心点，有内容就成了实心点单独的关键帧为一黑色圆点，后面为灰色表明其后各帧的内容与其一致，没有变化。 实例分析背景色的设置；相同小球的组合绘制要点选择工具的使用（任意变形和整体选择操作）圆形的绘制（shift画正圆）；建立元件（元件的概念）组合CTRLG打散CTRLB直线工具的使用元件主要有两个优点可以重复使用和统一修改介绍元件建立的两个方法插入建立新元件或者选择对象转换为元件。 (3)图层:通过实例及掌握图层关于图层(Layer)的概念，学过Photoshop的人都不会陌生。 形象地说，图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，你就可以透过它直接看到下一层。 所以我们可以根据需要，在不同层上不同的动画而互不影响，并在放映时得到合成的效果。 使用图层并不会增加动画文件的大小，相反它可以更好帮助我们安排和组织图形，文字和动画。 图层是Flash中最基本而且重要的内容，因而需要很好地掌握:在实例（ceng）中学习下面的知识。 左图是一个典型的图层例子，图中所示共有十一个层。 其中用黑色标识带有一支铅笔标志的层为当前正在的层。 如果该层不能被，则会显示图标。 在这些层右上方有三个图标，其中可以控制该层是否被显示，默认状态为正常显示，在对应下方用表示，如果点击这个黑点，则会出现，同时该层被隐藏，隐藏的层不能被。 用来控制是否锁住该层，被锁住的层可以正常显示，但不能被，这样在你其它层时，可以利用这一层作参考，而不会误改了这一层的内容。 可以控制是否将层以轮廓线方式显示，点击对应的黑点，会出现，再点一次恢复正常。 这几个功能可以同时起作用。 (4)动画形式分为运动动画和渐变动画运动动画例如一个小球从左边运动到右边表示运动渐变动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡紫色(浅蓝色)。 虚线说明中间的过渡存在错误，无法正确实现内插。 两个例子一个是小球位置的改变，另一个是颜色透明度的改变。 渐变动画例如圆变方块！表示变形过渡动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡绿色。 第二周一.Flash图形的特点Flash应用的是矢量图，这种图形的优点是可以任意放大，而且图像体积大大减小。 如下图圆圈内区域，位图放大后有马赛克出现，失真了，而矢量图放大后质量丝毫不受损。 .界面的认识和部分工具的使用二1）菜单栏这里是FLASH的功能指令。 以后我们可以逐步的去了解和应用它。 2）工具箱使用“工具”面板中的工具可以绘图、上色、选择和修改插图，并可以更改舞台的视图。 “工具”面板分为四个部分?“工具”区域包含绘图、上色和选择工具。 ?“查看”区域包含在应用程序窗口内进行缩放和平移的工具。 “颜色”区域包含用于笔触颜色和填充颜色的功能键。 “选项”区域包含用于当前所选工具的功能键。 功能键影响工具的上色或操作。 若要指定在创作环境中显示哪些工具，请使用“自定义工具面板”对话框。 3）时间轴是显示动画场景/图层/桢等重要信息和控制动画长度以及当前中的动画或元件的图层和桢的位置。 并也应用于组织和控制影片内容在时间轴上播放的层数和桢数。 4）浮动面版与动画相关的面版；如属性/混色器等。 是在进行制作和时随时能打开的面板；这些都是浮动面板，（如果找不到只要单击左键打开窗口就能找到。 ）另外属性面板还可以访问场景或时间轴上当前选定项目的最常用的属性，可以更改对象或文档的属性，可以显示当前的文档/文本/元件/形状/位图/桢或工具的信息和设置。 5）工作区中间部分的灰色区域是工作区。 6）场景可以调换颜色的部分是场景。 （也叫区）。 三、动手用一下工具 1、使用工具制作一个“笑脸”或“哭脸”1- 12、渐变工具的使用几个关键概念颜色调板变形工具的使用 3、用椭圆画个画环1-2填充操作步骤 1、设置笔触的粗细及颜色为“七彩色”。 2、用椭圆工具画圆。 3、将该线形圆环转换成填充色修改形状将线条为填充。 4、使用“墨水瓶”工具给圆环描边。 效果如右 4、用多边形工具画太阳1-3操作步骤 1、用多边星形工具制作太阳的外围，作以下设置 （1）将矩形工具转换成多角星形工具 （2）设置多角星形的“属性”中的“选项” （3）设置“样式”为星形，输入星形数，及星形顶点大小（顶点越小，星形越尖） 2、设置填充色为放射性，无边线 3、开始画星形。 4、创建一个同心的圆为太阳的脸。 5、使用直线工具画眼、嘴。 （注意用选择工具调整其曲线度，利用变形工具作旋转） 四、学生课堂练习题自创月亮1-4这个节课我们学习如何制作简单的逐帧动画，逐帧动画采用了传统动画的制作方式，通过绘制一帧一帧稍有变化的画面来实现。 通常，它需要绘制的不是几帧，而是所有的帧。 1、提出任务下面我们就一起来学习如何制作一个飞向天空的气球。 2、演示作品教师演示已经制作好的飞向天空的气球。 3、制作飞向天空气球的步骤第1步，首先在第1帧处画出一个小气球。 第2步，在第2帧处插入关键帧，将第2帧处的气球改变位置，也就是向上移动一点。 第3步，在第3帧处再插入关键帧，然再改变位置。 像这样重复一直插入关键帧，每插入一个关键帧都改变一下小气球的位置，一直到第20帧处。 4、学生根据教师演示的操作步骤完成任务。 （教师进行指导） 5、学生演示作品 6、教师和学生作出评价 7、提出问题小球运动同样的距离，如何让小球运动的快一点？（分小组讨论问题）（减少小球运动的帧）（五）练习画出一个旗杆和一面红旗，制作缓慢升起的红旗动画。 第四周1动作补间动画的概念 （1）动作补间动画的概念在Flash的时间帧面板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等等，Flash根据二者之间的帧的值创建的动画被称为动作变形动画。 （2）构成动作补间动画的元素构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮等等，除了元件,其他元素包括文本都不能创建补间动画的,其他的位图、文本等等都必须要转换成元件才行，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。 （3）动作补间动画在时间帧面板上的表现动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头，如图3-4-1所示。 图3-4-1动作补间动画在时间帧上的表现4）形状补间动画和动作补间动画的区别形状补间动画和动作补间动画都属于补间动画。 前后都各有一个起始帧和结束帧，二者之间的区别如下表所示。 区别之处动作补间动画形状补间动画淡绿色背景加长箭头在时间轴上的表淡紫色背景加长箭头现组成元素影片剪辑、图形元件、按形状，如果使用图形元钮件、按钮、文字，则必先打散再变形。 完成的作用实现一个元件的大小、位实现二个形状之间的置、颜色、透明等的变化。 变化，或一个形状的大小、位置、颜色等的变化。 5）创建动作补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性面板】上单击【补间】旁边的“小三角”，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【新建补间动画】，就建立了“动作补间动画”。 2认识动作补间动画的属性面板在时间线“动作补间动画”的起始帧上单击，帧属性面板会变成如图3-4-2所示。 第五周1展示优秀的自制逐帧动画作品。 2展示Flash影片文件“形状补间动画.swf”。 3演示“形状补间动画”的制作过程。 要求学生区分“形状补间动画”和“动作补间动画”适用的元素。 要求学生掌握“形状补间动画”的制作。 要求学生区分Flash源文件（.fla）和Flash影片文件（.swf）。 制作步骤一将“形状补间动画.fla”重命名为“班级学号作业次数姓名.fla”（如06609方玉）。 二打开改名后的Flash文件，制作形状补间动画。 一）明确制作思路1灯笼维持20帧从第1帧到第20帧。 2灯笼变成文字从第20帧到第40帧。 3文字维持20帧从第40帧到第60帧。 4文字变成灯笼从第60帧到第80帧。 二）开始制作1打开“库”面板打开“库”面板方法窗口库（快捷键Ctrl+L或F11）2形状补间动画。 1）锁定“背景”图层；2）选取“灯笼一”图层；A分别在第 1、 20、 40、 60、80帧处设置五个灯笼。 单击第1帧，从库中拖入图形元件denglong；并将其“打散”（修改分离）。 右击第20帧、第40帧、第60帧、第80帧，插入关键帧（这些关键帧为形状“灯笼）。 B在第 40、60帧处用文字取代灯笼。 单击第40帧，按Delete删除关键帧，使之成为空白关键帧；绘制文字“庆”，将其移至适当位置；并将其“打散”（修改分离）。 单击第60帧，按Delete删除关键帧，使之成为空白关键帧；将第40帧的形状“庆”复制到第60帧（复制帧、粘贴帧）。 C分别在第40至60帧之间和第60至第80帧之间创建形状补间动画。 单击第20帧，打开“属性”面板，选择“形状”补间。 单击第60帧，打开“属性”面板，选择“形状”补间。 3）选取“灯笼二”图层（制作过程同2）；4）选取“灯笼三”图层（制作过程同2）；5）选取“灯笼四”图层（制作过程同2）。 3发布、测试。 方法控制测试影片（快捷键Ctrl+Enter）。 4发现问题一“背景”不见了。 改进原理让“背景”维持到第80帧。 改进方法右击第80帧插入帧（快捷键F5）。 发现问题二无法实现“形状补间动画”。 改进原理将元件、文字打散。 改进方法修改分离（快捷键Ctrl+B）。 第六周第七周第八周 一、引入先观看下面两个动画，并思考以下问题 1、动画中具体表现出什么样的变化？ 2、动画中是否有透过某个区域可以看到另一番景象？ 二、新课讲解【完成实验一】 1、新建一个flash文件，创建两个层，命名一个是遮罩层（上层），一个是被遮罩层（下层）； 2、在被遮罩层图层放置（文件导入导入到舞台）一张图片（图片下载）； 3、在遮罩层随便画一个无边框形状，例如一个圆（为什么是无边框）；点击遮罩层图层，右键选择“遮罩层”，如图【完成实验二】1.在实验一的基础上，将遮罩层的圆改为其它形状，例如长方形，并将其颜色改为另一种颜色，并更改其位置（注意先把图层解锁，等修改完成后再锁定遮照层和被遮照层）2.思考以下问题问题一动画中所表现的形状由谁决定（即所能看到的范围）问题二动画中所表现的内容由谁决定（即所能看到的图象）问题三遮罩层中物体的颜色是否起作用遮罩的原理遮罩层好比黑夜中的一支手电筒，照在哪儿（指被遮罩层）哪儿就显现。 遮罩层决定形状，被遮罩曾决定显示的内容！ 三、实例操作（利用“卡通背景素材.fla”来制作）【操作一】模仿制作“实例一.swf”思考遮罩层的形状以及该动画中谁在动【操作二】模仿制作“模仿实例二.swf”思考遮罩层的形状以及该动画中又是谁在动 四、小组完成项目【任务一】以同桌两人为小组，试着完成“项目一.swf”【任务二】在项目一的基础上进行完善，完成“项目二.swf”【任务三】在项目二的基础上进行完善，完成“项目三.swf”第九周引导线、引导层的概念 1、引导层引导线必须制作在引导层中，而需要使用引导线作为运动轨迹线的物体所在层必须在引导层的下方，一个引导层可以为多个图层提供运动轨迹。 同时在一个引导层中可以有多条运动轨迹。 2、引导线引导线就是轨迹或辅助线的作用。 它让物体沿着引导线路径运行,