FlashMX动画制作教案

11第一课时Flash入门教学目标：1、确定课程目标、讲述学习内容、教给学习方法、阐述考试要求2、熟悉Flashcs3的界面。3、掌握几个基本工具的使用：选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具、颜料筒工具４、掌握几个基本术语：图层、元件５、完成四幅绘制图案教学重点：基本工具的使用教学难点：应用工具画图教学过程：起始课一、本课程的学习内容1、掌握Flash的基本技术、使用方法和动画制作的技巧2、能够制作出一部简单的动画作品。3、教科书是一本案例教材，要求同学们除了操作练习课堂及课后作业外，还应多制作书本上的实例，来复习巩固Flash知识。新课一.Flash图形的特点Flash应用的是矢量图，这种图形的优点是可以任意放大，而且图像体积大大减小。如下图圆圈内区域，位图放大后有马赛克出现，失真了，而矢量图放大后质量丝毫不受损。22二.界面的认识和部分工具的使用1）菜单栏：这里是FLASH的功能指令。以后我们可以逐步的去了解和应用它。2）工具箱：使用“工具”面板中的工具可以绘图、上色、选择和修改插图，并可以更改舞台的视图。“工具”面板分为四个部分：“工具”区域包含绘图、上色和选择工具。“查看”区域包含在应用程序窗口内进行缩放和平移的工具。“颜色”区域包含用于笔触颜色和填充颜色的功能键。“选项”区域包含用于当前所选工具的功能键。功能键影响工具的上色或编辑操作。若要指定在创作环境中显示哪些工具，请使用“自定义工具面板”对话框。3）时间轴：是显示动画场景/图层/桢等重要信息和控制动画长度以及当前编辑中的动画或元件的图层和桢的位置。并也应用于组织和控制影片内容在时间轴上33播放的层数和桢数。4）浮动面版：与动画编辑相关的面版；如：属性/混色器等。是在进行制作和编辑时随时能打开的面板；这些都是浮动面板，（如果找不到只要单击左键打开窗口就能找到。）另外属性面板还可以访问场景或时间轴上当前选定项目的最常用的属性，可以更改对象或文档的属性，可以显示当前的文档/文本/元件/形状/位图/桢或工具的信息和设置。5）工作区：中间部分的灰色区域是工作区。6）场景：可以调换颜色的部分是场景。（也叫编辑区）。三、动手用一下工具1、使用工具制作一个“笑脸”或“哭脸”1-12、渐变工具的使用：几个关键概念颜色调板填44充变形工具的使用3、用椭圆画个画环1-2操作步骤：1、设置笔触的粗细及颜色为“七彩色”。2、用椭圆工具画圆。3、将该线形圆环转换成填充色：修改－－形状－－将线条为填充。4、使用“墨水瓶”工具给圆环描边。效果如右：4、用多边形工具画太阳1-3操作步骤：1、用多边星形工具制作太阳的外围，作以下设置：（1）将矩形工具转换成多角星形工具（2）设置多角星形的“属性”中的“选项”（3）设置“样式”为星形，输入星形数，及星形顶点大小（顶点越小，星形越尖）2、设置填充色为放射性，无边线3、开始画星形。4、创建一个同心的圆为太阳的脸。5、使用直线工具画眼、嘴。（注意：用选择工具调整其曲线度，利用变形工具作旋转）四、学生课堂练习题：自创月亮1-455五、课后作业１、把1-1、1-2、1-3、1-4链接到作业本上。要求统一使用下发作业本。２、茶杯1-5，链接到作业本上。★问题积累：①、图层区：层就像叠放在一起的透明胶片，上面的胶片覆盖住下面的胶片。一个场景可以由若干层组成，一般来说，不同的对象放在不同的层上，以便于修改。单击某一层，该层即处于可编辑状态（未锁定）。如图中“animation1”。双击某一层，可以为其重命名。要改变图层的上下关系，只需选中图层，往上或下拖动至适当位置即可。。第二课时各类特效文字的制作教学目标：1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具、滤镜的使用。2、掌握修改菜单中的位图、元件、形状的菜单项。3、掌握位图的导入及矢量图的转换。教学重点：教掌握空心文字、投影文字、点框文字、彩虹文字、金属文字、雪花文字的制作教学难点：雪花文字教学过程：一、点框文字1-666制作步骤：1、用文字工具输入文字2、将文字使用“分离”或按下（ctrl+B）组合键3、再将每个分离的文字使用“分离”，即直到文字被选中时呈现点型。4、使用“墨水瓶”工具，设置线型为“点型”，设置线的颜色（注意务必使用与文字颜色不同的一种颜色），用鼠标单击文字5、所有文字的边线勾勒完毕后，用选取工具选取文字内心，并删除。二、彩虹文字1-6制作步骤：1、用文字工具输入文字2、将文字使用“分离”，（分离二次）3、选择填充颜色，再用颜料筒单击文字即可三、彩图文字1-6制作步骤：1、用文字工具输入文字2、将文字使用“分离”3、选择填充类型为“图片”，图片填充有二类4、再用墨水瓶工具勾勒边缘5、将边缘线条转化为填充6、“修改”－－“形状”－－“柔化填充边缘”四、雪花文字1-7五、补充知识：倒影字的制作1-8六、课后作业：制作一个图案文字1-9★问题积累：1、箭头工具单击：可以选中物体，如图１，右边的圆被选中了，左边的圆没有被选中。双击：选中整个图形。如像圆，矩形等既有轮廓线又有填充的，双击后轮廓线和填充一起选中。Shift＋单击：可以同时选择多个对象。拖动：按住鼠标拖动可以拖出一个矩形，矩形内的图形就是被选中的。如图2，左边是拖动时的情景，右图是拖动后放开鼠标的情景。可以看到原来左图中方框内的区域被选中了。Ctrl＋拖动：把原来的图形再复制一个，拖动到其他位置。2、小技巧：ctrl+v与ctrl+shift+v的区别：后者是复制时保持前后位置都一样。3、几种文字特效①、渐变字77输入文字后，选择菜单栏上的“修改”→“分离（Ctrl+B）”把文字分离，此时所见的文字就不再具有文字的属性，它其实是一个象文字的图形，可以把它当作图形来编辑。选中文字，改变其填充色为渐变色即可。②、空心字第一步同上；第二步，选择墨水瓶工具单击被打散后的文字，给“文字”添加边框，删除边框中的“文字”。分离前分离后第三课时直线运动教学目标：1、要求学生掌握直线运动的补间。2、掌握直线运动的特点：元件与普通形状对象都可以制作直线运动。3、掌握影片元件的制作方法。4、知识点回顾教学重点：运动补间的设置；影片元件的创建。教学难点：关键帧／普通帧的区别教学过程：一、回顾：形变的对象只能是普通的图形对象，如不是普通图形则必须首先按Ctrl+B分离。二、新课教学：1、直线运动动画2-4：任何对象都可以设置直线动画，只需二个关键帧2、渐变运动动画2-5①淡入、淡出动画：使用实例才能完成此项动画，一般通过调整关键帧的透明度来设置场景中的各实例的出现方式。一般淡入淡出式动画是用二个关键帧完成，第一关键帧为全透明（100%）或部分透明，第二关键帧透明度为0。3、思考闪烁动画的制作2-6：闪烁动画：一般用三个关键帧完成，即从淡入到淡出的过程，即全透明－－不透明－－全透明的设置过程。例如：以下例子中星星（影片）。4、补充：旋转动画：一般旋转度数在360度以上，则采用实例，即旋转的对象必须是通过元件调入的。而旋转度小于360度，则旋转对象可以是形状。动画设定只需二个关键帧。例如：拖影文字(课后完成)操作步骤：①建立文字元件,拖到舞台②创建第一图层，设定第一、二关键帧（同帧），并设制“动画”补间，旋转为1次。88②创建第二图层，此层为阴影层，复制第一层的关键帧,用方向箭头控制。③创建第三至第九图层，这些层均为拖影层，每层之间涉后二帧。与第一图层相比，这些层均要逐渐调整透明度。三、课后作业1、完成课堂作业的链接。2、发散思维：夜色中的汽车(综合渐变星星一起做)，可以自由发挥，如下。★问题积累：1、图形元件的制作2、图形元件的应用：①实例：元件调入到场景后，就叫实例，实例可以取名，以后便于以后写代码（编程）时调用。②对元件的编辑：③对实例的编辑：与元件编辑最大区别在于对元件本身不修改，主要的编辑方法有改变色调、透明度等。第四课时透视和色彩教学目标：1、了解动画中的透视2、掌握简单的色彩把握教学重点：透视的运用教学难点：色彩的整体把握教学过程：回顾：新课教学：一、透视的基本概念（透视表现）1、一点透视：用一点透视可以很好的表现出远近感，常用来表现笔直的街道、99原野、大海等空旷的场景，此外，也可营造室内场景。2、两点透视：多用于表现物体的立体感。3、三点透视：在动漫作品中，仰视和俯视的画面多采用三点透视。【课堂练习】：完成书桌的透视图（3-1）1010制作步骤：二、色彩1、物体表面色彩的形成2、在FLASH中绘制有立体感的物体：先画好物体的基本轮廓，再填固有色，然后根据光源的位置确定物体的三个面，即亮面、灰面和暗面；最后在固有色的基础上将颜色调亮、调暗，分别填充在物体的亮部、暗部和投影处。1111【平涂固有色的实例】：练习】：根据自己在色彩上把握对小屋的线稿进行重新填充。1212（3-3）三、作业1、完成室内和街头一角的两点透视图。（3-4）（3-5）2、继续根据自己在色彩上把握对小屋的线稿进行重新填充。举例：1313★问题积累：透视的基本概念通过透明的平面观察所看到的物体的形态，称为透视。也就是说，透视是通过透明的二维平面来表现、观察、研究三维空间物体的形态。1、视点：指视者的眼睛位置。14142、视距：指视者的视点到画面的距离。3、基面：指放置物体的水平面。4、基线：指画面与基面相交之平线。5、画面：指研究透视的假设画面，看景物时可扩展成无限大的画面。6、足点：指视者的立足点7、视角：指观察事物的角度，它是决定构图的关键。观察角度不同，所画出的画面气氛也有差别。当视点平行于被观察物时，形成的透视角度叫做平视视角。当视点低于被观察物体时，形成的透视角度叫做仰视视角。当视点高于被观察物体时，形成的透视角度叫做俯视视角。8、视域：又称视圈，以60°视角发射的视线转360°。在画面形成假设的视圈，是眼前看得最清楚的范围。人距离画面远则视圈大，距离画面近则视圈小。9、视心线：也称视中线，与画面垂直，是视点与心点相连的视线。10、视平线：是指通过心点所作的一条水平线，因与眼睛等高，所以称为视平线，它又是画面上下的分界线第五课时自然背景的画法1、掌握动画角色的构造；2、熟练绘画工具的使用；3、巩固掌握逐帧动画、移动补间、形状补间。角色的构造具体绘制卡通形象教学过程：新课教学：一、卡通蛇的绘制4-1【绘制过程】：1515二、卡通蝴蝶的绘制4-21616【绘制过程】：三、回顾简单动画的制作逐帧动画的制作：要创建逐帧动画，需要将每一个帧都定义为关键帧，然后给每一个帧都创建不同的图象。制作逐帧动画的基本思想是把一系列相差甚微的图形或文字放置在一系列的关键帧中，使动画播放的时候看起来像是一系列连续变化的动画。如左图所示，展示了一个小男孩的行为动画。同理，你只需在四个关键帧上绘制四种不同的山坡图形，并依次根据山坡图形放置好山地车即可。1、设置好场景的背景色；2、绘制山坡图形（四个关键帧）17173、根据山坡图形放置山地车补间动画的制作：平地自行车【思考】：模拟上坡时速度减慢的效果（使用缓动参数）形状补间的制作：动画的对象必须是离散的图形。四、课后练习：1、课堂练习完成后上传。2、要求在以下卡通角色中挑选两件进行绘制并上传（国庆节后检查，参考过程）。1818第六课时自然背景画法教学目标：1、掌握颜色的调整、填充等操作；2、天空的变化3、学习夏日海滩绘制过程，教学重点：天空的变化教学难点：白云的制作1919新课教学：一、天空天空的绘制比较简单，一般有两种表达效果，一种是利用单色调来完成。另外一种是先画一个无边的矩形，再填充为线性渐变色，然后将渐变色进行适当的调整。【课堂练习】：对下面实例进行天空背景制作，要求制作出两种以上的效果，比如夜晚和白天的效果。右边为参考效果。2020白天夜晚暴风雨二、白云的制作：云一般有写实云和卡通云两种2121制作步骤：3-7三、作业：1、完成所有作业的上传。2、课后尝试至少完成其中一幅作品夏日海滩3-9详细教程2222湖边小屋3-83、制作“亲嘴猪”的动画。2323第七课时图层编辑-