FLASH教案第1课时完整版.doc

第一单元 我的第一个动画 本单元目录 任务一、古韵折扇 任务二、骏马奔驰 任务一、古韵折扇 本任务实现的是小桥流水效果，该效果主要是运用了遮罩动画来实现水波效果，这里介绍了两种方法，都是将两张同样的图片在位置上产生略微的偏差，然后给上面的图片做遮罩而完成 掌握遮罩动画的制作原理 制作过程中两种方法的异同 【任务目标】 通过制作打开的扇子,学习逐帧动画的创建，了解flash动画的产生原理。 【任务重点】 掌握矩形工具、选择工具、任意变形工具的使用及简单逐帧动画的创建。 【任务难点】 把要展示的图形按先后顺序依次排列在时间轴的关键帧上，当我们按一定的帧频播放影片时，就产生了简单的逐帧动画。 【新课讲授】 1．创建影片文档 启动flash程序，选择“创建新项目”中的“flash文档”项。执行菜单“修改”→“文档”命令打开“文档属性”对话框。在该对话框内设置文档的相关属性。 2．绘制扇片 （1）单击工具箱的“矩形”工具 ，然后在“颜色”选项内设置其笔触颜色为无，填充色为放射状渐变。 （2）按快捷键shift+F9打开“混色器”面板，将左侧色标设为浅紫色，右侧色标设为深紫色。按住鼠标拖动，在舞台中心位置绘制一个长条状矩形。 （3）单击选择工具，将鼠标移至矩形的上边线，当鼠标右下角出现一小段圆弧时，按住左键向上拖动，会在矩形顶端产生弧状。同样，在矩形没有选中的状态下，将鼠标移至矩形右下角，当鼠标旁边出现垂直线时，直接向左侧拖动，使其变尖。 3. 调整素材大小和位置 (1)选择“视图”→“标尺”命令显示标尺。从左侧的标尺上按住鼠标拖动，可拖出一条垂直的辅助线。把该辅助线定位在舞台中心位置。 (2)选择任意变形工具 ,将扇片缩小,并把它向左旋转,然后将它放到舞台的中心位置。 4. 创建扇子展开的逐帧动画 (1)选择第二帧，单击右键，从弹出的快捷菜单中选择“插入关键帧”命令(等效的快捷键为F6)。 (2)选中第二帧上的扇片，并把它的中心点移到扇片与中心线相交处，然后执行“编辑”→“复制”命令或按快捷键Ctrl+C复制该扇片，接着执行“编辑”→“粘贴到当前位置”命令或按快捷键Ctrl+Shift+V将它在原位置粘贴。接着将粘贴的这块扇片向右旋转。 (3)选择第三帧，按F6插入关键帧，再次执行Ctrl+Shift+V（一次复制可以多次粘贴）。当然，粘贴的对象依然是第一帧的图形。同样将其向右旋转。 (4)接下来，就按顺序在后面的帧上插入关键帧，然后Ctrl+Shift+V原位置粘贴，旋转到适当位置。 (5)选择该层的第40帧，单击右键，在弹出的快捷菜单中选择“插入帧”命令，等效的快捷键是F5。 5. 设置标题文字 (1)单击“插入图层”按钮 ，在刚才的图层之上建立一个新图层，双击图层名，将该图层改名为“文字”。选择第20帧，按F6插入关键帧。 （2）单击工具箱的“文本工具” ，在“属性”面板中设置文本类型为“静态文本”；字体为“华文行楷”；字体大小为38；文本方向为“水平”；颜色为深紫色。设置好的属性面板。 （3）在舞台直接单击，出现文本框和一个闪烁的光标，在文本框中输入“古”字，再次单击，输入第二个字“韵”。用任意变形工具调整这两个字的位置和方向，把它们分别放到扇子的左侧和右侧。 6.测试存盘 执行“控制”→“测试影片”命令或按快捷键Ctrl+Enter，那么动画就会在一个新窗口中播放了。执行“文件”→“保存”命令，将文件保存。 【举一反三】 1.倒计时逐帧动画 2. 跳动的色彩 任务二、骏马奔驰 【任务目标】 利用导入外部的gif来制作逐帧动画。 【任务重点】 掌握如何导入外部素材，以及利用绘图纸功能观察和编辑多个帧。 【任务难点】 绘图纸功能对于制作逐帧动画是非常有用的。 【新课讲授】 1．创建影片文档 新建flash文档。执行菜单“修改”→“文档”命令打开“文档属性”对话框，设置宽为“400px”,高为“260px”，背景色为白色，帧频为18fps。 2． 创建背景层 选择第一帧，执行“文件”→“导入”→“导入到舞台”命令，弹出导入对话框，将素材库中名为“草原.jpg”的图片导入到场景中。将该图层重新命名为“背景”。选中该图片，打开属性面板，在属性面板中将该图片的宽和高分别设为400、260，X坐标和Y坐标都设为0，0。使其尺寸和位置与舞台完全重合。 3． 导入gif动画 单击插入图层按钮 ，插入图层2。将图层2重命名为“马”。选择该层第一帧，执行“文件”→“导入” →“导入到舞台”命令，将素材库中的“奔跑的骏马.gif”导入。此时，Flash会自动把gif中的图片序列以逐帧形式导入舞台的左上角。选择“背景”层的第24帧， 按F5键，使