【文档说明】2.1.3-4《Flash动画中的基本概念》PPT课件-八年级上册信息技术【重大版】.ppt，共(27)页，1.333 MB，由小喜鸽上传

转载请保留链接：https://www.ichengzhen.cn/view-94288.html

以下为本文档部分文字说明：

任务一：逐帧动画模块五基本动画复习引入基本绘图工具的使用帧的知识及常用快捷键三种元件的特点请同学们回顾前四章学习的知识点：复习引入基本绘图工具的使用归纳：选择工具可以对图形对象选择、移动、切割、弯曲变形；任意变形工具可以对图形

、填充色进行调整；文本工具可以创建静态文本、动态文本；线条、矩形、铅笔、笔刷工具可以绘制图形；墨水瓶可以描边，颜料桶可以填充图形。还有对齐面板、变形面板、颜色面板、信息面板、属性面板对图形对象进行编辑。请同学们回顾基本绘图工具箱的知

识点？分小组讨论后回答复习引入帧的知识及常用快捷键F8：转换元件Ctrl+F8：新建元件Ctrl+L:打开库Ctrl+B：分离图形F5:复制前面的帧,插入普通帧F6:复制前面的帧,插入关键帧F7:复制前面的帧,插入空白关

键帧Enter：测试场景Ctrl+Enter：测试影片Ctrl+Alt+C:复制帧Ctrl+Alt+v:粘贴帧Ctrl+Alt+X:剪切帧Ctrl+shift+v:粘贴到当前位置Ctrl+“+”组合键：放大Ctrl

+“-”组合键：缩小请同学们回顾帧的知识和常用快捷键？分小组讨论后回答归纳：复习引入三种元件的特点元件分为：图形、影片剪辑、按钮元件三种类型。图形元件和影片剪辑元件都有单独的时间轴，请同学们回答它们的区别？按钮元件内部有几帧

，分别是哪些？分组讨论后回答归纳：图形元件的时间轴和主时间轴同步运行，主时间轴结束了，动画也结束；影片剪辑完全独立于主时间轴，如果主时间的轴时间结束了，影片剪辑动画还可继续播放；按钮元件有四帧，为弹起、指针经过、按下、点击四

种状态帧。学习目标动画的原理三个逐帧动画的练习通过本课的学习，您将掌握以下知识：动画的类型动画的原理它是根据视觉暂留原理制成的。物体在快速运动时,人眼所看到的影像消失后，人眼仍能继续保留其影像0.1-0.4秒左右的图像。演示实验1动画的原理电影

、电视的原理和动画的原理是一样的，电影、电视是以每秒30幅的速度播放，而Flash默认的播放速度是以每秒12帧画面显示，动画的本质就是一幅一幅静止的图像进行连续的播放。演示实验2动画的类型高级动画交互动画逐帧动画运动补间动画形状补间动

画引导层动画遮罩层动画基本动画动画分为基本动画和高级动画补间动画逐帧动画逐帧动画也叫“关键帧动画”是一帧一帧绘制动画，然后顺序播放每帧上的内容。每一个关键帧对着一幅画面笔的旋转请同学们来做一个活动，大家用右手的食指和大拇指把

笔头横起拿着，做一个逆时针旋转到90°的动作，转了15度就停顿一次，总共要停顿6次，加上开头停顿那一次，总共就停了7次，这7次就是我们的关键帧。课堂活动——笔的旋转请同学们思考如可利用逐帧动画来实现这个笔旋转90°的效果呢？小组讨论后回答归

纳：用7个关键帧第1个关键帧：铅笔水平横放第2个关键帧：铅笔在旋转15°的位置处第3个关键帧：铅笔在旋转30°的位置处第4个关键帧：铅笔在旋转45°的位置处第5个关键帧：铅笔在旋转60°的位置处第6个关键帧

：铅笔在旋转75°的位置处第7个关键帧：铅笔在旋转90°的位置处笔的旋转请同学们根据刚才的分析，做这个笔旋转的逐帧动画。操作提示：1.新建一个300×300像素的蓝色且帧频为6ftp/s的文档。2.导入“素材\第五章基本动画\课时一逐帧动画\铅笔”到舞台中，在第2帧插入关键帧，把铅笔的中

心点拖到笔头处，进行旋转15°，效果如图。课堂练习——笔的旋转笔的旋转3.依此类推，分别插入关键帧，进行对应的旋转，效果如图。旋转75°旋转45°旋转60°旋转30°旋转90°笔的旋转4.ctrl+Enter测试影片，动画就按每一帧静止的铅笔画面进行循环的播放，效果如图。川剧变脸课堂练习——川剧变

脸请同学们观察如何用左边的脸谱制作右边的效果图？思考讨论后回答川剧变脸归纳：我们可以创建一个影片剪辑元件，然后在影片剪辑里做川剧变脸的逐帧动画，每一帧放一个脸谱请同学们根据刚才的分析，导入素材后，做这个川

剧变脸的逐帧动画。操作提示：1.新建一个200×200像素的黑色文档。2.新建一个影片剪辑元件，导入“模块五基本动画\任务一逐帧动画\脸谱1~脸谱~8”的图片到库中，把脸谱1从库中拖到影片剪辑的舞台中，并设置脸谱的xy坐标都为0，效果如图。川剧变脸3

.在第5帧按F7（插入空白关键帧）后，把脸谱2拖到舞台中，并设置xy的坐标都为0，效果如图。4.在第10帧按F7（插入空白关键帧）后，把脸谱3拖到舞台中，并设置xy的坐标都为0，效果如图。川剧变脸5.以此类推，每空5帧就插入一个空白关键帧，再从库中拖图片到舞台，然后把xy的坐标都设置为0，效

果如图。第15帧第25帧第20帧第35帧第30帧川剧变脸6.按ctrl+Enter测试影片，可以看到每个脸谱有停顿4帧再进行变化到下一个脸谱，因为两个关键帧之间有普通帧，普通帧是延长前面一个关键帧的内容35帧到40帧都是显示该脸谱跳动的字课堂练习——跳到的字请同学们思考如何用逐帧

动画制作文字的跳动效果呢？该动画需要几层呢？其层的顺序？每一层放什么呢？小组讨论后回答跳动的字归纳：该动画要2层，第1层是灰色的“跳”字在抖动，每一帧上字的位置坐标、大小、透明度在变化，第2层是白色的字和圆环，是静止的。请同学们根据刚才的讨论和提示，做这个跳动的文字效

果。操作提示：1.新建一个300×300像素的黑色背景文档。2.新建一个图形元件，在元件里面输入“跳”字，效果如图。跳动的字3.把“跳”字图形元件拖到舞台上，把透明度改为38%，且水平居中对齐，效果如图。4.在第2帧插入关键帧，透明度改为27%,x坐标向左移动4个像素，y坐标向上

移动1个像素，在旋转3°，效果如图。跳动的字5.依次类推，先插入关键帧，再改变透明度、位置坐标、旋转角度，要注意这些变化在属性面板、变形面板里对参数进行设置，比较精确。第3帧第10帧第6帧第5帧第4帧第9帧第8帧第7帧跳动的字3到10帧的效果第3帧：透明度38%，

y坐标向上移动3像素第4帧：透明度50%，x坐标向右移动14像素第5帧：透明度38%，x坐标向左移动4像素，y坐标向上移动10像素，逆时针旋转4°第6帧：透明度38%，y坐标向上移动6像素顺时针旋转9°第7帧：透明度32%，x坐标向右移动4像素第8

帧：透明度36%，x坐标向左移动4像素逆时针旋转6°第9帧：透明度38%，x坐标向右移动6像素顺时针旋转6°第10帧：透明度54%，x坐标向右移动4像素逆时针旋转4°注意：x、y坐标、透明度、旋转角度的改变可以自己设置，但参数要调小些跳动的字6.做好逐帧

动画后，锁住图层1，再新建一个图层2，画一个白色的圆环，效果如图。7.从库中拖“跳”字元件到舞台，在第10帧按F5，效果如图。课堂小结回顾了绘图工具、快捷键、元件的知识逐帧动画的概念及三个逐帧动画练习动画的原理及类型课后作业复习三个逐帧动画练习动画的原理是什么呢？什么是逐帧动画？完成字

的抖动的强化练习完成文字逐渐出现的强化练习字的抖动文字逐渐出现