小学信息技术flashmx教案

1、教学目的：第 1 课初 识 flashmx1、熟识 flash 的工作环境，能够设置舞台大小，背景颜色，动画播放速度；2、设置工具栏；3、熟识画图工具的用法及各工具的参数；能够用画图工具作图；4、能够选择、复制、删除舞台上的图形对象；5、熟识编辑颜色的方法；教学内容：通过讲解实例达到以上教学目的；教学重点：学习画图工具的用法及各工具的参数，编辑颜色的方法教学过程：一、工作环境介绍：进入 flash 就会看到如上图所示的画面（数字除外），让我来说说每一块的功能；1：这是画图工具栏，下面会渐渐讲每个按钮的功能；2：这是工作区，就是舞台；全部的图形、文字都必需放到舞台上才能播放出来；以后我们的工作就

2、会在这里开展；3：这就是所谓的timeline，我们可以在这里掌握动画的帧数及每帧的成效； 4：这是层 layer操作区，与photoshop的类似；5：toolbar 快捷工具栏，进行如打开、储存之类的操作；6：书签区用来选择编辑哪个场景scene哪个符号 symbol；上图就是层区（红色框框住部分）和timeline（时间线）区；一个层layer对应一个-1-timeline；层区上从左到右分别是：图标； layer 1 表示层名称（双击可修改） ；铅笔表示正在编辑当前层；眼睛表示显示 /隐匿；锁是是否禁止操作该层，方块是显示轮廓 /全部显示；点击三个小圆点可对应转变层的状态；timeli

3、ne 区每一小格表示一帧；其上的数字标尺便利查看帧数；上图是 timeline 区下的图标，左起五个按钮分别表示：置帧中心、洋葱皮按钮、洋葱皮边框按钮、多帧编辑、洋葱皮设置功能；第一个数字表示当前编辑第几帧，其次个数字表示每秒播放多少帧，第三个数字表示该动画共播放多少时间；上图是书签区，左面的scene1 表示当前编辑的场景，右面的两个按钮从左到右分别是选择编辑场景 scene、选择编辑符号 symbol；二、修改背景按下 ctrl+m ，弹出上图对话框；修改电影属性；1、frame rate播放速率：左图现在是12 帧每秒（ fps）2、dimensions 舞台大小：红色框框住部分，也是常

4、常改动的参数；左图现在是550 x400长x宽3、grid 网格线大小：左图现在是18 像素；勾选 “ show grid项”就在工作环境显示网格线，也可以用 “ctrl+shift+alt+g 显”示/取消网格线；4、background 舞台背景色：绿色框框住部分；点击色块就可修改背景色；三、画图工具-2-左图就是实际大小的画图工具栏，留意用红色圈出的部分，对于不同的按钮，其内容也不同（我们会在以后的课程中具体介绍）；下面我们逐一介绍每个按钮的功能；选择工具，用来选择对象；套索工具，和photoshop类似； 画线工具，画直线；写字工具，用来写上各种矢量字体；画圆工具，画圆和椭圆；矩形工具

5、，画各种矩形； 画笔工具，画曲线和折线；画刷工具，和photoshop的 brush 类似；墨水瓶，为实心图形的边界上色；填充工具，用当前色填充实心图形；吸管，不用多说，选择当前颜色； 橡皮擦，擦除画错的图形；移动工具，用来移动工作区；放大镜，放大缩小画面；下面是部分工具的应用示例；四、编辑颜色1、单击颜色按钮，调出调色板，单击蓝色框框住的调剂器色板按钮，打开颜色对话框；-3-编辑颜色的步骤：1、单击 “ new”，新建颜色；2、单击颜色指示器 蓝色框框住部分 ，单击右边颜色区选择颜色；3、假如渐变的颜色不够，可以把红色框框住的颜色指示器拖放到两个蓝色框中间来增加；4、单击 “ change，

6、”完成修改过程；单击右上角的“ x”下面是一个编辑颜色的例子：1.选择填充模式为linear2.在第一个颜色标记上按下鼠标左键，不要松开上又多了一个标记3.把这个颜色标记始终拖到滑条的中心才松开左键，看，滑条4.点选中间的颜色标记，在右边的颜色区选择颜色，或直接在r，g，b 框中输入数值；-4-5. 分别把两边的颜色标记选中，修改颜色；6. 按下 new按钮把做好的颜色加入调色板， 并使其成为当前作图色调好颜色后就可以给色块上色了；使用颜料桶在色块中间点击；颜料桶点击点就是渐变色的中心点；转变渐变色的方向、中心点的方法：选择颜料桶工具，点击右下角转变颜色方向按钮，点击用渐变色填充的图形，显现的

7、各个掌握点含义如下：放射性填充色：移动中间的圆点转变中心；在线上的三个点掌握方向；线性填充色：移动中间的圆点转变中心；在线上的三个点掌握方向；作业布置：1、记忆以下常用快捷键-5-ctrl+shift+alt+g为工作区加上格子，便利定位ctrl+m 修改当前编辑的电影的属性ctrl+alt+g使鼠标只能在格子线上移动ctrl+b打散图象（文字）ctrl+enter播放（预览）动画ctrl+l读出符号库2、制作以下图案： 素材下载教学目的：第 2 课时间线的应用通过制作二个实例，让同学把握利用时间线来创建元件的运动轨迹；教学内容：如何制作太阳和月亮的图形；如何导入图像； 如何使用魔术棒工具，

8、如何创建引导层；如何在引导层上创建多条运动路径；教学重点：如何创建引导层教学过程：一、制作一个日出日落月出月落的动画；制作步骤：1、导入背景；2、利用魔术棒工具将山和其它背景图案分别；并将山剪切到一个新层上；要求山所在层在背景层的上方；3、让背景层连续显现时间为105 帧，就可在背景层上的第105 帧位置插入一般帧；4、对背景层设置明暗交替；5、对“山”层也设置明暗交替；步骤类同第4 步；6、在山和背景层之间新建一层，在此层上制作太阳和月亮；并将它们分别转化为元件；7、在选中太阳和月亮层的基础上新建引导线层；在引导线层上绘制引导线；-6-8、在太阳层上设置关键帧，在第一关键帧上（第1 帧）将太

9、阳元件放置在引导线的一端，让元件的中心和引导线重合；在其次关键帧上（第50 帧）将太阳元件放置在引导线的另一端；9、制作月亮的动画类似第8 步；10、导入动画；储存动画源文件；二、时间线应用，制作小球的抛物线运动；关键步骤说明：1、方台在最底层，且是独立的一层；2、小球在制过程中留意做出立体感；由于小球是个运动的物体，故它必需是独立的一层，不得与方台做在同一层上；3、小球层上可以制引导线层；引导线层主要掌握小球从方台边缘滚下的过程；而小球在方台上的滚动就可用二点间的移动来完成，并且让小球边移动边滚动；（留意：小球必需是元件）；以下为主要操作步骤的图示；小球第 1 关键帧的参数，这一步可让小球实

10、现滚动的过程；此图为小球沿着引导线落地的过程，留意观看元件中心和引导线的重合；从洋葱成效看小球滚落的速度是不匀称的，故可在弧线引导线的中间再设定一个移动关键帧；图中垂直的引导线是用来引导小球作反弹运动的；但在设定关键时必需留意基反弹过程应当是由快到慢，再由慢到快；下图是小球的关键图；作业布置：做 以 上 二个例子；并做练习：-7-教学目的：第 3 课利用钢笔工具制作立体字把握制作立体字的方法教学内容：各个常用线条工具的使用；教学重点：立体文字的制作；教学过程：制作以下一幅倒影立体字：主要步骤：1）选择菜单file>new，建立一个新文件；2）选择工具栏中的文字工具，并设置字体类型为ari

11、alblack ，字体大小设置成100， 在工作区中点击鼠标，然后在显现的黑框中输入文字“at”；3）选择菜单modify>break apart，将文字打碎，选择工具栏中的墨水瓶工具，依次点击文字边缘，这时文字边缘显现边框；单击 dele将文字中间的填充部分删除，只留下文字边框；4）用箭头工具将文字边框全部选中，按下键盘上的alt键；用鼠标向右上方拖动文字边框，复制出新的文字；-8-5）删除不行见的边线，按下按钮，并用直线工具绘制出文字“ tv”的框架图形；6）选择工具栏中的油漆桶工具，并将填充颜色设置成由蓝色到蓝百色到蓝色的直线渐变，如下列图；其中蓝色的rgb值为（ 68，149，2

12、47），蓝白色的rgb值为（ 185， 215，251）；设置完毕，分别在文字的正面点击鼠标；填充后的成效如下列图按下油漆桶参数栏中的按钮，调整填充的直线渐变的角度；如下列图7）将油漆桶工具参数栏中填充颜色设置成由深蓝色到浅蓝色再到深蓝色的直线渐变，其中深蓝色的rgb值为“（ 9，87， 166），浅蓝色的rgb值为（ 49， 146， 242），设置完毕，用鼠标点击文字的顶面；-9-8）将油漆桶工具参数栏中填充颜色设置成由暗蓝色到深蓝色再到暗蓝色的直线渐变，其中暗蓝色的rgb值为“（ 4，40，74），深蓝色的rgb值为（ 18，86，199），设置完毕，用鼠标点击文字的侧面；9）按住 sh

13、ift键，依次选中文字的边框并删除；10）将上述对象转换成元件；11）下面制作立体文字的倒影；新建元件“mirror”，进入编辑模式；从图符资料库中拉 入图符“ tv ”，并将它打碎；按住shift键，依次选中文字的正面，然后选择菜单修改>转换>垂直翻转；将选中文字正面翻转；如下列图12）用同样的方法制作倒影立体文字如下列图；-10-13）点击等时线窗口的场景按钮，切换到场景1，新增一图层layer2 ，并拖动其至图层 layer1 的下方；14）从图符资料库中拉入元件“mirror”，并调整其位置如下列图；15）用鼠标单击图符“mirror”，在成效对话框中设置alpha 值为

14、30；即可见倒影成效；作业布置：制作成效图教学目的：第 4 课对象的操作懂得 flash中“对象”的概念；把握位图到矢量图的方法；把握对象缩放、旋转、倾斜等变形手段；把握对象的排列方法；教学内容：对象缩放、旋转、倾斜、变形教学重点：如何在动画过程设置各种变形关键帧；教学过程：-11-作为一个功能强大的矢量图动画制作工具，flash能够创作出眩目的动画成效，不过在正式的动画编辑之前需要对单一的图形元素进行编辑处理；本章我们将更深一步地把学 习对对象的编辑处理；箭头工具1 使用箭头的单击功能，可对矢量图的色块或线条进行选择；双击可选取整个圆形；2 选择箭头工具，用鼠标在工作区中拖曳出一个矩形；假如

15、拖曳的虚框只框住对象的一部分，就依据对象性质的不同会有不同的结果：* 在选取的对象为非矢量图时，会选择整个对象；* 在选取对象为矢量图形时，选择的为实际框住的区域；* 当选取对象为字符对象、 符号外部引用对象或已经群组的矢量对象时，假如选框未将其全部掩盖就不被选取；套索工具 :套索工具主要用于选择不规章区域中的对象或对象中的不规章部分；提示：多边形模式： 两个单击点之间为直线连接，最终通过鼠标的双击完成选取操作；魔棒工具：在用魔棒模式对位图进行操作之前需对位图进行modify>=break apart处理；在完成对一个区域的选择之后，通过对其他区域的单击将使更多的色块加入到选择队列中；魔

16、棒主要用于位图中色块的选取；只要在图形中单击鼠标左键，与单击部位颜色相像的部分将被选取；缩放、旋转和倾斜 :缩放:在属性栏中选择缩放按钮；被选择对象四周显现八个掌握手柄；拉动掌握柄，可完 成对象的拉伸和缩放；亦可windows菜单，指向inspect子菜单项择transform 命令，在transform 面板中相应栏中输入数值可以同时旋转和缩放对象；-12-旋转和倾斜 :1. 单击按钮；被选择对象四周显现八个圆形掌握手柄；2. 用鼠标拖动四角上的掌握柄，可以旋转对象； 打开 modify 菜单指向 transform子菜单，选择 scale and rotate命令，在 rotate 栏中输

17、入旋转角度，按ok按钮完成操作；3. 用鼠标拖动边框中间任一掌握柄，使对象产生倾斜； 打开 modify 菜单指向inspect 子菜单，选择transform命令，在 h 和 v 输入框中输入该对象在水平和垂直方向上的倾斜 移动量；移动变形中心点：选取一个对象，打开modify 菜单指向transform 子菜单，选择editcenter 命令，此时编辑对象中心显现一个十字标记；可用鼠标拖动中心十字到目标位置；矢量图形边缘柔和：选取矢量色块；打开modify 菜单，指向 curves 子菜单，选择softenedges 命令，弹出 soften edges面板；在 soften edges面

18、板中进行设置；单击ok按钮完成操作；组合及解散对象：-13-选择多个对象；打开modify 菜单项择 group 命令，所选多个对象将被组合在一起；打开 modify 菜单，选择 break apart命令；可使一般对象变成矢量图形，进行一些原来不行进行的操作，例如变形操作等；锁定编辑对象：当工作区上存在多个对象时，操作对象的相互干扰会使编辑工作变得困难；我们可以通过锁定对象来防止误操作的产生；选择要锁定的对象；打开 modify 菜单, 指向 arrange 子菜单项择lock 命令，完成锁定操作；打开 modify 菜单, 指向 arrange 子菜单项择unlock all命令，全部对象

19、将解除锁定；【教学目标】第 5 课绘制美丽的背景1、让同学把握矩形工具、颜料桶工具、铅笔工具及画笔工具的基本操作；2、让同学把握“填充”面板的设置及基本操作；3、培育同学良好的审美乐趣和操作习惯；【教学重点】颜料桶工具、转换填充工具、画笔工具（画笔大小、画笔外形）的设置及基本操作；【教学难点】“填充”面板的设置及基本操作；【教学方法】讲解法、演示法、练习法【教学预备】1、网络状况良好；2、制作 1 2 个美丽的动画背景范例；【教学过程】一、组织教学 略二、新课1、矩形工具师：请同学们看书第1 步，自学如何利用矩形工具绘制一个美丽的矩形背景；看谁做-14-得又对又快且又美丽；生：示范并用连贯的语

20、言讲解其操作过程；2、“填充”面板的设置；师：师示范“填充”面板的调用及基本设置，完成第2 步；生：小组内争论完成；生练习 3、颜色的填充及渐变方向的转变师：颜色设置好之后，如何运用，使得我们的背景更加美丽呢？提出问题 生：运用颜料桶工具进行填充，运用转换填充工具转变渐变方向；让同学自学教材第3、第 4 操作两步；并让能娴熟操作的同学到老师机示范其操作；（解决问题）4、重复第14 步，在绘图区下方再画一个长方形，并进行渐变填充；（进一步熟识前面的操作）5、铅笔工具的使用师：前边学习了矩形工具、填充工具，铅笔工具的应用更简洁，与它们有着类似的方法；留意：线条的起点和终点都要在这两个长方形的交叉点

21、上，使得内部成为一个封闭的图形，然后把这个封闭的图形填充上绿色； （师示范）生：练习操作6、画笔工具的应用师：给天空加上两朵白云，会让背景更加美丽，怎么完成呢？（提出问题）应用画笔工具，应留意选择画笔的大小和外形；生：操作练习这样，一幅美丽的背景图就基本完成了，同学们仍可以在此基础上，依据美术课上学到的学问，去进一步美化自己的作品；7、作品的储存：留意储存的位置和文件名；（师演示）8、展现作品，师点评，小组内评，同学相互评；三、总结今日的内容特别丰富，同学们能很好地的达到这一节课的学习目的，为同学们以后的学习打下了很好的基础， 为以后的动画制作了一幅美丽的背景，请同学们储存自己的作品；下节课我

22、们将进一步巩固这节课的学习内容，那就要看看谁的更美丽，更特殊了；同学们可以摸索怎样利用前面所学的学问来做出和别人不一样的背景呢？四、下课请同学们整理好座位，排好队，下课；美丽背景附板书：画笔工具铅笔工具-15-颜色的填充及渐变“填充”面板的设置教学目的：第 6 课飘动的图片1、要求同学把握外部文件的导入；2、明白图层的重叠产生的成效是怎样的；3、初步把握“动画旋转方式”的设置；教学重点： 外部文件的导入以及“动画旋转方式”的设置教学难点： 图层重叠的成效教学内容： 一、组织教学在 flashmx中，图片也可以制作动画，恰当的图片动画，会给你的动画增加很多愤怒；同学们，在前面学习“飘舞的文字”基

23、础上，今日我们将和同学们一道来学习“飘动的图片”；二、新授第一步：启动软件，导入文件；启动 flashmx 后，单击“文件”“导入” ，在“导入”对话框中选择图片所在的文件夹后，在文件类型中选择“全部文件” ，选择图片“背景” ，单击“打开”按钮；将文件导入到 flashmx 的库中；其次步：设置动画长度在第 90 帧处单击右键，单“插入帧” ，使动画的长度为90 帧；此步也可跳过，在待其它动画制作完成之后，再回来做这一步；也就是先不设置动画长度；第三步：新建图层，导入文件并设置动画；新建图层 2，选择图层2 的第 1 帧，导入素材中名为“进入学校”的图片，用箭头工具将图片移动绘图区的适当位置

24、；在图层 2 的第 1 帧处单击右键，单击“创建动画动作”，在图层 2 的第 30 帧处插入关键帧，将图片移到绘图区另一个适当位置；在图层 2 的第 90 帧处，按住鼠标左键，将其拖到第30 帧，将图层2 中 30 帧以后的全部帧全部删除；（假如前面未完成第2 步，就此操作可跳过）第 4 步：新建图层，连续完善动画；新建图层 3，在第 20 帧处插入关键帧，导入图片“科技活动”，在 2050 帧处建立和图层 2 中一样的动画；新建图层4，在第 40 帧处插入关键帧，导入图片“时装表演”，在4070 帧处“创建动画动作” ；第 5 步：新建图层5，在第 60 帧处插入关键帧，导入图片“舞蹈表演”

25、，将图片移动到绘图区左下角；在第90 帧处插入关键帧，将图片移到右上角外；第 6 步：单击选中图层5 的 60 90 帧，在“帧”面析中选择补间动画方式为“移动”，设置旋转方式为“顺时针” ，次数为2；这样，飘动的图片就作好了；-16-教学目的：第 7 课转动的时钟1、把握对象的“群组” ；2、把握对象的旋转设置；教学重点：对象的旋转设置教学内容： 一、组织教学日月如梭，时间飞速消逝；转瞬进入了2006 年，时间无处不在，时钟与时间紧密相连；同学们，一圈一圈转动的时钟，记载着我们成长的历程与欢乐；这一课，我们就一起来制作转动的时钟；二、新授第 1 步：绘制钟面；第 2 步：设置动画长度为60

26、帧；在第60 帧处单击鼠标右键，单击“插入帧”，使动画的长度为60 帧；第 3 步：新建图层，制作时针转动动画；新建图层2，选择图层2 的 第 1帧，在钟面上画一根时针； （时针外形自己打算）第 4 步：单击图层2 的第 1 针，将刚才画的时针选中，单击“修改” “群组”，或 ctrl+g快捷键，将所画的时针建立为一个群组；第 5 步：在图层2 的第 1 帧上单击右键，并“创建动画动作”；第 6 步：在图层2 的第 1 帧上单击左键，将时针选中，单击“修改” “转换”“编辑中心” ，将时针的中心点移动到钟面的中心位置；第 7 步：在图层2 的第 60 帧处插入关键帧，单击旋转按钮，将时针转动一

27、个刻度；第8 步：新建图层制作分针转动动画；新建图层3，选择图层3 的第1帧，在钟面上画出一根比时针略长的分针；-17-第 9 步：在图层3 的第 1 帧上单击右键， 将刚才画的分针选中，单击“修改”“群组”，或ctrl+g快捷键，将所画的分针建立为一个群组；再在图层 3 的第 1 帧上单击右键，单击“创建动画动作”，并将分针的中心点移动到钟面的中心位置；第 10 步：在图层3 的第 60 帧处插入关键帧，将图层3 选中，在“帧”面板中设置旋转方向中顺时针，将数为1；技巧提示： 群组在动画制作中会常常用到，将图形建立为群组，可以防止图形被错误地修改；可以将一个或几个图形选中后建立为一个群组；群

28、组建立后，按快捷键ctrl+shift+g也可以取消群组；作业：时钟表盘上有时针和分针，指示时间从6： 00 变化到 9： 00；第 8 课跳动的小球教学目的：1、把握什么叫引导线？2、把握引导线图层的插入及设置；3、区分引导线图层和一般图层；教学重点：1、引导线图层及其设置；2、关于引导线图层和一般图层；-18-教学难点：引导线图层中引导线起点、终点；教学内容：一、组织教学在运算机上画一个小球，再让小球沿着任意一条线进行运动；前面学过 “冉冉升起的太阳”一课，升起过程是把动画分为三个点，即在时间面板上分为三个关键帧；让小球跟着线条运动，有一个起点和一个终点，那么，在时间面板上就只有两个关键帧

29、；动画观赏：冉冉升起的太阳、跳动的小球、星球运动；二、新授第 1 步：启动flashmx，在绘图区任意位置画一个小球；（椭圆工具、球状颜色）第 2 步：群组小球，创建动画动作及设置动画长度；单击图层 1 的第 1 帧，利用“箭头工具”将小球选中，按 ctrl+g 快捷键或“修改群组” ，将所画的小球建立为一个群组；在图层 1 的第 1 帧单击右键，选择“创建动画动作”，即将补间动画设置为“移动”；然后在图层1 的第 60 帧插入关键帧；第3 步：添加引导线；单击“添加引导线图层”按钮，建立一个引导线图层，单击引导线图层的第1 帧，选择“铅笔工具” ，在选项中选择“平滑” ，在绘图区中画出小球跳

30、动的路线；第 4 步：单击图层1 的第 1 帧，将小球选中，单击“箭头工具” ，将小球移动到引导线的开头处；在移动时，留意将球心的圆圈对准引导线的起点位置；第 5 步：选择图层1 的第 60 帧，将小球移动到引导线的终止处；在移动-19-时，留意将球心的圆圈对准引导线的终点位置；在移动时，留意将球心的圆圈对准引导线的起点、终点位置是这个动画胜利与否的关键；第 6 步：按回车键看一看动画；第 7 步：设置动画运动速度； 单击图层1，在帧面板中设置扩大值为-100（负值）；这样，小球运动时就会先慢后快；假如将帧面板中设置扩大值为100（正值），小球运动时就会先快后慢； 第 8 步：储存文件，测试动

31、画成效；作业：1、将冉冉升起的太阳一课动画改一改，让冉冉升起的太阳按一条弧形引导线运动；2、制作星球运动的动画； （动画中至少要有3 个星球）第 9 课时隐时现的彩虹教学目的：1、把握素材的导入；2、把握元件的转换；3、把握透亮度的设置；4、进一步培育同学审美乐趣；教学重点：1、外部素材的导入；2、对元件透亮度的设置；-20-教学难点： 元件透亮度的设置教法： 多媒体演示教学学法指导： 小组合作探究课前预备： 相关图片素材教学内容：一、组织教学在我们的大自然中，特殊是夏天雨后天晴时，不时会看到美丽、神奇的七彩虹； 彩虹在天空中停留的时间是短暂的，但我们可以通过flash ，让美丽的彩虹情形再现

32、；二、新授（一）原理分析（二）操作演示第 1 步：启动flash ，导入背景图片；选定图层1 的第 1 帧，从素材库中导入一幅蓝天白云的背景图片；（ f盘“第四册教材素材”中查找）第2 步：设置动画长度；在图层1 的第60 帧处插入关键帧，设定动画的长度为60 帧；第 3 步：新建图层2，单击图层2的第 1 帧，导入图片“彩虹”，在“导入设置”对话框上，单击“确定”按钮；第4 步：将彩虹移动到屏幕上方适当位置；第 5 步：选择图层2 的 第 1帧，单击“插入”“转换成元件”或按f8 键；在“元件属性”对话框中单击“确定”按钮；第 6 步：在图层2 的第 1 帧单击右键，选择“创建动画动作”；第

33、 7 步：右键单击图层2的第 60 帧，插入关键帧；第 8 步：成效设置；单击-21-图层 2 的第 1 帧，单击“窗口”“面板”“成效”；在成效列表中选择“ alpha ”，将“ alpha ”的值设置为0%；第 9 步：分别在图层2 的第15 帧、第30 帧、第45 帧处插入关键帧，同时将其“ alpha ”值分别设为 100%、17%、100%；在第 60 帧处，将“成效”置为 0%；中的“ alpha ”的值设第 10 步：动画测试；（三）同学练习， 教师巡察指导；时隐时现，闪耀的星星的动画；第 10 课文字也变化教学目的：（四）作品评判（五）作业：利用“alpha ”值变化做一个1、

34、把握在flash中文字的输入及基本设置（文字大小、字体、颜色）；2、把握组件的分解；3、把握插入空白关键帧；教学重点： 外形动画的设置教学难点： 空白关键帧填充对象教学内容：-22-一、组织教学在前面的学习中，我们曾学习过“千变万化的五角星”一课，回忆这一课的内容，就是图形的变化，也就是“由一个图形变换为另外一个图形”的动画；在前面我们仍学习过“飘舞的文字”一课，就是让文字进行移动；在flash中，文字除了可以做移动的动画外，仍可以做变形的动画；也就是“文字图形”变换的动画；二、新授第 1 步：启动flashmx ，选定图层1的第 1 帧，在绘图区中输入文字“移民学校”，在“字符”面板中，设置

35、该文字的字体、大小、颜色；第 2 步：单击图层1 的第 1 帧，单击“修改”“分解组件” ；第 3 步：单击图层1 的第 1 帧，在帧面板中设置补间动画方式为“外形”；第 4 步：在图层 1 的第 30 帧处单击右键， 选择“插入空白关键帧”；第 5 步：在图层1 的第 30 帧处画一个三角形，填充为红色；第6步：在图层1的第40帧处插入关键帧，在图层1 的 第 60 帧处插入空白关键帧；-23-第 7 步：单击图层1 的第 1 帧，单击“编辑”“拷贝” ；单击图层1 的第 60 帧；单击“编辑”“粘贴到当前位置”；这样把第1 帧中“移民学校”四个字复制到了第60帧处；第 8 步：敲回车键，或

36、单击“掌握”“测试影片”看一看动画成效；第 9 步：储存文件； 单击“文件” “储存”；留意储存到自己的文件夹，以及文件名；三、同学练习，老师巡察指导；四、作品展现；通过小组内选择，师生共同评判的方式进行；五、作业：在flash中输入“自强不息”四个字，将文字执行“分解组件”操作，然后分别为每个字填充不同的颜色，做一个文字变色的动画；-24-第 11 课遮罩层应用水波荡漾教学目标1通过实例教学使同学懂得flash 中遮罩的含义及原理；2通过实例教学使同学学会遮罩图层的建立和遮罩成效的实现方法；3使同学学会在排序面板中对对象进行排序；4通过整个教学过程，培育同学的自学才能与小组合作、创新精神；教

37、学内容1 flash中遮罩动画成效；2 flash中遮罩动画的原理；3遮罩层的定义；4遮罩动画的实现过程；教 学 重 点 及 难 点 1遮罩原理；2遮罩动画的制作步骤；教学方法利用多媒体课件教学； 以实例演示为设计思想；通过实例教学，使同学把握设计方法；教学过程一、教学引入：展现制作作品的素材及动画作品：水波荡漾, 水中游鱼；激发同学学习兴趣；素材如下：-25-动画演示：预备工作：将素材通过ftp形式在老师机上共享，同学各自下载素材和老 师做好和动画源码文件；二、教学过程：（ 1）新建一个 flash8 影片文档，保持文档属性默认设置；（ 2）将素材图片导入到图层，图层命名为海洋, 并在第帧

38、, 在帧处插入帧；再将图层的帧动画制一份到图层图层命名为海洋并将图形稍向下移动一下，构造成水中波动位移；（3）执行【插入】 | 【新建元件】 命令，或者按快捷键ctrl+f8 ，弹出【创建新元件】对话框，在【名称】文本框中输入元件名称为“波纹”，选择【类 型】为【图形】，单击“确定”按钮进入元件的编辑场景；（）绘制波纹状图形：-26-（）新建一个名称为“波纹”的图层；将“波纹”元件从“库”中拖放到舞台上；（）分别在第帧、第帧处插入关键帧，并设置动作补间运动；在第20帧处，将“波纹”元件向下方向略加移动；制作完毕“波纹”将会作从上向下的运动；（）在“波纹”的图层上单击右键选择“遮罩层”, 波纹图

39、形产生将其下的海洋图层遮罩；（）在库中将素材鱼复制作一份并将其打散（ctrl+b,将鱼的图形用 钢笔选择并删除其外部留下鱼的外形；（）将上所做的图形按f8转换为图形元件游鱼； 新建一个图层取名游鱼，将元件游鱼置于其上，在- 帧上创建动画动作；（）发布观看成效；三、同学上机实践，老师指导；在同学上机实践过程中，创建水波图形元件、摆放错位的底图及设置遮罩层是动画制作中的重点和难点；-27-四提出问题： 在刚才的动画中， 假如转变两层的次序，再利用“遮罩”成效，制作出的动画会有什么转变？五：教学小结：讲解过程要重点让同学懂得静态图片作为被蒙层，运动图形作为蒙板遮罩层；正确认别关联图层间的位置关系，具

40、备修改关联图层的遮罩属性的方法与技能；遮罩的原理：遮罩是需要通过两层实现的，上一层叫遮罩层，下一层叫被遮罩层；遮罩结果显示的是二层的叠加部分，上一层打算看到的外形，下一层打算看到的内容；我们通常也把遮罩层叫做“透通区”，即透过上一层看下一层的内容；遮罩显示结果的颜色由被遮罩层的颜色打算，即可通过辩别颜色的来源来确定哪一层为被遮罩层；-28-第12课flash制作探照灯成效【教学目的】：随着同学对运算机的接触逐步增多，对运算机的熟识也越来越深刻，加上多媒体运算机的普及、网络的不断进展，致使同学对运算机应用的各个方面都产生肯定的爱好；因此期望能够让同学初步接触如何使用flash ，不仅能够让同学把

41、握肯定软件使用的才能，而且可以让同学熟识到网络上流行的动画的制作原理，进而增加对运算机极其运算机网络的爱好；【教学重点】：（ 1）明白 flash 的制作原理；（ 2）明白帧、关键帧和层和的概念；（ 3）把握探照灯成效的原理和制作方法；【教学难点】：帧、关键帧和层的概念，遮罩特效的运用【教学方法】：老师讲解、实例分析、嬉戏、操作【教学工具】：三张可以叠加成为一幅画的投影片，一张有镂空圆的a4纸，一张写上文字的a4纸，多媒体教室【教学过程】： 引入：（ 1分钟）在上课之前，我第一想问一下同学们，你们喜爱看动画片吗？例如最近上映的海底总动员，又或者是日本动画片宠物小精灵？在看的同时，你们有没有摸索

42、过一个问题，就是到底动画片是怎样制作出来的呢？绽开：一、flash 动画的制作原理：（5分钟）其实在早期的动画制作中，是由一些漫画家把一张张的图片画出来，然-29-后以很快的速度播放出来，给人一种连续不断的感觉；这就叫做人的视觉暂留原理；我们先看一个小试验；第一我们看到的是一幅幅的图片，现在我们以很快的速度连续播放，大家是不是看到图片的小和尚似乎在运动呢？（同步 ppt 展现：先将图片一张张的播放出来，然后用page down连续的把它播放出来；）这种原理就是人的视觉暂留原理，而flash 也是利用了这种原理把动画制作出来的；而 flash 的可爱之处就在于它并不需要我们把一个物体的运动全过程

43、都画出来，我们只要把运动的初状态和末状态画出来，运算机就会自动生 成运动的整个过程的画面；（嬉戏）现在我们来玩一个小嬉戏，我现在就请 一个同学上来，当我喊开头的时候，就请你开头始终向前走，当听到我说停 的时候，你就停下来；下面的同学请看清晰他的动作了；现在开头：开头， 停；二、帧、关键帧和层的概念：（5分钟）大家刚才看清晰这位同学的动作了吗？在flash 动画中，我们只要把这位同学在我刚才喊“开头”和“停”这两个时刻时的动作画出来，flash 就会把这位同学从讲台这边走到那边的整个过程自动运算出来；而这两个时刻我们称它为帧；帧其实就是一个时间单位，就像分或者秒一样，不过它是一个比分和秒更小的时

44、间单位；刚才这位同学在走的过程中，就经过很多帧，一般我们可以把帧设置为12帧每秒；而我刚才喊“开头”和“停”这两个时刻我们就称它为“关键帧”；关键帧顾名思义就是一个很重要的帧；当一个物体需要随着时间的移动而存在，又或者它的运动状态需要发生转变的时候，我们就需要插入关键帧；例如刚才这位同学从这边走到那边的时候，他的运动状态发生了转变，所以-30-我们就把他的初状态和末状态这两个时刻称之为关键帧；大家明白了吗？现在我提一个问题：要是一个运动物体要从a点运动到 b点，然后再从 b点到c点，接着从 c点到d点，最终再返回a点；在这整个过程当中有几个关键帧呢？（板书： ,）好，现在就让我们一起来分析一下

45、；第一我们从a运动到 b点，这里就有两个关键帧，从 b点到c点由于物体的运动状态发生转变，所以在c点的位置我们再插入一个关键帧；同理，我们在d点也要插入一个关键帧；而由于我们刚才已经说过帧是一个时间的单位，我们大家都知道时间是线性的，时间并不可能回头，所以物体在d点到a点的时候，虽然物体是复原了原先的运动状态，但是这是 a点已经从初状态变成为现在的末状态了，所以最终我们仍是要在最终a点的位置上插入一个关键帧；（嬉戏）明白了帧的概念以后，现在我再请多一位同学上来连续玩刚才的那个嬉戏；当我第一次说“开头”的时候，请第一位同学开头向前走，喊 其次次“开头”的时候，其次个同学开头向前走；同样在我第一次

46、叫“停” 的时候第一个同学就停下来，其次次喊“停”的时候，其次个同学就停下来；下面的同学同时也请看清晰他们的动作；你们预备好了吗？“开头”、“开 始”，“停”、“停”；大家刚才可以看到，这两个同学开头运动的时间是不一样的，停止的时 间也是不一样的；要是我们要在flash 里面制作两个以上的运动物体的时候应当怎么办呢？这时候我们就要运用到图层了；其实层就像透亮的投影片一样（展现投影片）；例如我现在在这投影片上画上了树干，要是我仍想在树干上面加上一些叶子，那么，我们就可以新建一个层在其次个层上面设计，要是我们觉得仍是不够的话，仍可以连续建-31-多一个层，加上其他的东西；这样层层的叠加就构成了一个

47、flash 的作品；建立多个层的好处就是当我们修改其中一个图层的时候，并不会对其它层造成影响，削减犯错误的机会；三、探照灯的原理：（3分钟）学习了帧和层的概念以后，我们现在正式开头学习flash 的特例探照灯成效；等一下我们讲完以后我会请同学上来操作一下；大家先看一下这个探照灯的成效（ppt 展现）；看完以后大家能不能告知我这个特效是怎样做出来的呢？当中运用了几个层？其实我们只需要用到两 个层就可以了；而探照灯成效的制作方法就是先在一个图层上面写上我们要 作为背景的文字，就像这张纸一样，我们把它作为第一层（展现实例）；制 作完成以后，我们就在这一层上面再加上一个图层；刚才我不是说过图层是 透亮

48、的吗？所以当我们新建一个图层以后，在第一层上面我们是完全看不出其次层的存在的； 要做出一个探照灯的成效，就要用到 flash 里面一个“遮罩”的特效；我们只要把其次层设计为遮罩层以后，其次层就会把第一层遮盖起来；就像这个样子（实例展现）；这时候同学们会发觉，要是其次层把第一 层遮罩起来的话，那么第一层不就什么都看不见了吗？对了，把它设计为遮 罩层以后，第一层是完全被遮盖起来的；所以我们要在把它设计为遮罩层之 前先在其次层上设计一些图案，可以是圆形、矩形又或者其它图形或文字， 当我们在遮罩层上面设计了图案上去以后, 系统就会自动把其次层里面的图案或文字镂空；譬如我在其次层上画了一个圆，就会变成这

49、样（实例展现）；这样子，只要我们把这个圆形设计为不断的移动，探照灯成效就出来了；好，现在我们就在运算机上面具体操作一下；四、具体操作（边操作，边讲解）（20分钟）-32-1、面板介绍打开flash 以后，我们可以看到flash 的界面；第一在左边的是工具面板，我们常用的就有“箭头工具”，它是用来选定、移动物体的；仍有下面的“文 本工具”，是用来输入文字的；“文本工具”下面仍有一个“椭圆工具”和 “矩形工具”；顾名思义，“椭圆工具”是用来画圆形的；要是我们想画一个正圆形，这里有一个小窍门，只要我们按住“shift”键，然后移动鼠标就可以画出一个正圆了，这时候要是我们想移动这个圆，我们可以选用“移

50、动工具”选中这个圆，然后直接拖动鼠标移动这个圆，这时候我们会发觉移动后的圆形在原先的位置上仍有一个圆形的边线；其实这个“椭圆工具”在画圆的同时也会把边线都画出来的，我们可以分别对圆的边线和填充色进行设计，所以同学们在设计的时候要留意一下边线和填充色的奇妙运用；同理，“矩形工具”是用来画矩形的，只要我们按住“shift”键，也可以画出一个正方形；在“工具面板”的右边我们可以看到“时间轴”面板；在“时间轴”面 板我们第一可以看到图层的名称图层1，我们双击它，就可以转变图层的名称；图层名称旁边这个铅笔外形的图案就代表着我们当前正在编辑的图层；我们在这个图层上面可以看到一个眼睛和琐的图案；我们只要单击“眼睛” 这个图案的正下方的这个白色圆点，我们就会观察这个白点上显现了一个红 色的斜线，而且图层1上面的内容全部都不见了，要是我们在单击他一下，里面的内容就会再次显现出来；这是由于这个是“显示/ 隐匿图层”按纽，单击它就可以隐匿或者显示所在的图层，这样子就可以便利我们对其它图层的修改；而它旁边的是锁定按纽，它是用来锁定图层的；图层被锁定以