Flash设计报告

第一篇：Flash设计报告

商贸系电子商务falsh课程设计报告

设计目的

1.通过课程设计，树立正确的设计思想，培养综合运用Flash动画设计课程和其他先修课程的理论与实践知识来分析和解决平面动画设计问题的能力。

2.学习Flash动画设计的综合方法，掌握Flash动画设计的一般流程。3.进行Flash动画设计基本技能的训练，能将所学知识应用于一般的动画作品创作，提高自己制作面的实际应用能力。

本课程设计要求在课程设计过程中，学生会对设计任务进行全面的策划，根据任务的描述，通过实际查阅资料、分析设计、综合利用Flash动画的基本原理和技术，并通过实践，掌握融汇自己思维及创意创作完整作品的基本方法和过程，达到能够制作运动动画、形变动画和逐帧动画；能够制作基本层动画、具有遮罩特效的动画和具有链接引导特效的动画；能够制作和使用符号；能够制作按钮并能够为按钮设置控制动画播放的动作脚本；能够为Flash作品添加声音；能设计制作出具有完整主题要求的Flash作品，在作品制作中能理性地、有针对性地选择使用flash提供的动画表现技术，还能够撰写基本的动画剧本和制作说明书的目标以达到加深、巩固所学课程的相关知识、培养学生综合设计的能力、参阅和参考各种资料的能力，达到灵活运用各种特效功能与技巧进行设计与创作，全面综合的提高学生利用各种手段进行设计、综合策划设计能力和整体分析及艺术处理的能力。同时，通过实践教学活动，拓宽学生的知识领域，锻炼学生的实践技能，培养科学严谨、求真务实的工作作风。

商贸系电子商务falsh课程设计报告

设计过程 1.茶1如图：

我做的是中国比较有名度一种茶，名为铁观音，在60针加了遮罩层，轮播到下一个图层。

2.茶2如图;

这个图用ps处理了一下，这个图在flash效果是，在119针出到165针处是静止的，一直到215加传统补间动画，215针处的Alon值为0，让图有一个渐渐变没效果。

商贸系电子商务falsh课程设计报告

3.茶3如图：

这张图的效果是，290针到332针是一个从小慢慢变大的效果，到380是静止状态，再是从395针到425针的效果变小再向下移动在是从右上角飞出。

4.茶4如图：

这张图也是用ps先制作出来，再falsh呈现出效果，192针到250针是一个从透明渐渐变亮的过程，然后到290针处是静止状态，再是渐渐变透明。

5.茶5如图：

商贸系电子商务falsh课程设计报告

这个图没有什么效果，只是在390针到470针是静止的，是茶3变小时呈现出来直到结束.6.我运用按钮作图，在图层运动时把指针放到按钮上就有停止到某个图上，当指针移走是，动画又从第一针开始播放，有一个循环效果。

开发环境预计工具

硬件设备：

1.我们是在教室里完成的falsh课程设计，教室里有网线，可以提供我们上网找材料

2.用的是自己的电脑，这样方便储存资料，也不当心不见。软件设备：

1.windows7,用falsh cs5或falsh cs3还有 ps等软件。

遇到的问题

在这次的课程设计中，我遇到最大的困难就是按钮，反复做了很多次就是做不好，也问了很多同学，但是都得不到解决，最后问了老师，在发现我用的是3.0做的，跟之前学的不一样，然后我果断改用2.0的。问题就没那么多了，但是在代码那块还是有问题，最后在老师的帮助下做出来了，顿时觉得这个世界还 商贸系电子商务falsh课程设计报告

是美丽的。

设计过程心得

现在学习Flash通常都是按照书本上和老师的例子来做，要是离开了例 子要自己创作，可能就有些困难。这就说明了自己缺少训练。其中要学好Flash不但要懂技术，更要懂艺术和创意，加上思维要发散，才能做出好的作品。自己就是缺少对艺术和创意的造诣，所以有时拿到一些素材就会有种无从下手的感觉。

经过本次的课程设计，使我对Flash的一些技巧有了一定的了解。实训一是文字特效处理，文字作为人类文化的重要组成部分，无论在何种视觉 商贸系电子商务falsh课程设计报告

媒体中，文字和图片都是其两大构成要素，文字排列组合的好坏，直接影响着版面的视觉传达效果。因此，文字设计是增强视觉传达效果，提高作品的诉求力，赋予版面审美价值的一种重要构成技术。果，针对不同的需要来对其加工，个人感觉要做到一副效果好的图片要不断练习，打好一定的基础才可以。实训三可以说是将前面所学到的知识用来制作，这需要有一定的扎平面动画设计与制作（Flash）课程设计报告实基础。Flash 是自己喜欢的一门课程，本人也很用心来学，不过就是有点懒，缺少训练，虽然平时都有上一些论坛和看一些Flash CS4的教程，但还是不够勤快，所以还不能熟练运用Flash，因此今后要持之以恒，不断练习才可以有所提高。

第二篇：flash教学设计

Flash动画制作——《引导线动画》教学设计

【概 述】

· 所用教材：大连理工大学出版社出版的《初中信息技术》八年级上册 · 教学内容：第十节课第三部分内容 · 所需课时：1课时

· 授课者：大连市第五中学 王爽 · 学习内容包括：

根据教材的教学内容和教学目标，设置教学内容如下：

1、引导层的添加，引导线的设置。

2、应用引导层，制作小球沿设定路径运动动画；

3、应用引导层，制作行星运动动画。【设计思想】

根据信息技术课程的教学目标、任务和学科特点，以建构主义理论为基础进行教学设计，力求充分发挥教学过程中学生的主体作用和教师的主导作用。采用以“自主学习、探究学习”为中心的教学设计，培养学生自主学习和探究学习的能力，提高学生信息获取、信息加工处理和信息应用的能力。【教学背景：】 1．教材分析

以大连理工大学出版社出版的中学课本《初中信息技术》八年级上册第十节课中的第三部分教学内容为依据。本课时的教学内容是引导线动画，主要内容是引导层的添加，绘制引导线，使图形等沿引导线运动，教学重点是引导层的添加和应用。2．学情分析

初二年级的学生对于制作flash动画有了初步的了解，学习了flash动画制作中的逐帧动画和动作补间动画的制作，对于flash中的层也有了初步的了解。对Flash动画制作有一定的基础，学习兴趣浓厚。通过本课的学习，让学生加深对动作补间动画的熟练成的，加深对层概念的理解，引导层在Flash动画制作中有重要的作用，本课时通过在线课堂和学生实验、探究，使学生掌握引导线的设置及应用，培养学生的自主学习能力和探究学习能力。【教学策略：】 1．对教材的处理

教学内容仍以教材为基础，但是不采用教材中的范例，而使用“弹跳的小球”和“行星运动”例子来完成教学内容。由于教材中的例子单一，而且对于刚接触此内容的学生来说有点复杂，所以我用一个简单的例子完成最基本的引导层动画，在通过较复杂的例子让学生进行知识的巩固和扩展。2．课时安排

由于第十课“引导线动画”中的实际内容有两大部分，一部分是“图层”，另一部分是“特殊图层——引导层”，鉴于两个部分的知识和概念都相对重要，所以作为两课时，而“引导层”这部分为第二课时，希望通过此课是学生加深对“图层”的理解和对“引导层”认识与掌握。

3、课堂教学活动的组织形式

以任务驱动进行教学，激发学生的学习兴趣；通过学生探究、实验、自主学习，培养学生的自主学习的能力和探究实验的能力；通过在线课堂，培养学生信息浏览、信息收集、信息加工处理的能力；通过任务分层、个别指导，实施分层教学；通过教师引导、小结，发挥教师的引导、促进、点拨的作用；通过优秀作品的展示，激发学生的成就感。【教学目标：】

（1）知识和技能目标：

知识目标：

①掌握和理解引导图层的含义 ②了解运动引导图层的作用 技能目标：

在制作动作补间动画的基础上，学会并掌握运动引导图层的创建，使学生能把各种知识融合贯通。

（2）过程与方法：

通过动画的制作，培养学生的观察力、动手操作能力、综合运用能力。（3）情感态度与价值观：

通过研究活动培养学生的审美观和团结协作的意识和研究探索的精神，从而激发学生对Flash产生浓厚的兴趣。【教学重点：】

本课的重点是对引导图层的含义的理解，引导层是一种特殊的图层，他有普通层不具备的引导功能。本课还要重点掌握引导层建立方法、作用，在运动引导图层上绘制引导线，拖动小球并使其中心点与引导线的端点对齐。【教学难点：】

本课的难点是引导层动画的制作，在制作这个动画的过程中容易出现一些问题，比如学生直接在引导层上画图形，引导层与被引导层的位置关系，在拖动小球前没有选择“贴紧对象”按钮，导致小球的中心点与引导线的端点不对齐。导致这些问题的主要原因是对层的概念和基本操作理解不透，对引导层动画的形成原理不明确。所以在授课时教师要根据学生的实际情况有技巧的帮助学生理解层的概念和基本操作以及引导层动画。【教学媒体】

1、网络电脑室

2、络教学软件系统

3、Web服务器

4、信息技术教学网（平台）

5、Flash MX软件、IE浏览器 【教学准备：】

1、小球弹跳的运动实例。此实例中注意小球的运动要符合生活实际，即由于地球引力小球的运动高度是逐渐变低的。

2、行星运动实例。此实例中“月球”的运动轨迹是显示的，所以应该在背景层上画出与“月球”运动轨迹相同的路径，由于封闭的路径没有起点和终点，所以在引导层上的引导线上作出缺口，形成起点和终点。【教学过程：】

一、创设问题情境导入新课 创设情景，任务驱动

1、学生动手，巩固旧知。让学生利用所学知识做一个基本的帧动画（此过程教师可以查看学生制作过程）

2、设置悬念，引出问题。我们从中不难发现，帧动画都是使运动对象沿直线运动，我们能否让它们沿某一特定路径（路线）运动呢？

3、展现目标，任务驱动。展示月球绕着地球沿着椭圆轨道运动。提出任务：要使运动对象沿特定路径运动，就必须增加引导图导，这就是我们今天研究的内容。

二、逐层深入，探索新知 [激发探究热情，自主实践]

1、讲授“引导图层”含义。

引导图层：就是设定运动对象运动的某一路径（路线），在引导层中画好运动路径，在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起（用鼠标点中运动物体的中心移动）。

作用：引导图层是专门用来制作运动轨迹的，在播放动画的时候，轨迹不会显示出来。

2、从简单的任务入手，学习引导层动画，学做“弹跳的小球”。[学生自主尝试制作]

（1）在场景中画一个小球的元件 [教师演示，讲授新知]（2）创建引导图层

单击时间轴窗口上的添加运动引导图层按钮，或单击“插入—运动引导线”，添加一引导图层。

（3）绘制运动轨迹（钢笔工具或铅笔工具）

如选用铅笔工具，并先择铅笔工具的附属选项“平滑”，并选择笔触颜色为绿色，然后用铅笔工具在场景中画一个平滑轨迹（拖曳鼠标左键）。[引导探究，自主实践]（4）使小球中心点与轨迹端点对齐

[教师问]：若想使小球沿着画好的路径运动，就必须找到路径的起点和终点，那么起点和终点在哪？如何让小球听话的沿着这条路径进行移动呢？ [学生自主实践回答问题]

选择工具箱中的“贴紧对象”按钮。（或“查看—贴紧对象”）选择第一层（也就是小球的第1帧）并拖动小球到轨迹的起始点，然后选择小球的结束帧并拖动小球到轨迹的终点。

注意：拖动小球前一定要保证吸附按钮被选择，就会停在轨迹的左端点，这就是运动的起点。这样在拖动小球时，中心出现的空心圆会自动吸附在轨迹左端点，松开鼠标，小球就会停在轨迹的左端点，这就是运动的起点。[完成作品，汇报成果，总结学生中存在的易错问题]（5）测试和保存影片（6）演示作品

①没有制作动作补间动画，直接在运动引导图层上创建移动的小球，②在拖动小球前没有选择“贴紧对象”按钮，导致小球的中心点与引导线的端点不对齐。这两种情况都会使动画失败。

3、提高难度，锻炼学生的思维、探究和创新能力 再次展示“月球绕着地球旋转”的例子 [通过提问分析动画] [提问、引导、探究、自主实践] A、显而易见，这个动画是引导线动画，运动对象是谁？ “月球” B、椭圆的运动轨迹如何制作？

[引导：以前我们画的都是没有边线的圆，那么我们要是只想保留边线不要中间该怎么办？] [学生探究]“画一个没有填充色的圆” C、如何找到起点终点

[教师问]：若要物体沿某一特定路径运动，就要找到起始和结束位置，我们现在给出的这一椭圆封闭曲线，我们能否找出起始点呢？ [学生答]：“能”或“不能”。

[教师总结、引导]：要想在封闭的曲线上找到起点和终点是不可能的，那我们能否利用人眼睛的视觉差，在这一封闭曲线上做一些处理呢？

[学生探究]：让学生充分利用自己的发散思维进行思考，并尝试着动手实践。[教师引导]：我们可否这一封闭剪断一部分，或在某一处切开呢？

[教师演示]：将运动物体放到起始位置和结束位置（用光标键进行精确定位），设置帧动画的方式为移动。成果初步展示。测试影片，物体沿着我们特定的路径进行运动。D、引导线中的路径没有显示怎么办？

[总结，设置悬念]：我们构建的路径在输出的影片中没有看见（引导图层的内容在输出的影片中是隐藏的），若我们需要椭圆曲线（路径）也显示出来，同学们想一想有什么办法可以解决？

[学生分组讨论、实践探究、合作交流]：让学生有充分的思维空间，并尝试动手实践。

[教师引导]：既然需要路径，那我们就给它绘制一个——增加一个新的图层（学生操作：添加新的图层，并绘制椭圆路径）。[学生动手实践操作]

4、创意练习：

[教师]：完成了“行星运动”的同学，在“行星运动”实例的基础上，请同学们完成“地球”自转的设计。没有完成“行星运动”的同学继续完成练习。

三、积极评价引导 [展示成果，评价交流]

选择部分有代表性的作品进行展示，分别从（1）动画创意；（2）使用技术；（3）动画效果等方面给予评价。充分肯定学生的创新精神、动画中使用的方法和技巧，对优秀作品给予表扬，对不足的作品给予鼓励。

四、教学小结

先由学生归纳总结引导层的添加、引导线设置的方法，以及引导线在运动动画制作中要注意的问题，然后由教师补充完整。【教学反思：】

1、这节课基本完成教学目标，整个教学过程中以“任务驱动”进行教学，两个任务成阶梯式的进行，让学生由浅入深的了解引导层能够实现多种动画形式，“行星运动”实例比较容易激发学生的学习兴趣。难易程度不同的实例，也实现了学生的分层次学习。

2、本节课以学生自主学习、探究学习、实践操作、教师引导的方式进行教学，充分发挥学生的主导作用和教师的引导作用，培养学生的实践操作能力、自主学习能力和问题探究能力；组织学生讨论、研究，归纳总结，培养学生的问题探讨能力和知识归纳能力；通过创意设计，提高学生知识应用能力，培养学生的创新精神。学生的表现欲望很强，通过作品评价和展示，提高了学生作品鉴赏能力，激发了学生的成就感。

3、学生动手制作的热情很高但是在操作的过程中经常有同学由于马虎实现不了实例的动画效果，比方元件的中心没有和起始点或终点吸附，造成小球元件不按指定路径进行运动；还有个别同学仍然是在普通层上直接画引导线或在引导层上画出运动元件，说明学生对知识的细节掌握不够，所以在以后的课堂中应该加强对学生对细节观察力和分析能力，要求学生对每一步操作要目的明确，知其然更知其所以然，坚持不懈的加强对学生创新能力的培养。

第三篇：Flash教学设计

教学设计

【课题】 熊猫的梦 【教材分析】

本教学方案是以清华大学出版社出版的清华大学“大、中、小学一条龙教学研究”实验教材编写组编写的《信息技术》八年级上册第一单元第一课《熊猫的梦》为依据设计的。【学习者分析】

本教学方案面向的对象是中学八年级的学生，他们对一些软件的使用已经有了一定的基础，并且对新软件的使用有着浓厚的兴趣。经调查，因为学生居住在市里，不少的学生家里已经装有电脑，所以有些学生也学会了在电脑上如何制作动画，但还是有大部分学生不会使用Flash制作动画，并且有个别学生还没有接触过Flash软件，他们还是很渴望这方面的知识与技能。【学习需要分析】

Flash动画制作是中学生需要了解并掌握的一门技能，中学生应该逐渐学习制作逐帧动画，而大部分学生还不知道如何使用Flash制作动画。【教学目标】 ● 知识目标

了解Flash如何制作动画，掌握简单的逐帧动画。● 能力目标

培养学生自主探究，动手操作的能力。● 情感目标

激发学生探索新知识的欲望和学习的兴趣。【授课时数】 1课时 【教学重点】

图像的绘制、帧的插入、时间的调整、预览效果。【教学难点】 帧的选择与插入。【教学方法】

讲授法、示范演示法、任务驱动法以及成果展示法。【教学环境】

微机室、电子教室控制系统。【教学过程】

1.复习图像绘制。（3分钟）

打开画图工具，选择椭圆工具，设置笔触颜色为黑色，接着绘制一只熊猫。然后打开已经课前准备的动画的熊猫展示给学生看，问学生动画熊猫是否更生动些，是否有学生会制作这样的动画，激起学生的好奇心以及求知欲。2.新课讲解（7分钟）

Flash是一款创作动画的软件，利用Flash不仅可以制作简单的动画，而且还可以制作游戏，课件等具有交互式的复杂的动画。启动Flash的工作界面来认识Flash的“基本功能”，Flash工作界面主要由菜单栏、舞台、时间轴、浮动面板、工具面板组成。如果界面不小心被调乱，还可以执行“窗口”→“工作区”→“重置基本功能”命令，或根据需要进行“新建工作区”、“管理工作区”的操作。工具面板可以进行对象选择、图形绘制、文本录入与编辑、对象控制等操作。时间轴主要由图层和帧组成，用于组织和控制影片内容在一定时间内播放。舞台是用来创作影片各帧的区域。浮动面板包含各种不同特定功能，如属性、库、颜色、变形、对齐等。3.演示示范（10分钟）

操作步骤：（1）执行“开始”→“所以程序”→Adobe Flash命令，即可启动Flash。（2）单击新建ActionScript2.0，再执行“修改”→“文档”命令，在弹出的“文档设置”对话框中，设置尺寸为550像素Χ400像素。背景颜色设为黄色。（3）制作第一帧画面：单击工具面板中的“椭圆工具”，设置笔触颜色为“黑色”，填充颜色为“没有颜色”，然后在舞台中拖动鼠标绘制熊猫的脸、眼睛、耳朵、鼻子。嘴部轮廓可以先绘制一个椭圆形，然后利用“线条工具”圆中绘制一条直线，使用“选择工具”单击上面的半圆，按delete键将其删除。再利用“线条工具”绘制竖线连接鼻子和嘴。利用“铅笔工具”绘制熊猫的毛发。最后单击工具面板中的“颜料桶工具”，设置填充颜色为黑色。在需要填充黑色的区域填充。再分别将熊猫的脸、眼球和嘴填充为白色和红色。单击工具面板中的“刷子工具”，设置填充色为棕色，绘制土地的效果。再使用“刷子工具”分别绘制深色的土块和绿色的小竹苗。（4）制作第二帧画面：在右下方图层1第2 帧的位置右击，在弹出的快捷菜单中选择“插入关键帧”命令。使用“矩形工具”，设置笔触颜色为“黑色”，填充颜色为“绿色”，绘制3个纵向排列的矩形。单击“选择工具” 将鼠标指向矩形边线，当鼠标变成↖状态时向里拖动矩形边线。然后使用个“刷子工具”绘制竹叶。（5）调整动画时间：执行“控制”→“测试影片”→“在Flash Professional中”命令，此时弹出测试影片的窗口，观看动画效果，可以看到动画播放频率过快，然后关闭窗口，在第1帧上右击，在弹出的快捷菜单中选择“插入帧”命令，同样在第2 帧上插入帧，使动画时间延长。再测试影片效果。（6）保存文件：执行“文件”→“保存”命令，在弹出的对话框中选择保存的位置，将文件命名为“熊猫的梦”，单击“保存”。4.操作练习（10分钟）

让学生动手来试一试动画制作，遇到问题向老师或同学求助。5.作品展示与评价（10分钟）

请学生推荐其中比较好的作品来进行展示，并让制作者大概讲解自己的设置。然后让老师学生进行评价，最后老师做出总结：通过这节课的学习，同学们初步了解Flash制作动画，并能够制作简单的动画，这节课的重点难点都是帧的插入，所以同学们下课之后要多做练习。6.探究活动（5分钟）

课堂内容完成以后，向学生提问一些制作动画过程中的一些快捷键的使用，动画的制作过程中需要经常测试影片，影片测试除了在“控制” →“影片测试”中测试还有什么方法来进行测试。让学生来探究，然后说出自己的答案：通过使用快捷键Ctrl+Enter，还有插入帧的快捷键F5，撤销命令快捷键Ctrl+Z。

若时间有余，可以向学生讲述一些课外知识，进行视野拓展，中国动画片的发展，自1926中国的第一部动画片问世开始，中国动画发展迅速，1955年中国第一部彩色动画片《乌鸦为什么是黑》在国际获奖，后来又陆续有《三个和尚》，《葫芦兄弟》等获奖。【教学反思】

制作简单的Flash动画对于学生来说不是很难，通过一节课的学习，几乎全部学生都实现了学习目标，都能亲手制作简单的动画，这不仅让学生增加了信心，有了成就感，更大大提高了学生的学习兴趣。探究活动的开展让课堂气氛更活跃，还开扩了学生的思维，让他们更具探索精神和交流能力。对于学生在课堂提出的问题若不能解决，在课后要想出解决方法，让学生得到更全面的知识。

第四篇：初识Flash教学设计

《初识Flash》教学设计

教材版本：人教版小学信息技术四年级下册 教学内容分析：

信息技术飞速发展，Flash软件更新也较快，因此，在教学中我选用Flash CS6作为教学用的软件。

Flash是一款优秀的动画软件，要学会使用，不是一朝一夕的事，本节课主要讲解Flash动画的几种常见的类型，包括逐帧动画、遮罩动画、补间动画（补间形状、补间运动、传统补间）、引导动画和语言控制，其中语言控制的难度较大，在这节课不作过多讲解。学情分析：

小学阶段对电脑接触得还比较少，尤其是农村里的孩子，有些学生可能基础还不足，也有可能第一次接触Flash，要学习Flash这款软件的使用还比较难，因此这节课的内容我尽量做到简化、通俗易懂，有些概念可能不是非常严谨，因为过于严谨学生可能听不懂，只要求学生大致有个认识。教学目标：

1、通过老师的讲解和演示，让学生对Flash动画有初步的认识。

2、激发学生对Flash和计算机的兴趣。知识结构设计：

（当鼠标移动到其中一个类型中，在下方即会出现相关知识，点击可进入其中的一个示例。补间动画和语言控制点击没有示例。）教学过程设计：

一、导入新课

展示一个比较优秀的Flash动画，激发学生兴趣。

二、展示《认识Flash》课件

简单介绍课件，这个课件就是用Flash做成的，片头主要用到补间形状和遮罩层。

三、开始进入知识结构页面

1、鼠标移动到“逐帧动画”上，讲解“在时间轴上逐帧绘制画面内容称为逐帧动画。”然后点击进入示例。

2、遮罩动画就像一张纸挖一个洞，透过洞可以看见后面的内容，“洞”和“内容”都是可以移动的。点击进入示例。

3、补间动画可分为：补间形状、补间运动和传统补间运动。

4、补间形状：改变基本图形的形状或颜色，并创建中间过渡而实现的动画。点击进入示例。

5、补间运动：改变实例的位置、大小等并创建过渡而实现的动画。可以改变路径创建曲线运动。点击进入示例。

6、传统补间运动只能创建直线运动。点击进入示例。（此时，学生可能会提问：

1、什么是补间？

2、补间运动和传统补间运动有什么区别？回答：

1、补间即中间过渡。

2、区别不仅仅是上面一点，传统补间头尾都有关键帧，而自CS4之后的补间运动在后面是没有关键帧的，并且可以看到和更改运动路径。）

7、引导动画：让对象沿着一条路径运动。点击进入示例。

8、语言控制：通过编写程序语言来控制动画的播放。因为难度较大，这里不作讲解。

9、结束课件。

四、老师操作演示动画制作过程。

结合逐帧动画、补间形状、补间运动、遮罩动画和引导动画，制作一个综合实例，最后加上一个播放和停止按钮控制。课堂小结：

Flash是一个功能强大的动画软件，其应用领域也很广泛，如果你有一些计算机基础，可以试着做一些简单的动画，如果还不会，没关系，先稳固一些基础再学也不迟。

饶斌

第五篇：FLASH动画教学设计

篇一：《制作flash动画》教学设计

《制作flash动画》教学设计 [教材分析] [教学目标分析] 1．知识目标

⑴启动并认识flash8的操作界面；

⑵初步理解动画制作中的基本概念,并尝试制作简单的flash动画。2．能力目标

⑴学会使用flash工具箱绘制动画的基本元素；

⑵培养学生自主探索、团队合作的意识。3．情感目标

⑴让学生通过欣赏优秀作品，激发良好的创作欲望和学生学习计算机的浓厚兴趣； ⑵通过对动画结构及层次的分析，培养学生从整体到局部，再到整体的系统认识事物的习惯和能力。[教学重难点分析] 重点：动画角色移动的制作方法。

难点：界面的理解与认识；对帧的初步理解。[教学方法分析] 任务驱动教学法：上课之前先让学生知道本节课的知识任务是制作一个小球从高处落下，着地后再反弹回去的flash动画。

演示法：给学生演示本节课的知识要点。[学生分析] 本节课的学习对象是初二学生，这些学生一般都接触过网络，对flash动画不是很陌生，但是对这些动画是如何制作出来的有很大的神秘感，所以学习起来会有很大的兴趣。另外我校学生在小学阶段的学习中已经掌握了画图软件的使用方法，所以在学习flash图形绘制工具的时候不用讲得太多，学生就可以初步掌握这些软件的使用方法。[教学设计思路] 本教学设计是以制作模拟游戏“打地鼠”和制作模拟运动“撞球”flash动画作为任务，让学生体验flash动画制作的一般步骤，初步理解flash动画制作中的一些基本概念，学会创建和调用图形元件，尝试制作简单的补间动画。通过对制作过程的了解，让学生消除动画制作的神秘感，激发学生学习flash动画制作的求知欲。[教学过程]

一、导入

欣赏两段经典flash动画：⑴简单爱mv⑵小小系列武打动画。[设计意图]第一段动画让学生欣赏丰富多彩的动画画面，让学生体会动画所带来的乐趣，激发他们的创作欲望，第二段动画则点燃学生创作的热情，调动他们的兴趣。

二、新授

⑴启动flash8软件。

在学习flash软件之前介绍什么是动画，并说明动画的基本单位是“帧”，而不是人们常用的“分”、“秒”等。⑵介绍flash界面

通过角色类比导出元件、库、场景、时间轴等概念。1.时间轴

包括“时间线”和“图层控制区”两部分。“时间线”可以显示动画中各帧的排列顺序。此对象好比是电影拍摄中所使用的剧本，“帧”则就可以看作是各个分镜头。2.舞台

此对象好比电影中的舞台一样，在“舞台”外面的内容是无法看到的，所以在制作动画过程中把握好对象的进出。3．工具栏

和我们之前学过的画图板有很多类似的地方，主要是用来绘制和修改动画中的对象。4．其它工具面板

这些对象就像我们拍电影时的美工一样，对动画过程中的对象进行修饰与美化。(表1)[设计意图]简单介绍“帧”的概念，让学生初步的了解，由于学生第一次接触flash，不讲述太多的理论内容，所以简单地交代一下界面。类比生活中的概念，有助于学生接受flash软件中遇到的概念，便于更深入的学习。

⑶动画的制作过程

师:语文课上我们写记叙文六要素是什么? 生:时间、地点、人物、事情的起因经过结果。

师:其实flash动画和它很类似,下面我们就一起来学习简单动画的制作方法。步骤： 1．选择“插入”菜单下新建元件->绘制小球并设置相关属性；

2．回到“主场景”打开“库”面板，将库中小球元件拖入主场景中第一帧； 3．在时间轴30帧即停止帧处插入“关键帧”；

4．将当前帧中将小球元件移动到场景右侧目标位置； 5．在时间轴第1帧处创建补间动画； 6．最后测试动画。

[设计意图]通过与语文中记叙文类比进行引导,拓展学生的想象空间,同时也有助于学生理解动画制作过程的概念。

⑷布置任务

基础任务：制作一个小球，要求小球从舞台左侧移动到屏幕右侧。

提高任务：制作一个小球，要求小球从舞台左侧移动到右侧，然后反弹回左侧。[设计意图]以学生为中心，分层教学，对于基础差的学生只要求完成“基础任务”，基础较好的同学可以在完成“基础任务”的基础上继续完成“提高任务”，加强学生对场景、时间轴、帧、关键帧的印象。

⑸总结学生在制作动画过程遇见的问题（见课件）。

⑹思考：如果移动的元件是一个人，结果会是怎样？

补充任务:1.制作一轮缓缓移动的明月。

2．制作两片移动的云彩相向而动，形成薄云绕明月的怡人景象。3.根据所学知识自行设计一个动画。

[设计意图]让学生自主探索学习flash动画，开发他们的想象力与创造力，拓展学生的知识面。

⑺自由练习。

⑻展示学生作品。

[设计意图]给学生展示一部分优秀的作品，可以让大家体会到自己完成一个动画作品的成就感，也容易使学生有激情进一步学习动画，从而创作出更多的作品。篇二：flash简单动画制作教案 flash简单动画制作教案

陈英

一、教学目标：

了解计算机动画制作原理和方法，掌握几种简单动画的制作

二、教学对象： 09级学生

三、本此课程主要内容

1、flash工作界面及基本操作及概念简要介绍

2、实例讲解

四、教学重点：

1、计算机动画的分类；关键帧、空白关键帧的概念；

2、简单对象的移动、变形动画的制作方法

五、教学难点：

引导层的制作

六、教学手段：

演示讲授法，边演示边操作，学生同步跟随学习。

七、教学方法：

实例讲解法。即通过一个flash实例，讲解其所涉及到的概念与基本技术，激励学生学习的兴趣。

八、教学主要内容讲解：

（一）、导入：

首先播放一段flash动画，该动画包含了本节课所要学习的主要操作内容——对象的移动及变形；引导学生了解flash动画，并激发其学习flash动画制作的激情。

（二）、基本概念讲解：

1、元件：一个位图、矢量图形、音乐片断或是一段独立的flash动画（好比是演员），通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因为可以在重复使用，减小了flash的体积便于传输，也减小了flash制作者的工作量。元件都被放置在库中，使用时只用将其拖放到场景中即可，在场景中只能对其位置和形状进行编辑，如果要对元件进行编辑，需要切换到元件编辑状态。元件分为：图形元件、按钮元件和电影剪辑元件。元件中图形就是指动态或者静态的图片元件，电影剪辑是flash小片段，按钮就是具有一定图形功能的按钮图形了。

库：存放动画元件的地方（好比是一场戏的后台）

2、场景：动画的表现场所（好比是舞台）

3、时间轴：动画制作的最重要的区域，是编辑动画的工作台，是加工动画的流水线，包括了层编辑区、帧编辑区和时间线。（好比是剧本）

我们要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。

4、帧：就是时间轴上的小格子，一帧其实就是一幅图，是构成动画的基本单位。可分为关键帧、空白关键帧和过渡帧。

5、关键帧：是动画演示的基础，可以放入各种对象~声音、图片、按钮、视频等等，所有这些都只能放置到关键帧上，如果没有关键帧,就没有动画。两个关键帧之间可以做补间动画，这样两个关键帧就可以确定物体移动的两个关键点。关键帧用含有实心圆圈的方格表示。

6、空白关键帧：这个关键帧在场景上什么都没有（不包括声音和代码），用含有空心圆圈的方格表示；如果加入对象后自动变为关键帧。

两个关键帧之间带粉红色有长线箭头标志的帧：渐变动画~也叫补间动画，能让一个物体在这段帧之间作出来，渐变移动的效果(可以改变透明度等等)。

两个关键帧之间带绿色有长线箭头标志的帧：形变动画~第一帧的动画到最后一帧的时候可以变化出另外一种图形、形状。

（三）、基本操作讲解

1、移动动画的制作

“插入”菜单栏à“新建元件”à设置名称”c1”,行为”图形”，点“确定”à点“工具”面板里的“椭圆工具”à设置“椭圆工具”的相关属性（包括笔触颜色、粗细、样式及填充颜色）à绘制椭圆（如果要绘制圆，请按住“shift”）à点击“场景1”，回到场景里à点击“窗口”菜单栏，选择“库”（可看到“库”窗口被打开，刚才建立的c1元件在库里）à点击“时间轴”里的第1帧，把“库”里的c1拖到场景的左边à点击“时间轴”里的第20帧，点击右键，选择“插入关键帧”（可在时间轴上看到第20帧处有“·”）à把刚才的对象从左边拖到右边à在时间轴第20帧以前的任意一帧点击左键，在属性面板里的“补间”后的下拉列表里选择“动作”，即可看到从第1帧到第20帧的时间轴背景为粉红色并有一条带箭头的实线à回车，欣赏刚才制作好的动画。

2、关键帧动画：先行设计出若干关键性动作的图像画面，然后利用计算机图形技术的算法来自动生成两个关键帧之间的一系列过渡画面。flash动画主要就是运用关键帧动画技术，比如我们刚才的这个“移动动画”的制作。

3、运动路径动画：首先确定运动对象的移动轨迹，并设定在移动过程中对象需要改变的旋转方向、色彩及形状等参数，软化将整个运动过程交给计算机来完成。

4、变形动画：适合模拟形状变化频繁的任务、动物和自然现象，主要用于表现模拟自然或生活中实际的动作，或科幻电影中虚幻、夸张的动作（如电影《功夫》、《少林足球》等里面的夸张动作）。

5、物理模型动画：基于物理模型技术的三维动画制作，需要从外形、颜色、灯光、纹理、材质等多方面模拟真实物理的各种物理属性（如cctv6里《光影周刊》的虚拟主持人小龙）。

6、逐帧动画：通过一帧帧地绘制，并按先后顺序排列在时间轴上通过顺序播放达到的动画效果。

说明：

学生根据老师刚才的演示，自行练习移动动画的制作（3-5分钟）。

学生记住flash原始文件和flash影片的扩展名（分别为fla和swf）。

（四）、实例讲解——flash引导线制作雪花飘飘动画

1、新建一个flash影片。设背景为“黑色”，其他的用默认值。

2、按ctrl+f8新建一个组件，类型为“影片剪辑”，命名为“雪花”。在它的正中用“铅笔”工具画一个不规则的多边形，然后用“颜料桶工具”将它填上白色。（如图1-1所示）

3、再用ctrl+f8建一个组件，类型为“影片剪辑”，命名为“前层”。

4、将组件“雪花”拖到其中，用“选定工具”中的“比例”功能把它缩小（小技巧：先用“放大镜”将它放大，然后再用“比例”功能，可缩得更小）。在第80帧上“插入关键帧”，在“图层1”上用鼠标右键的“添加引导线”功能（见图1-2）。

在新增加的“引导线：图层1”的第1帧上，从“雪花”开始，画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键，选“创见动画动作”功能，见图1-3。

5、第4步是制作一片雪花，下雪不是只下一片的吧。插入图层，将第4步重复做10次。做好后的效果见图1-4。

6、把第3至5步重复做两次，不同之处是组件的命名分别为“中层”和“后层”。“雪花”的大小和“引导线”的路径不要一样。这是为了多做几个图层，看起来效果细腻一点。

按ctrl+enter就可以看到效果了。篇三：flash动画制作教案 信息技术兴趣小组活动教案

王德 亿利东方学校

第一周 flash的基本知识

教学目标：

1、熟悉flash的界面。

2、掌握几个基本工具的使用：选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。

3、掌握几个基本术语：图层、元件

4、记住几个快捷键

5、完成四幅绘制图案 教学重点： 应用工具画图 教学难点： 复杂遮照的创建。教学过程：

一、界面环境介绍

二、工具箱的介绍

工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏：“工具”栏、“查看”栏、“颜色”栏和“选项”栏，单击某个工具的按钮，即可激活相应的操作功能，以后把这一操作叫作使用某个工具。（1）“工具”栏：工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。（2）“查看”栏：工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。（3）“颜色”栏：工具箱之“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。

（笔触颜色）按钮：用于给线着色，也叫作描绘颜色。（填充色）按钮：用于给填充着色。

（从左到右分别是：黑白、没有颜色和交换颜色）按钮：单击“黑白”按钮，可使笔触颜色和填充色恢复到默认状态（笔触颜色为黑色，填充色为白色）。在选择了椭圆或矩形工具后，“没有颜色”按钮才有效，变为，单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮，可以使笔触颜色与填充色互换。（4）“选项”栏：工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时，通常应当在选中绘图或编辑工具后，再对其属性和功能进行设置，才能顺利达到预期的效果。

三、动手用一下工具

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

2、渐变工具的使用：几个关键概念

颜色调板填充变形工具的使用

3、用椭圆画个画环 操作步骤：

1、用填充色画圆，并设置笔触的粗细。

2、设置边线的填充色为“七彩色”。

3、将该线形圆环转换成填充色：修改－－形状－－将线条为填充。

4、使用“墨水瓶”工具给圆环加边线。效果如右：

4、用多边形工具画太阳 操作步骤：

1、用多边星形工具制作太阳的外围，作以下设置：（1）将矩形工具转换成多角星形工具

（2）设置多角星形的“属性”中的“选项”

（3）设置“样式”为星形，输入星形数，及星形顶点大小（顶点越小，星形越尖）

2、设置填充色为放射性，无边线

3、开始画星形。

4、创建一个同心的圆为太阳的脸。

5、使用直线工具画眼、嘴。（注意：用选择工具调整其曲线度，利用变形工具作旋转）

四、课堂习题：自创月亮

五、课后作业

1、书本p34页的实例6：茶杯。

第二周 各类特效文字的制作

教学进度：正常 教学目标：

1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具、滤镜的使用。

4、掌握位图的导入及矢量图的转换。

教学重点：

1、掌握空心文字、投影文字、点框文字、彩虹文字、金属文字、雪花文字的制作

教学难点： 复杂遮照的创建。教学过程：

一、点框文字 制作步骤：

1、用文字工具输入文字

2、将文字使用“分离”或按下（ctrl+b）组合键

3、再将每个分离的文字使用“分离”，即直到文字被选中时呈现点型。

4、使用“墨水瓶”工具，设置线型为“点型”，设置线的颜色（注意务必使用与文字颜色不同的一种颜色），用鼠标单击文字

5、所有文字的边线勾勒完毕后，用选取工具选取文字内心，并删除。

二、彩虹文字 制作步骤：

1、用文字工具输入文字

2、将文字使用“分离”，（分离二次）

3、选择填充颜色，再用颜料筒单击文字即可

三、彩图文字 图片下载 制作步骤：

1、用文字工具输入文字

2、将文字使用“分离”

3、选择填充类型为“图片”，图片填充有二类

4、再用墨水瓶工具勾勒边缘

5、将边缘线条转化为填充

6、“修改”－－“形状”－－“柔化填充边缘”

四、雪花文字

五、补充知识：倒影字的制作

六、课后作业：制作一个图案文字

小技巧：ctrl+v与ctrl+shift+v的区别：后者是复制时保持前后位置都一样。

第三周 直线运动和变形运动

教学目标：

1、要求学生掌握直线运动和变形运动的补间。

2、掌握直线运动的特点：元件与普通形状对象都可以制作直线运动。

3、掌握变形运动的特点：普通形状对象可以变形。

4、掌握影片元件的制作方法。

教学重点： 运动补间的设置；影片元件的创建。> 教学难点： 关键帧／普通帧的区别； 教学过程：

一、导入：动画制作的关键要素

1、帧——是进行flash动画制作的最基本的单位，每一个精彩的flash动画都是由很多个精心雕琢的帧构成的，在时间轴上的每一帧都可以包含需要显示的所有内容，包括图形、声音、各种素材和其他多种对象。

2、关键帧——顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进行编辑的帧。

3、空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。

4、普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。

5、以上四种帧的区别

① 关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格 ② 同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作；如果插入普通帧，是延续前一个关键帧上的内容，不可对其进行编辑操作；插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加 新的实例对象。

③ 关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能。

6、应用中需注意的问题

① 应尽可能的节约关键帧的使用，以减小动画文件的体积；

② 尽量避免在同一帧处过多的使用关键帧，以减小动画运行的负担，使画面播放流畅。

二、基本动画

1、变形动画：要求参与动画的对象必须是形状，不得使用元件。

例如：以下动画中a－－＞b－－＞c之间、五角星——>十角形即为形状变形。操作步骤： ①设置背景色

②插入第一关键帧，并绘制一个五角形。

③在第30帧上插入空白关键帧，并绘制一个十角星形。

④利用时间轴上的“编辑多帧”工具，对齐第一、二关键帧的各自五个角。⑤在第一关键帧上设定五个“形状提示点”，修改－－形状－－添加形状提示点。⑥在第二关键帧上设定各提示点的对应终点位置。⑦对第一关键帧设定“形状”动画补间。思考：

2、直线运动动画：任何对象都可以设置直线动画，只需二个关键帧 例如：素材下载

3、渐变运动动画

① 淡入、淡出动画：使用实例才能完成此项动画，一般通过调整关键帧的透明度来设置场景中的各实例的出现方式。

一般淡入淡出式动画是用二个关键帧完成，第一关键帧为全透明（100%）或部分透明，第二关键帧透明度为0。

②闪烁动画：一般用三个关键帧完成，即从淡入到淡出的过程，即全透明－－不透明－－全透明的设置过程。

例如：以下例子中星星，就是用影片元件来完成的。

4、旋转动画：一般旋转度数在360度以上，则采用实例，即旋转的对象必须是通过元件调入的。而旋转度小于360度，则旋转对象可以是形状。动画设定只需二个关键帧。

例如：拖影文字(课后完成)操作步骤：

①建立文字元件,拖到舞台

②创建第一图层，设定第一、二关键帧（同帧），并设制“动画”补间，旋转为1次。

②创建第二图层，此层为阴影层，复制第一层的关键帧,用方向箭头控制。③创建第三至第九图层，这些层均为拖影层，每层之间涉后二帧。与第一图层相比，这些层均要逐渐调整透明度。

三、总结巩固：

1、图形元件的制作

2、图形元件的应用： ①实例：元件调入到场景后，就叫实例，实例可以取名，以后便于以后写代码（编程）时调用。②对元件的编辑： ③对实例的编辑：与元件编辑最大区别在于对元件本身不修改，主要的编辑方法有改变色调、透明度等。