FlashMX动画制作教案.doc
《FlashMX动画制作教案.doc》由会员分享,可在线阅读,更多相关《FlashMX动画制作教案.doc(45页珍藏版)》请在三一文库上搜索。
1、45第一课时 Flash 入门教学目标:1、确定课程目标、讲述学习内容、教给学习方法、阐述考试要求2、熟悉Flash cs3的界面。3、掌握几个基本工具的使用:选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具、颜料筒工具、掌握几个基本术语:图层、元件、完成四幅绘制图案教学重点:基本工具的使用教学难点: 应用工具画图教学过程:起始课一、本课程的学习内容1、掌握Flash的基本技术、使用方法和动画制作的技巧2、能够制作出一部简单的动画作品。3、教科书是一本案例教材,要求同学们除了操作练习课堂及课后作业外,还应多制作书本上的实例,来复习巩固Flash知识。新课一.F
2、lash图形的特点 Flash应用的是矢量图,这种图形的优点是可以任意放大,而且图像体积大大减小。如下图圆圈内区域,位图放大后有马赛克出现,失真了,而矢量图放大后质量丝毫不受损。二.界面的认识和部分工具的使用1)菜单栏:这里是FLASH的功能指令。以后我们可以逐步的去了解和应用它。2)工具箱:使用“工具”面板中的工具可以绘图、上色、选择和修改插图,并可以更改舞台的视图。 “工具”面板分为四个部分: “工具”区域包含绘图、上色和选择工具。 “查看”区域包含在应用程序窗口内进行缩放和平移的工具。 “颜色”区域包含用于笔触颜色和填充颜色的功能键。 “选项”区域包含用于当前所选工具的功能键。 功能键影
3、响工具的上色或编辑操作。若要指定在创作环境中显示哪些工具,请使用“自定义工具面板”对话框。3)时间轴:是显示动画场景/图层/桢等重要信息和控制动画长度以及当前编辑中的动画或元件的图层和桢的位置。并也应用于组织和控制影片内容在时间轴上播放的层数和桢数。4)浮动面版:与动画编辑相关的面版;如:属性/混色器等。是在进行制作和编辑时随时能打开的面板;这些都是浮动面板,(如果找不到只要单击左键打开窗口就能找到。)另外属性面板还可以访问场景或时间轴上当前选定项目的最常用的属性,可以更改对象或文档的属性,可以显示当前的文档/文本/元件/形状/位图/桢或工具的信息和设置。5)工作区:中间部分的灰色区域是工作区
4、。6)场景:可以调换颜色的部分是场景。(也叫编辑区)。三、动手用一下工具1、使用工具制作一个“笑脸”或“哭脸”1-12、渐变工具的使用:几个关键概念颜色调板填充变形工具的使用3、用椭圆画个画环1-2操作步骤:1、设置笔触的粗细及颜色为“七彩色”。2、用椭圆工具画圆。3、将该线形圆环转换成填充色:修改形状将线条为填充。4、使用“墨水瓶”工具给圆环描边。效果如右:4、用多边形工具画太阳1-3操作步骤:1、用多边星形工具制作太阳的外围,作以下设置:(1)将矩形工具转换成多角星形工具(2)设置多角星形的“属性”中的“选项”(3)设置“样式”为星形,输入星形数,及星形顶点大小(顶点越小,星形越尖)2、设
5、置填充色为放射性,无边线3、开始画星形。4、创建一个同心的圆为太阳的脸。5、使用直线工具画眼、嘴。(注意:用选择工具调整其曲线度,利用变形工具作旋转)四、学生课堂练习题:自创月亮1-4五、课后作业、把1-1、1-2、1-3、1-4链接到作业本上。要求统一使用下发作业本。、茶杯1-5,链接到作业本上。问题积累:、图层区:层就像叠放在一起的透明胶片,上面的胶片覆盖住下面的胶片。一个场景可以由若干层组成,一般来说,不同的对象放在不同的层上,以便于修改。 单击某一层,该层即处于可编辑状态(未锁定)。如图中“animation 1”。 双击某一层,可以为其重命名。 要改变图层的上下关系,只需选中图层,往
6、上或下拖动至适当位置即可。第二课时 各类特效文字的制作教学目标: 1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具、滤镜的使用。2、掌握修改菜单中的位图、元件、形状的菜单项。3、掌握位图的导入及矢量图的转换。 教学重点: 教掌握空心文字、投影文字、点框文字、彩虹文字、金属文字、雪花文字的制作 教学难点: 雪花文字 教学过程: 一、 点框文字1-6制作步骤:1、用文字工具输入文字2、将文字使用“分离”或按下(ctrl+B)组合键3、再将每个分离的文字使用“分离”,即直到文字被选中时呈现点型。4、使用“墨水瓶”工具,设置线型为“点型”,设置线的颜色(注意务必使用与文字颜色不同的一种颜色
7、),用鼠标单击文字5、所有文字的边线勾勒完毕后,用选取工具选取文字内心,并删除。二、彩虹文字1-6制作步骤:1、用文字工具输入文字2、将文字使用“分离”,(分离二次)3、选择填充颜色,再用颜料筒单击文字即可三、彩图文字1-6制作步骤:1、用文字工具输入文字2、将文字使用“分离”3、选择填充类型为“图片”,图片填充有二类4、再用墨水瓶工具勾勒边缘5、将边缘线条转化为填充6、“修改”“形状”“柔化填充边缘”四、雪花文字1-7五、补充知识:倒影字的制作1-8六、课后作业:制作一个图案文字1-9问题积累:1、箭头工具 单击:可以选中物体,如图,右边的圆被选中了,左边的圆没有被选中。 双击:选中整个图形
8、。如像圆,矩形等既有轮廓线又有填充的,双击后轮廓线和填充一起选中。Shift单击:可以同时选择多个对象。 拖动:按住鼠标拖动可以拖出一个矩形,矩形内的图形就是被选中的。如图2,左边是拖动时的情景,右图是拖动后放开鼠标的情景。可以看到原来左图中方框内的区域被选中了。 Ctrl拖动:把原来的图形再复制一个,拖动到其他位置。 2、小技巧:ctrl+v与ctrl+shift+v的区别:后者是复制时保持前后位置都一样。3、几种文字特效 、渐变字 输入文字后,选择菜单栏上的“修改”“分离(Ctrl+B)”把文字分离,此时所见的文字就不再具有文字的属性,它其实是一个象文字的图形,可以把它当作图形来编辑。选中
9、文字 ,改变其填充色为渐变色即可。、空心字 第一步同上;第二步,选择墨水瓶工具单击被打散后的文字,给“文字”添加边框,删除边框中的“文字”。 分离前 分离后 第三课时 直线运动教学目标: 1、要求学生掌握直线运动的补间。2、掌握直线运动的特点:元件与普通形状对象都可以制作直线运动。3、掌握影片元件的制作方法。4、知识点回顾教学重点: 运动补间的设置;影片元件的创建。 教学难点: 关键帧普通帧的区别 教学过程: 一、回顾:形变的对象只能是普通的图形对象,如不是普通图形则必须首先按Ctrl+B分离。二、新课教学:1、直线运动动画2-4:任何对象都可以设置直线动画,只需二个关键帧2、渐变运动动画2-
10、5 淡入、淡出动画:使用实例才能完成此项动画,一般通过调整关键帧的透明度来设置场景中的各实例的出现方式。一般淡入淡出式动画是用二个关键帧完成,第一关键帧为全透明(100%)或部分透明,第二关键帧透明度为0。3、思考闪烁动画的制作2-6:闪烁动画:一般用三个关键帧完成,即从淡入到淡出的过程,即全透明不透明全透明的设置过程。例如:以下例子中星星(影片)。 4、补充:旋转动画:一般旋转度数在360度以上,则采用实例,即旋转的对象必须是通过元件调入的。而旋转度小于360度,则旋转对象可以是形状。动画设定只需二个关键帧。 例如:拖影文字(课后完成) 操作步骤:建立文字元件,拖到舞台创建第一图层,设定第一
11、、二关键帧(同帧),并设制“动画”补间,旋转为1次。创建第二图层,此层为阴影层,复制第一层的关键帧,用方向箭头控制。创建第三至第九图层,这些层均为拖影层,每层之间涉后二帧。与第一图层相比,这些层均要逐渐调整透明度。三、课后作业1、完成课堂作业的链接。2、发散思维:夜色中的汽车(综合渐变星星一起做),可以自由发挥,如下。问题积累:1、图形元件的制作2、图形元件的应用:实例:元件调入到场景后,就叫实例,实例可以取名,以后便于以后写代码(编程)时调用。对元件的编辑:对实例的编辑:与元件编辑最大区别在于对元件本身不修改,主要的编辑方法有改变色调、透明度等。第四课时透视和色彩教学目标:1、了解动画中的透
12、视2、掌握简单的色彩把握教学重点:透视的运用教学难点: 色彩的整体把握教学过程:回顾: 新课教学:一、透视的基本概念 (透视表现)1、一点透视:用一点透视可以很好的表现出远近感,常用来表现笔直的街道、原野、大海等空旷的场景,此外,也可营造室内场景。2、两点透视:多用于表现物体的立体感。3、三点透视:在动漫作品中,仰视和俯视的画面多采用三点透视。【课堂练习】:完成书桌的透视图(3-1)制作步骤:二、色彩1、物体表面色彩的形成2、在FLASH中绘制有立体感的物体:先画好物体的基本轮廓,再填固有色,然后根据光源的位置确定物体的三个面,即亮面、灰面和暗面;最后在固有色的基础上将颜色调亮、调暗,分别填充
13、在物体的亮部、暗部和投影处。【平涂固有色的实例】: 练习】:根据自己在色彩上把握对小屋的线稿进行重新填充。(3-3)三、作业1、完成室内和街头一角的两点透视图。(3-4)(3-5)2、继续根据自己在色彩上把握对小屋的线稿进行重新填充。举例:问题积累:透视的基本概念通过透明的平面观察所看到的物体的形态,称为透视。也就是说,透视是通过透明的二维平面来表现、观察、研究三维空间物体的形态。1、视点:指视者的眼睛位置。2、视距:指视者的视点到画面的距离。3、基面:指放置物体的水平面。4、基线:指画面与基面相交之平线。5、画面:指研究透视的假设画面,看景物时可扩展成无限大的画面。6、足点:指视者的立足点7
14、、视角:指观察事物的角度,它是决定构图的关键。观察角度不同,所画出的画面气氛也有差别。当视点平行于被观察物时,形成的透视角度叫做平视视角。当视点低于被观察物体时,形成的透视角度叫做仰视视角。当视点高于被观察物体时,形成的透视角度叫做俯视视角。8、视域:又称视圈,以60视角发射的视线转360。在画面形成假设的视圈,是眼前看得最清楚的范围。人距离画面远则视圈大,距离画面近则视圈小。9、视心线:也称视中线,与画面垂直,是视点与心点相连的视线。10、视平线:是指通过心点所作的一条水平线,因与眼睛等高,所以称为视平线,它又是画面上下的分界线第五课时 自然背景的画法1、掌握动画角色的构造;2、熟练绘画工具
15、的使用;3、巩固掌握逐帧动画、移动补间、形状补间。角色的构造具体绘制卡通形象教学过程:新课教学:一、卡通蛇的绘制4-1【绘制过程】: 二、卡通蝴蝶的绘制4-2【绘制过程】: 三、 回顾简单动画的制作逐帧动画的制作:要创建逐帧动画,需要将每一个帧都定义为关键帧,然后给每一个帧都创建不同的图象。 制作逐帧动画的基本思想是把一系列相差甚微的图形或文字放置在一系列的关键帧中,使动画播放的时候看起来像是一系列连续变化的动画。如左图所示,展示了一个小男孩的行为动画。同理,你只需在四个关键帧上绘制四种不同的山坡图形,并依次根据山坡图形放置好山地车即可。1、设置好场景的背景色;2、绘制山坡图形(四个关键帧)3
16、、根据山坡图形放置山地车补间动画的制作:平地自行车【思考】:模拟上坡时速度减慢的效果(使用缓动参数)形状补间的制作:动画的对象必须是离散的图形。四、课后练习:1、课堂练习完成后上传。 2、要求在以下卡通角色中挑选两件进行绘制并上传(国庆节后检查,参考过程)。第六课时自然背景画法教学目标:1、掌握颜色的调整、填充等操作;2、天空的变化3、学习夏日海滩绘制过程,教学重点:天空的变化教学难点: 白云的制作新课教学:一、天空天空的绘制比较简单,一般有两种表达效果,一种是利用单色调来完成。另外一种是先画一个无边的矩形,再填充为线性渐变色,然后将渐变色进行适当的调整。【课堂练习】:对下面实例进行天空背景制
17、作,要求制作出两种以上的效果,比如夜晚和白天的效果。右边为参考效果。白天夜晚暴风雨二、白云的制作:云一般有写实云和卡通云两种 制作步骤: 3-7三、作业:1、完成所有作业的上传。2、课后尝试至少完成其中一幅作品夏日海滩 3-9 详细教程湖边小屋 3-83、制作“亲嘴猪”的动画。第七课时图层编辑-引导层课题图层编辑-引导层教学目标1、知识目标理解:引导层的特点及基本功能基本掌握:制作简单引导层动画的方法 2、能力目标:有意识的培养学生自主学习、举一反三,分析解决问题的能力3、素质目标:开拓思路,发挥想象,设计更加完美的动画,培养对本专业的热爱教学重点与难点制作简单的导向层动画和引导层动画的方法教
18、学方法与教具一、教学方法1、采用了情境、启发、任务驱动式教学法2、借助比较法,在教学过程中层层设疑,引发学生思考,由浅入深、循序渐进的开展教学。二、教具:自制PPT演示稿、多媒体机房、电子教育平台德育因素使学生在学习过程中不断尝试,培养学生开拓性思维方法和耐心,以及独立解决问题的学习习惯。课外作业与思考题网上查找有关引导层FLASH作品,分析其制作方法,并自己尝试。教学后记在进行运动引导层练习的时候,部分学生会把引层线画在被引导层中(可能概念不清)。第一关健帧和最后一帧关键帧,被引导对像吸附至引导线,通过数次尝试,还学生不能完成。对图层基础知识加强以后,再进行练习。多多加强学生自我实践能力。F
19、LASH引导层教学目的:在图层基本操作的基础上进一步掌握制作引导层动画。教学目标:制作简单导向层动画、引导层动画的方法。课时安排:FLASH图层编辑-引导层(二课时)。要求所有学生学会简单引层动画制作,部分基础较好的学生可以进一步尝试复杂的引导层动画制作。教学内容:一、图层编辑(一)普通图层的特点:图层之间是独立的图层是透明的图层有顺序之分,上层图层的对象会遮挡下层图层的对象(二)图层的四种状态:活动状态隐藏状态锁定状态外框显示状态(三)图层的基本操作新建图层选择图层改变图层的顺序删除图层重命名图层复制图层二、认识引导层引导层的分类:导向图层、运动引导层(演示两种类型引导层做出的动画效果导入新
20、课)导向图层导向图层特点:(演示导向图层FLASH文件)导向图层是用来存放组件参考路径的图层导向图层中的导向线在输出SWF文件中是不可见的导向图层的操作(演示过程)导向图层创建方法添加新图层右击该图层a. 快捷方式菜单执行“导向层”命令 b. 快捷方式菜单执行“属性”命令选中“导向层”按扭取消导向图层的方法右击导向图层a. 快捷方式菜单执行“导向层”命令 b. 快捷方式菜单执行“属性”命令选中“一般”按扭练习:由学生分析该动画由几个图层组成:两个,导向层、星星环学生独立完成练习运动引导层演示一幅动画的两种表现形式,一种是小鸟做直线运动、一种是小鸟做曲线运动。由此创设情境,启发学生:用FLASH
21、中的运动渐变可以建立直线运动的效果,而要制作曲线运动,则需要使用引导层运动引导图层的特点:运动运动导向图层是用来存放下方图层中组件运动路径的图层运动导向图层中的导向线在输出SWF文件中是不可见的运动导向图层的操作运动导向图层创建方法添加新图层右击该图层a. 快捷方式菜单执行“添加导向层”命令b. 时间轴面板左下角“添加运动导向层”按钮取消运动导向层的方法与取消导向图层相同练习1:太阳做什么运动曲线该动画由几个图层组成?三个,背景层、太阳层、运动引导层练习2 学生分析:蝴蝶做什么运动曲线该动画由几个图层组成?三个,背景层、蝴蝶层、运动引导层如何实现蝴蝶停留 综合所学发挥想像制作雪花飞舞的FLAS
22、H动画平移动画第八课时平移动画步骤:1、启动FLASHMX,新建动画,并保存(注意保存位置,同文件保存一样操作)2、选菜单栏中的“插入”新建元件3、出现对话窗口:名称栏输入”小圆“;行为栏选”图形“4、选工具箱中的椭圆工具(笔触先无色,填充色选任意色)然后按住shift键在工作区中央画一圆并放置”+“中心5、点击声景1回到场景制作区6、点击菜单栏中的窗口库,然后用鼠标单击小圆并按住鼠标拖到舞台靠左边的中间位置7、在图层1右单击鼠标第30帧插入关键帧。8、选工具箱中的箭头工具单击舞台中小圆并按住鼠标不放拖到舞台靠右边中间的位置。9、单击图层1的第1帧到第30帧之间的任意位,然后打开舞台下方的属性
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- FlashMX 动画 制作 教案
链接地址:https://www.31doc.com/p-2736466.html