Flash动画制作教案_第1页
Flash动画制作教案_第2页
Flash动画制作教案_第3页
Flash动画制作教案_第4页
Flash动画制作教案_第5页
免费预览已结束,剩余49页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、Flash动画制作课程教案任课教师:朱雁峰第1周Flash概述课程内容模块1初识Flash教案序号1教学时间第1周计划课时2课时+实训2课时教学 三维 目标知识与技 能1、熟悉Flash cs4 的界囿。2、熟悉FLASH勺工作环境,3、熟悉Flash动画的制作原理过程与方 法确定课程目标、讲述学习内容、教给学习方法。情感态度 价值观培养他们对于本课程以及本专业的热爱;教材 分析教学重点培养他们对于本课程以及本专业的热爱;了解什么是flash ,熟悉flash工作界面。教学难点掌握动画原理以及Flash动画的制作原理。教学方法讲授演示法,任务驱动学习法和协作学习法教具 与 设备多媒体机房、投影

2、仪、电子教学平台、视频演示教程、 案例源文件、素材、ppt等。板书 设计模块1初识Flash一、Flash课程介绍1.1 初识 Flash1.2 Flash应用领域1.3 Flash动画原理1.4 Flash 工作环境例1:使用工具制作一个“笑脸”或“哭脸”例2:小球的直线运动。1.5 动画的保存与发布:1.6 设置工作参数教学过程备注导入:教师给学生演示经典动画和教材中部分的案例动画由此引入课题。首先向学生作讲述新课(讲授法、PPT演示)自我介绍,然一、Flash课程介绍后介绍 Flash1、课程性质2、课程目标和课程内容课程性质、目3、考核方法标、考核方法平时成绩 20%+作业成绩10%+

3、实训成绩20%+期末测试50%4、学习方法以及学习方(1)小组学习法(2)任务驱动法1A o(3)互帮互补法结合生活,提(4)课堂勤记笔记、勤操作(5)课外勤练习、勤看书示学生从生1.1 初识 Flash1 .什么是Flash活,学习,娱2. Flash的历史与发展乐的二个方卸3. Flash的特点1.2 Flash应用领域罗列flash的1.3 Flash动画原理1 .动画原理应用2 . Flash动画制作原理1.4 Flash 工作环境讲述层的概述1、舞台 就是工作区,最主要的可编辑区域。在这里可以直接绘图,或者导入外时,可结合前部图形文件进行安排编辑,再把各个独立的帧合成在一起,以生成电

4、影作品。2、时间轴窗口 用它可以调整电影的播放速度,并把小同的图形作品放在小同图期学习过的层的相应帧里,以安排电影内容播放的顺序。3、绘图工具栏 放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,Photoshop 中选取,喷涂,修改以及编排文字,还有些工具可以改变查看工作区的方式。在选层的概念,这择J某一工具时,具所对应的修改器(Modfier)也会在工具条卜卸的位置出现,修改器的作用是改变相应工具对图形处理的效果。4、标准工具栏 列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,样学生头脑中修改器以及控制舞台放大比例的图标和选项,便于进行更为快捷的操作。就后J印象。5、图库窗口

5、 用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics),按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。6、控制器面板 控制电影的播放操作的工具集合, 一般不大常用,处于隐藏状态。例1:使用工具制作一个“笑脸”或“哭脸”思考:如何让“哭脸”变成“笑脸”?引入层的概念,将“嘴”放在新建的图层上引入简单动画制作步骤:a、绘制动作的开始状态与结束状态,即绘制两个关键帧,并注意两个关键 帧在时间线上的位置。b、选择所有帧,创建动画。例2:小球的直线运动。步骤1 :在舞台上画出小球。步骤2:在第20帧上插入关键帧。步骤3:移动小球,使其开始

6、位置与结束位置不同。步骤4:选择所有帧,创建形状渐变动画。例3:小球沿规定的轨迹运行。步骤5:在前一个动画的基础上添加引导层步骤6:在引导层上用铅笔工具画曲线。步骤7:移动小球,使其开始位置和结束位置分别位于曲线的首尾。1.5动画的保存与发布:1、保存动画:依次点击“文件”菜单-保存”输入文件名,即可当前正在制作的影片保存到磁盘上。注意保存的是Flash的源文件,其扩展名为.fla 。2、动画的发布:依次点击“文件”菜单一一“发布设置”一一“发布”即可。注意发布 后的文件扩展名为名为.swf ,发布后的文件可用IE等打开。1.6设置工作参数1、常规2、绘画选项卡请学生注意动 画制作的过 程,并

7、能自己 制作上述两个 动画。注意flash的 两种不同格式 的文件,源文 件和播放文件分别的打开方 式学生练习老师 绘画选项卡、 标尺、网格, 教师辅导。3、设置标尺和网格4、设置影片属性课堂小结通过本单元的学习,使学生能了解Flash的工作环境,掌握基本的操作,了解简单动画的制作过程等,为以后的学习打下一定的基础。作业实训一:简单动画的制作教学反思第2周绘图基础课程内容模块2:绘图工具教案序号2教学时间第2周计划课时3课时+实训3课时教学 三维 目标知识与技 能绘图基础知识;选择工具的使用;线条工具、椭圆工具、矩形工具和刷子工具的使用; 图形修饰工具和查看工具的使用。过程与方 法掌握绘图基础

8、知识;掌握选择工具的使用;掌握线条工具、椭圆工具、矩形工具和刷子工具的使用; 掌握图形修饰工具和查看工具的使用。情感态度 价值观提高学生的学习兴趣。教材 分析教学重点绘图工具的使用和图形修饰工具的使用教学难点选择工具的使用教学 方法讲授演示法,任务驱动学习法和协作学习法教具 与 设备多媒体机房、投影仪、电子教学平台、视频演示教程、 案例源文件、素材、ppt等。板书 设计模块2:绘图工具1、矢量图形和位图图像2、线条和填充图形3、绘制模式2.1 选择工具2.2 绘图图形工具2.3 修饰图形工具2.4 查看工具教学过程备注复习巩固打开实例ceng,复习巩固FLASH中最基本的概念:层请学生回答几通

9、过提问的方式复习文档属性的修改方法个问题导入新课打开绘制好的flash的图像,让学生欣赏,说明Flash有一个功能强大的绘图工具,可以绘制出完美的图形。它使用灵活、简单易用,在大多数情况不都可以满足使用者的要求。分别打?L幅讲授新课(边操作边演示边讲解)补充知识:矢量图形和位1、矢量图形和位图图像2、线条和填充图形图图像进行放3、绘制模式大观看,让学(1 )合并绘制模式当你所绘制的线条穿过别的线条或图形时,它会象刀一样把其他的线条或生观察结果图形切割成不同的部分。同时,线条本身也会被其他线条和图形分成若干部分。(2 )对象绘制模式注意:选择用【对象绘制】模式创建的图形时,Flash会在图形上添

10、加矩形边框。使用【选择】工具 移动对象,只需单击边框然后拖曳图形到舞台上的任国两条线条,意位置即2.1选择工具和两个形状来1、选择工具演示合并绘制主要功能是选择对象,对对象进行变形等。对象被选中后,选中部分会填充小的亮点。模式卜图形之基本操作有:选取单一对象;选取多个对象;选取填充区和轮廓钱;选取连续线条;选取对象的某一区域;取消选择对象;移动对象;修改形状间的相互影响2、部分选取工具主要用于调整线条上的节点,改变线条的形状。部分选取工具没有选项。教师在屏幕上基本操作有:删除节点;移动节点;角点转换为曲线点;调节曲率 3、套索工具绘制几个图主要作用也是选择物体。与选择工具不同的是,套索工具可以

11、用来选取任形,进行演示何形状范围的对象,而选择工具只能拖出矩形的选取范围,因此它的功能更强一些。选择对象的方2.2绘图图形工具法。注意:填1、线条工具线条工具的使用方法就是在舞台中确认一个起点后按下鼠标,然后拖动鼠充区和线条。标到结束点松开鼠标就可以了。教学过程备注2、钢笔工具钢笔工具的主要功能有画直线、画曲线、曲线点转换为角点、添加节点、 删除节点。3、铅笔工具铅笔工具的选项栏中除“对象绘制”按钮外还由一个“铅笔模式”按钮, 单击此按钮弹出三种绘图模式:伸直、平滑、墨水。4、椭圆工具所画出的椭圆分为两部分:轮廓线与填充色块。通过设置笔触颜色和填充色,能画出实心椭圆,空心椭圆和实心无边框椭 圆

12、。椭圆工具选项栏中只有“对象绘制”和“贴紧至对象”两个按钮。5、矩形工具矩形工具是一个工具组,包括矩形工具和多角星形工具,通过单击右下角 的黑色三角进行切换。矩形工具与椭圆工具用法相似,注意矩形圆角的设置。使用多角星形工具可以绘制出不少于三个边的等边多边形。注意选项的设 置6、刷子工具刷子工具就像画刷一样可以在舞台中绘制不同颜色的图形,也可以为各刷子工具的选项栏后五个选项:“对象绘制”种图形对象着色。刷子的颜色 由填充色设置。、“刷子模式”、“刷子大小”、“刷子形状”和“锁定填充”。7、橡皮擦工具橡皮擦工具就像日常生活中使用的橡皮擦一样,用来擦除图形的线条和填 充区。橡皮擦工具的选项栏肩二个选

13、项:“橡皮擦模式”,“橡皮擦形状”和“水龙 头”2.3修饰图形工具1、墨水瓶工具墨水瓶工具用于更改线条的颜色、线宽和样式等属性,线条的颜色可以使 用纯色、渐变色以及位图图像,2、颜料桶工具与墨水瓶工具相对应,颜料桶工具的功能是更改填充区域的颜色。它可以 填充封闭区域或不完全封闭区域, 填充时可以使用纯色、渐变色以及位图图像。3、吸管工具吸管工具用于拾取填充或线条的颜色值,选择吸管工具后,鼠标图标变成 一个吸管,用吸管单击对象的任意位置,可获得此位置的颜色值及其它属性。 4、任急受形工具请学生观察对 象爻形时光标 的变化教师演示,注 意线条工具的 选项设置联系PS中钢 笔工具的用法请学生思考:

14、怎样绘制五角 星?提示学生注意 铅笔与刷子工 具的异同处请学生上台体 验/、同擦除模 式教学过程备注使用任意变形工具可以对图形做出各种各样的变形,制作各种Flash特效。选择任意变形工具后,在选项栏中有四个选项按钮自动变形工具一共可以做出五种变形处理:旋转、倾斜、缩放、扭曲和封 套。其中旋转、倾斜、缩放对所有的对象都有效,而扭曲和封套只对形状对象 有效,对组对象、符号和位图都不起作用。2.4查看工具1、手形工具2、缩放工具综合实例1、绘制曲线 2、嘴的轮廓3、眼镜4、雨中伞分别设置选项 中/、同的属生 设置演示填充 有缝隙的图形 分别演示提取 四种对象属性课堂小结本周主要介绍了 flash绘图

15、基础,基本绘图工具的使用和编辑工具的使用。 要注意的是,选择某种工具时,可以对它的属性进行设置。要分清合并模式和对 象模式的区别。布置作业实训二:绘图工具使用教学反思第3周编辑图像课程内容模块3:编辑图形教案序号3教学时间第3周计划课时3课时+实训3课时教学 三维 目标知识与技能使学生会合理的使用:对齐、分布、匹配大小、间隔、相对于舞 台等命令;应用切割融合组合叠放顺序的更改;会应用艾形面板、缩放和旋转对话框过程与方法让学生巧秒应用编辑功能工具情感态度价 值观感受运用Flash动画软件创造作品的乐趣;体验作品创作成功的喜悦和成就感,激发学习flash的兴趣。教材 分析教学重点分布和相对于舞台;

16、怎么样去解决和巧秒的去应用粘图现象;用 变形面板、缩放和旋转对话框调节调整对象或者是画图教学难点分布面板上的各个按钮的操作原理;怎么样的巧秒的去就用粘图 来进行图象的切割改变图象叠放顺序;艾形面板中各个按钮的作 用教学 方法讲授演示法,任务驱动学习法和协作学习法教具 与 设备多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。板书 设计模块3:编辑图形3.1 调整对象3.2 变形面板、缩放和旋转对话框9教学过程备注教师绘制几 个矩形分别演 示对齐面板中 的对齐、匹配、 分布、间隔按 钮的用法。强 调相对于舞 台”按钮的用 法复习旧课指出上周实训中出现的问题。强调做文字特

17、效时,一定要将文字打散。复习 一下,矩形工具,填充色的应用 导入新课展示几个绘图实例,要完成这些实例,必须掌握FLAS产有些工具使用的技巧,这样才能增加动画设计的美感。讲述新课讲授法演示法3.1调整对象1、排列对象单击菜单中“窗口” | “对齐”命令,出现“对齐”面板。对齐;分布;匹配;间隔2、形状的切割 融合 组合 叠放顺序的更改1)形状的切割Flash中将使用绘图工具绘制的图形称为形状。Flash 8新增了 “对象绘制”按钮,在创建对象时如果选中“对象绘制”按钮,将创建独立的对象,与其他对 象互不影响。相反,如果在绘制图形时没有选取“对象绘制”按扭,则对象之间 将会产生影响,对象能够被切割

18、或融合。举例:直线分割椭圆矩形打孔2)形状的融合融合是将两个形状连在一起,此功能可创建绘图工具无法绘制的形状。使用 时要注意,进行融合的形状的颜色要相同,没有边框,并且不是独立的对象(即 在绘制对象时没有按下“对象绘制”按钮)。3)组合对象组合是将多个对象当作一个整体进行处理,可以更方便地对对象进行移动、 变形等操作,还可以防止因为重叠而产生的切割和融合。在编辑组合时,其中的 每个对象均保持各自的属性以及与其它对象的关系。创建组合Ctrl+G编辑组合,注意组合编辑环境4)对象的叠放顺序 单击菜单中“修改” | “排列”命令Flash中,组合对象或实例等独立对象在叠放时,有上下顺序之分,上面的

19、对象可以覆盖下面的对象。对象的上下顺序与创建时的次序有关,后创建的对象在先创建的对象上面。绘图工具创建的非独立的形状没有上下顺序之分,不能进行叠放顺序调整。13例1风景画举例说明:直线分割椭圆矩形打孔缩放和旋转对话框| “变形” | “缩放和旋转”命令,出现“缩| “变形”命令,弹出下一级子菜单。| “形状” | “扩展填充”柔化对象的边“形状” | “柔化填充边缘”命令“变形”命令,可打开“变形”面板。比例缩放调节旋4.2.2“修改以一个椭圆和一个矩形融合举例说明例2镜面字 3.2变形面板、缩放和旋转对话框1、变形面板单击菜单中“窗口” |转角度调节:扭曲角度调节选定对象后,单击菜单中放和旋

20、转”对话框2、翻转对象和对象的扩展与柔化1)翻转对象单击菜单中“修改”2)对象的扩展与柔化选中填充形状,单击菜单中“修改”缘选中形状,单击菜单中“修改” |例3制作一朵七色花例4制作一个暂停按钮3.3混色器和填充变形工具1、混色器1)、笔触颜色2)、填充颜色3)、黑白颜色和交换颜色4)、颜色值5)、渐色面板和亮度6)、Alpha7)、预览框 8)、颜色类型:无;纯色;线性;放射状;位图2、调整渐变效果1)填充变形工具:更改渐变中心;改变渐变填充的宽度;旋转渐变填充;改变填充半径。2)溢出溢出Flash 8的一个新增功能,当我们更改渐变中心或缩小渐变宽度时,会使图形的一部分或全部超出渐变的控制范

21、围3)锁定填充在颜料桶工具和刷子工具的辅助选项里,有一个“锁定填充”的按钮 匚土,它的作用是锁定渐变填充的区域。 如果不锁定,颜料桶填充颜色将在被分开的区域分 别产生渐变;锁定后,则在整个区域产生渐变。例:制作带阴影的小球使用缩放和旋转”面板缩放对象只教学过程备注能将选中的图形对象按宽和高的比例整体放人或缩小,不能只对水平力问或垂直力向分别放大、缩小。课堂小结如何对Flash中的对象、图形进行编辑,以及图像导入等基本操 作。准确、快速的进行图形的编辑和导入工作,在实践中为日后的动 画提供栩栩如生的素材。布置作业实训三:编辑工具使用教学反思第4周文字课程内容模块4:文本工具教案序号4教学时间第4

22、周计划课时2课时+实训2课时教学 三维 目标知识与技能掌握混色器的使用方方 掌握渐变色的调整方方 掌握静态文本的输入T' 掌握FLASH制作中)亍法;L种常见静态字体效果的制作过程与方法在学生能利用文本工具制作各种文本并对其添加色彩后培养 学生制作不同的文本特效。情感态度价 值观让学生自主学习,培养他们的自学能力口探究,创新能力教材 分析教学重点混色器各个参数工具设置;静态文本的输入方法。教学难点巧秒的应用渐变色画图;各类文子效果的制作教学 方法讲授演示法,任务驱动学习法和协作学习法教具 与 设备多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。板书 设计模块

23、4:文本工具4.1 文本的输入4.2 常用的字效:备注对做的好的同学要表扬教学过程复习旧课分析上周学生上机操作出现问题,展示学生的作品,提示图形的不同模式下不同的表现形式导入新课教师播放几个文本特效的 Flash影片弹性小球2,由此引入课题。 问题的提出:如何制作文本特效?讲述新课(边演示操作边讲解)介绍一下关于颜色的内容:色的调配是动画中重要组成部分,Flash为颜色的使用、生成及修改提供了多种方法。在 Windows中所有的颜色都是用红(Red)、绿(Green)、蓝(Blue)三种基本 颜色混合而成的,所以这种颜色系统又称为RGB三基色系统,它的每一种基本颜色用两位十六进制数表示,因此用

24、 RGB三基色表示的颜色用 6位十六进制数 表木O4.1文本的输入1、静态文本的输入1)、Flash中文本的类型:静态文本,动态文本,输入文本2)、静态文本输入、编辑与修改。17节用性字钵大小颜色对齐爻本I-宽:(86.0 | / |250.0 E /勺A才正靠特鹏传自助调新距翔距-匈|o | V疝霜。厘使用波裔字体锯凶支本链接打开位置自榇:交本框丈不 支本框位置4.2常用的字效:1、晕光字效关键的技术要求:1)、设置好影片背景和尺寸大小并输入文字;2)、将文字选中并将其打散为离散图形;3)、在选中离散文字的前提下,将文字图形进行柔化边缘填充;4)、在边缘柔化了的文字图象中,将内部填充色删除即

25、可。教学过程2、空心字关键的技术要求:1)、设置影片尺寸大小和背景颜色;2)、输入文字;3)、将文字打散;4)、用墨水瓶工具对打散的文字图形进行描边;备注提示学生注意 线条转化为填 充后,笔触和 填充选项的变 化3、立体字关键技术要求:注意设置变化中心5)、最后将文字的内部填充色删除即可。191)、设置影片尺寸大小并输入文字;2)、按照制作空心字步骤做出空心字效果;3)、将空心字复制并粘贴到相同位置;4)、将复制的空心字往右平移 2-4个像素并向上平移2-4个像素,初步造成5)、将看不到的线条删除,并将文字的各对角相连;6)、同理删除被遮掉的线条,即完成立体字。(多色)字4、双色文本需进行两次

26、 分 离(Ctrl+B )关键技术要求:1)、制作此类文字效果,只要将文字打散成离散的图形;2)、然后用选取工具选取其中部分,再对选中部分进行颜色填充;33)、选取次数可以随意定。5、彩虹字请学生思考此教学过程备注关键技术要求:1)、将输入的文字打散;2)、对种情况来讲,只要文字的填33)、对第二种情况,需要用到油漆桶工 的颜色值(渐变色)后,点击被选文字,然, 化方向改变即可。综合实例:雪花字、图案字、镜面字、风景-E色直接通过混色器进行编辑即可;M在选中文字图形并设置好油漆桶 后使用颜色填充变形工具将颜色的变例制作的关键。提示:阴影实际上就是原图副本填充灰色,然后进行自由父形课堂小结滴管工

27、具是负责改变线条的颜色,分离是把线条分离成了图 形,文字的效果很大就是应用几层文字不同状态的叠加效果布置作业实训四:文本工具使用及文本特效教学反思第5周元件、实例课程内容模块5:元件和实例教案序号5教学时间第五周计划课时1课时+实训1课时教学 三维 目标知识与技能掌握元件和图形之间进行转换和设置实例的方法 并能灵活掌握库面板的使用等基本操作过程与方法学会元件和图形之间进行转换 灵活掌握库囿板的使用情感态度价 值观培养学生的观察能力以及分析问题和解决问题的能力。 培养学生运用知识的能力。教材 分析教学重点元件和图形之间进行转换和设置实例的方法教学难点元件和图形之间进行转换和设置实例的方法教学 方

28、法讲授演示法,任务驱动学习法和协作学习法教具 与 设备多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。板书 设计模块5 :元件和实例5.1 库面板的操作5.2 创建图形元件5.3 创建影片剪辑元件5.4 实例的创建与修改5.5 元件的编辑与修改5.6 导入外部资源21教学过程备注复习旧课1、图层区:一个场景可以由若干层组成,一般来说,不同的对象放在不同的层上, 以便于修改,也避免互相干扰。2、文字编辑(打散:Ctrl+B )、吸管工具(用 Alt+Print键截屏取色)、渐变变 形工具、笔触线形(点状)、橡皮擦模式(擦除填色)。导入新课教师播放情人节贺卡的的 Fla

29、sh影片弹性小球2,由此引入课题。 问题的提出:如何利用元件绘图?讲述新课元件:在Flash中将需要重复出现的图像、动画、按钮制作成元件,元件 存放在元件库中。元件只需创建一次,然后即可在整个文档或其他文档中重复 使用。实例:实例是将元件应用到舞台上或嵌套在另一个元件内的元件副本。将 一个元件从元件库中拖到工作区中即创建了该元件的一个实例,一个元件可以创建多个实例。实例保持元件的基本特征,但可以设置不同的颜色、大小和功 能。当修改元件时,它的所有实例都会随之更新。库:在Flash中库是用来存放当前文档中的所有元件以及导入的图形、音 频、视频等动画兀素。5.1 库面板的操作在Flash中使用库来

30、存储和组织创建元件以及导入的文件,包括位图图形、声音文件和视频剪辑。库是通过库面板来进行管理。通过库面板,可以调用库 中的资源,也可以对库中的资源进行查看、新建、删除、编辑、归类等操作。打开库面板方法:打开Flash自带公用库:选择"窗口 "一"其它面板"一"公共库”打开当前库:选择"窗口 "一"库"库面板构成:菜单:点击可打开库面板的命令 菜单,进行各项有关操作播放/停止按钮:用于播放或停 止播放电影元件 排序按钮:改变元件的排列顺序 显示切换按钮:以大图框/小图 框方式显示 新建元件按钮:单击建立新元

31、 件 文件夹按钮:单击可创建文件夹 属性按钮:单击打开所选项的属 性面板 删除按钮:单击删除选中的项目删除属性新建文件夹新建元件5.2 创建图形元件图形元件主要用于静态图像的重复使用以及用于制作运动渐变动画。1 .将场景中的元素转换成图形元件1 .选择要变为元件的元素,可选择一个或多个2 .选择菜单“修改” 一 “转换为元件”或按 F8键3 .在名称栏中输入元件名称,在行为栏中选择“图形”4 .单击“确定"按钮2 .创建新的图形元件1 .选择菜单“插入” 一 “新建元件”或按 Ctrl+F8键或单击“库”面板 左下角的“新建元件”按钮2 .在名称栏中输入元件名称,在行为栏中选择“图形

32、”后,单击“确定”。3 .在舞台中创建元件内容4 .单击舞台上方的“后退”按钮 生或场景名称返回到场景编辑模式5.3 创建影片剪辑元件影片剪辑元件主要用于制作需要重复使用的动画片段。1 .创建新的影片剪辑元件操作步骤:1 .选择菜单“插入” 一 “新建元件”或按 Ctrl+F8键或单击“库”面板 左下角的“新建元件”按钮2 .在名称栏中输入元件名称,在行为栏中选择“影片剪辑”后,单击 “确3 .在舞台中制作影片剪辑的动画内容4 .单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式2 .将舞台上的动画转换为影片剪辑操作步骤:1 .选择帧选择某些层的所有帧:按住Shift键,点击时间轴左边要转

33、换为影片剪 辑的各层;选择多个连续的帧:单击某帧,再按住 Shift 键并单击其它帧2 .拷贝帧:右键单击选定的帧,从弹出菜单中选择“复制帧”或选择“编辑” 一 “时间轴” 一 “复制帧”3 .新建元件:选择“插入” 一 “新建元件”;在对话框中给元件命名。选择“影片剪辑”后单击“确定”4 .在时间轴上右键单击第1层上白第1帧,在弹出的菜单中选择“粘贴帧”5 .单击舞台上方的“后退”按钮 生或场景名称返回到场景编辑模式。5.4 实例的创建与修改1 .创建实例在创建元件之后,用户就可以使用元件创建实例,电影中的所有地方都可以使用元件实例,包括在其他元件的内部创建实例步骤:1)选中时间轴的层2)选

34、择窗口一库或按 Ctrl+L键打开库面板3)将元件拖到舞台上2 .改变实例的属性每个实例可以有自己的属性,属性独立于元件。可以修改单个实例颜色、 亮度、透明度;可以对实例进行缩放、旋转、扭曲;改变实体的类型和动画的 播放模式。这些操作不会影响元件和其它实例。1 .改变实例的颜色和透明度:选中要改变属性的实例,打开属性检查器的颜色下拉菜单选择以下选项: 亮度:调整图象的相对亮度和暗度,100批白色,-100%为黑色。0为默认值。 色调:为实例着色,可以直接选择颜色,可以使用滴管工具,也可以直 接输入红、绿、蓝颜色值,使用滑杆可设置色调百分比 Alpha :调整实例的透明度,设置为 0则实例完全不

35、可见,100%J表示 完全可见。高级:同时设置红、绿、蓝颜色值与透明度参数三.变形实例1)选中要改变属性的实例;2)使用变形工具臼;变形面板或修改菜单中的变形命令对实例进行缩放、扭曲、旋转等操作。四.分离实例如果想对实例作较大程度的修改而不影响实例所属的元件以及其他实例,则可执行此操作。即切断实例和符号之间的链接。方法:1)选择舞台上的实例2)选择修改 分离或按Ctrl+B键5.5元件的编辑与修改在Flash中对元件可以根据需要随时编辑修改已制作的元件。如果修改元件,则所有该元件的实例都将更新。方法:1 .打开元件的编辑编辑窗口,可采用以下方式在当前位置直接编辑:双击舞台上的元件实例。在新窗口

36、编辑元件:选中舞台上的元件,右键单击后选择“在新窗口编辑”2 .修改元件3 .退出元件编辑窗口。可采用以下方式 单击位于舞台顶上方左端的后退按钮 o 单击位于舞台顶端左面的场景名 如果是在新窗口编辑元件,单击右上角的关闭框关闭新窗口对元件进行修改后将改变场景上所有引用该元件的实例的属性。5.6导入外部资源在Flash中可以将外部对象导入到当前库中,也可以将其他Flash文档中的库资源导入到当前的 Flash文档并使用1 .导入外部对象在Flash中可以导入其他应用程序中创建的插图。可以导入多种文件格式的矢量图形和位图也可以导入视频与声音。方法:1 .执行“文件” 一 “导入” 一 “导入库”或

37、“导入到舞台”2 .选择要导入的文件,单击“打开”按钮完成对象的导入3 .打开库面板,将导入的资源拖入工作区,并进行变形、重新着色和修改等操作。2 .在不同的Flash文件中复制库资源在Flash文档之间可以拷贝库资源, 从而可以将在其它 Flash文档中创建的 元件复制到当前文档中并使用。方法一:通过拷贝和粘贴来拷贝库资源:1 .在源文档的舞台上选择资源2 .选择“编辑” 一 “复制”3 .将目标文档作为活动文档4 .将指针放在舞台上选择“编辑” > “粘贴到中心位置”,以将资源粘贴到可见工作区的中 心位置。选择“编辑” > “粘贴到当前位置”,将资源放置在与源文档中相同的方法二

38、:通过拖动来复制库资源:1 .在Flash 中打开源文档,并打开库囿板2 .打开目标文档,在源文档的“库”面板中选择资源。3 .将资源拖入目标文档的“库”面板中。方法三:打开源库来复制库资源:1 .选择“文件” 一 “导入” > 甘开外部库”。2 .在“作为库打开”对话框中选择源文档,然后单击“打开”。3 .将资源从源文档库拖到舞台上或拖入目标文档的库中。例:情人节贺卡课堂小结1 .创建元件,实现元件与图形之间的转换2 .创建实例,并对实例进行设置3 .库面板的使用布置作业实训五:制作元件和实例教学反思27教学过程备注第5周逐帧动画课程内容模块6:制作简单动画-逐帧动画和形状补间动画教案

39、序号5教学时间第5周计划课时2课时+实训4课时教学 三维 目标知识与技能掌握逐帧动画的制作技巧; 了解什么时候适合使用逐帧动画; 掌握制作变形动画的基本操作;过程与方法能够利用添加变形提示点使动画效果更加美观。情感态度价 值观培养学生运用知识的能力。教材 分析教学重点逐帧动画和形状动画的制作教学难点形状动画的制作教学 方法讲授演示法,任务驱动学习法和协作学习法教具 与 设备多媒体机房、投影仪、电子教学平台、视频演示教程 案例源文件、素材、ppt等。板书 设计模块6:制作简单动画-逐帧动画和形状补间动画5.1 动画制作基础5.2 逐帧动画的制作5.3 绘图纸显示模式复习旧课总结上周实训中遇到的问

40、题。强调钢笔的工具的用法导入新课展示第一周的讲到的过的简单动画实例“笑脸变哭脸”,引入简单动画制作。问题的提出:1.什么叫动画? 2.动画的类型?讲述新课5.1动画制作基础1、动画的基本原理:(1)视觉暂留现象物体在人眼前经过时在人眼视网膜上形成像,当物体消失时,它的像并不会 立即消失而是要停留一段时间。(2)计算机动画形成原理利用人的视觉暂留现象,用连续的静态图片(相邻图片之间有稍微不同)按 一定的速度运行起来,就形成了动画。2、帧的基本概念:(1)帧是组成动画的基本单位,每一帧即一个画面,Flash动画是以时间线为基础的帧动画。(2)动画的播放速度(帧频)按帧/每秒计算,记作fps;(3)

41、 Flash cs默认的动画播放速度是每秒12帧,fps速度的设置范围0.01fps120fpso3、在Flash中的帧有这样几种类型:(1)关键帧:动画中发生改变的画面也即关键画面我们称之为关键帧。当创建逐帧动画 时,每个帧都是关键帧。在补间动画中,可以在动画的重要位置定义关键帧,Flash 会创建关键帧之间的帧内容。补间动画的插补帧显示为浅蓝色或浅绿色,并会在关键帧之间绘制一个箭头。关键帧用实心圆表示。(3)普通帧:普通帧是延续前面相邻关键帧画面的时间,它的内容与紧邻的前关键帧画面一样。(4)空白关键帧:没有内容的关键帧。用空心圆则表示该帧为空白的关键帧。(5)补间帧(插补帧):在补间动画

42、中,Flash会创建关键帧之间的帧内容,这些帧称为插补帧,显 示为浅蓝色或浅绿色, 并会在关键帧之间绘制一个箭头。如图所示浅蓝色显示动画补间的补间帧,如图所示浅绿色显示形状补间的补间帧。如图 5-14、帧的基本操作常用的帧操作有:创建帧、选择帧、复制帧、粘贴帧、剪切帧、删除帧、反 转帧。5、Flash动画类型Flash中可以制作三种动画:(1)逐帧动画创建每帧动画的内容,然后逐帧播放(2)形状渐变动画指两个图形对象的变换,其变化效果是由Flash控制的,其动画效果是从一个图形转换为另一个图形(3)移动渐变动画指同一个对象不同状态的变化,其变化效果是由Flash控制的,常用于制作对象的位移、尺寸

43、缩放、旋转、颜色渐变等效果6、动画制作流程打开新影片文件并安排场景;插入动画元件(帧、图层等);设定动画效果并测试动画;使用文件/保存命令保存扩展名为.fla的Flash动画文件;输出影片.swf7、制作动画的注意事项:(1)如果一幅动画中有两个或两个以上的不同类的对象同时运动,要把这些对象分别放在不同的图层上,使之各自独立,互不干扰。(2)制作动画时,最好把一个动作单独放置在一个图层中,等这个图层制 作好后,再制作另一个图层。5.2 逐帧动画的制作逐帧动画:在舞台上一帧一帧地绘制或修改图像,连续播放形成动画。制作步骤:1 .单击层名称,使之成为当前层,选择层中的某一关键帧作为动画的起点。2

44、.创建图形,可以使用绘图工具直接绘图,也可以从剪板板粘贴图象或导 入图象。3 .单击右边的下一帧,鼠标右键点击一在弹出菜单中选择插入关键帧命令 或按F6键4 .修改舞台上的内容5 .重复步骤4、5,完成所有关键帧。(如果我们担心有些帧之间图形的位置间隔不太恰当,可以打开灯箱显示模式, 来查看各帧的相对效果,)5.3 绘图纸显示模式通常情况下,Flash 一次只显示动画序列中的一个帧。如果用户需要定位和编 辑多个帧或调节帧之间图形的位置间隔,可以使用绘图纸显示模式,来查看多个帧各帧的相对效果。在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一 样重叠显示。绘图纸功能的使用:1 .单击“绘图纸外

45、观”按钮,在绘图纸起始标记和结束标记之间的所有帧 被重叠显示2 .单击“绘图纸外观轮廓”按钮,标记之间的帧显示为轮廓3 .单击“编辑多个帧”按钮,可以编辑绘图纸标记之间的所有帧4 .要更改一绘图纸标记的位置,将指针拖到一个新的位置5 .单击“修改绘图纸标记”按钮,修改绘图纸外观标记的显示5.4 形状补间动画的制作使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。一.形状补间动画制作步骤1 .选择要制作动画的层;在动画开始播放的地方创建或选择一个关键帧2 .创建或放置图形对象或分离的组、位图、实例或文本块3 .在同一层上再创建一个关键帧,并选择该关键帧4 .选择在前一个关键帧中放

46、置的图形执行以下操作之一修改插图的形状、颜色或位置。删除该插图,然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。5.在时间轴上选择第1个关键帧,从“属性”面板中的“补间”弹出菜单中 选择“形状”7.要调整渐变过渡帧的变化速度。 可以拖动“扩大值”旁边的箭头或输入一 个值.要使动画开始很慢越接近动画末尾时越快,则可以拖动滑杆向上移动或 输入一个负数值,范围为-1至-100要使动画开始很快越接近动画末尾时越慢,则可以拖动滑杆向下移动或输入一个正数值,范围为 1至1007.可以选择混合类型的一个选项。 分布式:选择该项在创建动画时所产生的中间形状将平滑而不规则 角形:选择该项在创建动

47、画时将在中间形状中保留明显的角和直线注意: 变形对象必须在一个图层上,否则不能形成补间动画。 要对组合体、实例、文本、位图图象应用补间形状动画,必须首先将这 些元素打散。二.控点的运用控点的作用:在补间形状动画的起始和结束帧中设置控点以便对变形过程进行 人为的控制。设置控点方法:1 .选择变形动画序列中的第一个关键帧,执行【修改】一【变形】一【添 加形状提示】命令,则在变形对象的正中央有一个红色小圈,内部标有 字母2 .将变形提示移动到要标记的点。按照同样的方法添加和设置其他的变形 提示。3 .选择下一个关键帧,用鼠标按住控点,拖动变形提示到标记的位置。注意: 设置控点时一定要排列好各控点的位

48、置。在原始图形和要补间的图形中 控点的顺序应该一致。 控点编号从a到z最多可以设置27.控点。 确保形状提示是符合逻辑的。例如,如果在一个三角形中使用三个形状 提示,它们的顺序不能在第一个关键帧中是abc ,而在第二个中是acb 如果按逆时针顺序从形状的左上角开始放置形状提示,它们的工作效果 最好。 要删除控点可以用鼠标右键点击控点,在弹出的菜单中选择命令 实例1:数字变化实例2:波浪实例3:画矩形实例4:氯水白1 .掌握逐帧动画、形状补间动画的制作方法。课堂小结 2.使学生能够灵活使用设置动画的基本方法并制作简单动画3.注意形状补间动画提示点的设置方法31教学过程备注35布置作业实训六:制作

49、逐帧动画实训七:制作形状补间动画教学反思第6周两种补间动画课程内容模块6:制作简单动画一制作动作补间动画教案序号6教学时间第6周计划课时2课时+实训4课时教学 三维 目标知识与技能掌握制作动作补间动画的过程过程与方法通过本课学习使学生掌握掌握制作动作补间动画的过程情感态度价 值观让学生自主学习,培养他们的自学能力和探究,创新能力教材 分析教学重点事握动作补间动画的制 作要点教学难点动作补间的动画的综合应用;时间帧延后的效果教学 方法讲授演示法,任务驱动学习法和协作学习法教具 与 设备多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。板书 设计模块6:制作简单动画一制作

50、动作补间动画5.5动作补间动画的制作实例1:跳动的小球实例2:碰撞的小球实例3:转动的风车实例4:水滴实例5:卷轴动画复习旧课记住三句口决:1、 一个对象一层2、 一般一个对象要转换为元件3、 在形状动画中不要建立元件,对象要打散形变的对象只能是普通的图形对象,如不是普通图形则必须首先按Ctrl+B分离。导入新课教师播放几个Flash影片,由此引入课题。问题的提出:如何制作移动动画?讲述新课5.5 动作补间动画的制作动作补间动画:用于对实例、组合体和文字的位置、大小、旋转、倾斜、颜色 属性等产生渐变。动作补间动画创建步骤:1 .单击层名使之成为当前层,选择层中的一个空白关键帧作为动画的起点。2

51、 .创建补间动画的第一个帧,执行以下操作之一: 创建一个图形对象并转换为元件 在舞台中创建一个实例、组或文本块 将元件的实例从“库”面板中拖出3 .在动画要结束的地方创建第二个关键帧,然后选择结束帧4 .更改结束帧中的实例、组或文本块,执行以下操作之一: 将项目移动到新的位置 修改项目的大小、旋转或倾斜 修改项目的颜色(仅限实例或文本)5 .右键单击补间帧范围内的任何帧,从弹出的菜单中选择u创建补间动画;或从属性面板的“补间”弹出菜单中选择“动作”6 .如果修改了项目的大小,勾选“缩放”选项iE 属性FT帧朴间:动作V回缩放 “/标签)简易:52v输出标签类酉i:旋转:顺时针 1次叵1调整到路

52、径回同步同对齐7 .如果要调整补间帧之间的变化速率可以拖动“简易”框右边的箭头或输入 个值.若要加速设置值为-1至-100 ;若要减速设置值为1到1008 .若要旋转对象,从“旋转”菜单中选择一个选项:*选择"无"不旋转选择“自动”可以在需要最少动画的方向上旋转对象一次教学过程备注选择“顺时针”或“逆时针”按指定的方向旋转对象,输入一个数值指 定要旋转的次数注:移动渐变动画首尾帆间有淡蓝色背景,并有黑色箭头表示,若出现虚线表示 渐变过程有问题。元件的五种变化:移动、缩放、旋转、颜色、透明度实例1:跳动的小球实例2:碰撞的小球实例3:转动的风车实例4:水滴实例5:卷轴动画课堂小结1 .逐帧动画、动作补间动画、形状补间动画和场景动画的设计方法。2 .使学生能够灵活使用设置动画的基本方法并制作简单动画。布置作业实训八:制作移动补动画实训九:简单动画的综合训练教学反思第7周引导动画课程内容模块7:制作局级动画-引导动画教案序号7教学时间第7周计划课时2课时+实训4课时教学 三维 目标知识与技能1、要求学生掌握各类曲线运动的制作技巧,掌握引导线、引导层 的概念及作用;2、能根据运动的需求,画出运动轨迹线,即引导线。过程与方法1、掌握添加“引导

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论