Flash动画制作全套教案【优选】

1《UI设计基础》教案任课教师：赵世勇2019年02月2第一周Flash概述课程内容模块1初识Flash教案序号1教学时间第一周计划课时3课时+实训3课时教学目标1、确定课程目标、讲述学习内容、教给学习方法。2、熟悉Flashcs3的界面。3、熟悉FLASH的工作环境,3、熟悉Flash动画的制作原理教学重点培养他们对于本课程以及本专业的热爱；了解什么是flash，熟悉flash工作界面。教学难点掌握动画原理以及Flash动画的制作原理。教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。教学过程备注导入：教师给学生演示经典动画和教材中部分的案例动画由此引入课题。讲述新课（讲授法、PPT演示）一、Flash课程介绍1、课程性质2、课程目标和课程内容3、学习方法（1）小组学习法（2）任务驱动法（3）互帮互补法（4）课堂勤记笔记、勤操作（5）课外勤练习、勤看书1.1初识Flash1．什么是Flash2．Flash的历史与发展3．Flash的特点1.2Flash应用领域1.3Flash动画原理1．动画原理2．Flash动画制作原理首先向学生作自我介绍，然后介绍Flash课程性质、目标、考核方法以及学习方法。结合生活，提示学生从生活，学习，娱乐的三个方面罗列flash的应用。31.4Flash工作环境1、舞台就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。2、时间轴窗口用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。3、绘图工具栏放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。4、标准工具栏列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。5、图库窗口用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics)，按钮(Button)和电影片断(MovieClip)。其调用的快捷键为Ctrl-L。6、控制器面板控制电影的播放操作的工具集合，一般不大常用，处于隐藏状态。例1：使用工具制作一个“小孩微笑头像”思考:如何让“哭脸”变成“笑脸”？引入层的概念，将“嘴”放在新建的图层上引入简单动画制作步骤：a、绘制动作的开始状态与结束状态，即绘制两个关键帧，并注意两个关键帧在时间线上的位置。b、选择所有帧，创建动画。例2：小球的直线运动。步骤1：在舞台上画出小球。步骤2：在第20帧上插入关键帧。步骤3：移动小球，使其开始位置与结束位置不同。步骤4：选择所有帧，创建形状渐变动画。讲述层的概述时，可结合前期学习过的Photoshop中层的概念，这样学生头脑中就有了印象。请学生注意动画制作的过程，并能自己制作上述两个动画。注意flash的4例3：小球沿规定的轨迹运行。步骤5：在前一个动画的基础上添加引导层步骤6：在引导层上用铅笔工具画曲线。步骤7：移动小球，使其开始位置和结束位置分别位于曲线的首尾。1.5动画的保存与发布：1、保存动画：依次点击“文件”菜单------“保存”———输入文件名，即可当前正在制作的影片保存到磁盘上。注意保存的是Flash的源文件，其扩展名为.fla。2、动画的发布：依次点击“文件”菜单——“发布设置”——“发布”即可。注意发布后的文件扩展名为名为.swf，发布后的文件可用IE等打开。1.6设置工作参数1、常规2、绘画选项卡3、设置标尺和网格4、设置影片属性两种不同格式的文件，源文件和播放文件分别的打开方式学生练习老师绘画选项卡、标尺、网格，教师辅导。课堂小结通过本单元的学习，使学生能了解Flash的工作环境，掌握基本的操作，了解简单动画的制作过程等，为以后的学习打下一定的基础。作业实训一：简单动画的制作教学反思本章主要介绍了Flash的基础知识，软件的安装与启动、工作环境以及一些基本操作。各种工具及面板的熟练运用是学习Flash的关键，学生在学完本章后，需要通过不断地练习来掌握各种工具和面板的使用方法。学生通过练习基本可以掌握Flash的基本操作，但要熟练掌握还需多加练习。5第一周绘图基础教学时间第二周计划课时4课时+实训4课时序号２课程内容模块2：绘图工具教学目标掌握绘图基础知识；掌握选择工具的使用；掌握线条工具、椭圆工具、矩形工具和刷子工具的使用；掌握图形修饰工具和查看工具的使用教学重点绘图工具的使用和图形修饰工具的使用教学难点选择工具的使用教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。教学过程备注复习巩固打开实例ceng,复习巩固FLASH中最基本的概念:层通过提问的方式复习文档属性的修改方法导入新课打开绘制好的flash的图像，让学生欣赏，说明Flash有一个功能强大的绘图工具，可以绘制出完美的图形。它使用灵活、简单易用，在大多数情况下都可以满足使用者的要求。讲授新课（边操作边演示边讲解）补充知识：１、矢量图形和位图图像２、线条和填充图形３、绘制模式（１）合并绘制模式当你所绘制的线条穿过别的线条或图形时，它会象刀一样把其他的线条或图形切割成不同的部分。同时，线条本身也会被其他线条和图形分成若干部分。（２）对象绘制模式注意：选择用【对象绘制】模式创建的图形时，Flash会在图形上添加矩形边框。使用【选择】工具移动对象，只需单击边框然后拖曳图形到舞台上的任意位置即2.1选择工具１、选择工具主要功能是选择对象，对对象进行变形等。对象被选中后，选中部分会填充小的亮点。请学生回答几个问题分别打开一幅矢量图形和位图图像进行放大观看，让学生观察结果画两条线条，和两个形状来演示合并绘制模式下图形之间的相互影响教师在屏幕上绘制几个图形，进行演示选择对象的方法。注意：填充区和线条。请学生观察对象变形时光标6教学过程备注基本操作有：选取单一对象；选取多个对象；选取填充区和轮廓钱；选取连续线条；选取对象的某一区域；取消选择对象；移动对象；修改形状2、部分选取工具主要用于调整线条上的节点，改变线条的形状。部分选取工具没有选项。基本操作有：删除节点；移动节点；角点转换为曲线点；调节曲率3、套索工具主要作用也是选择物体。与选择工具不同的是，套索工具可以用来选取任何形状范围的对象，而选择工具只能拖出矩形的选取范围，因此它的功能更强一些。2.2绘图图形工具1、线条工具线条工具的使用方法就是在舞台中确认一个起点后按下鼠标，然后拖动鼠标到结束点松开鼠标就可以了。2、钢笔工具钢笔工具的主要功能有画直线、画曲线、曲线点转换为角点、添加节点、删除节点。3、铅笔工具铅笔工具的选项栏中除“对象绘制”按钮外还有一个“铅笔模式”按钮，单击此按钮弹出三种绘图模式：伸直、平滑、墨水。4、椭圆工具所画出的椭圆分为两部分：轮廓线与填充色块。通过设置笔触颜色和填充色，能画出实心椭圆，空心椭圆和实心无边框椭圆。椭圆工具选项栏中只有“对象绘制”和“贴紧至对象”两个按钮。5、矩形工具矩形工具是一个工具组，包括矩形工具和多角星形工具，通过单击右下角的黑色三角进行切换。矩形工具与椭圆工具用法相似，注意矩形圆角的设置。使用多角星形工具可以绘制出不少于三个边的等边多边形。注意选项的设置6、刷子工具刷子工具就像画刷一样可以在舞台中绘制不同颜色的图形，也可以为各刷子工具的选项栏有五个选项：“对象绘制”种图形对象着色。刷子的颜色由填充色设置。、“刷子模式”、“刷子大小”、“刷子形状”和“锁定填充”。7、橡皮擦工具橡皮擦工具就像日常生活中使用的橡皮擦一样，用来擦除图形的线条和填的变化教师演示，注意线条工具的选项设置联系PS中钢笔工具的用法请学生思考:怎样绘制五角星？提示学生注意铅笔与刷子工具的异同处请学生上台体验不同擦除模式分别设置选项中不同的属生设置演示填充7教学过程备注充区。橡皮擦工具的选项栏有三个选项：“橡皮擦模式”，“橡皮擦形状”和“水龙头”2.3修饰图形工具1、墨水瓶工具墨水瓶工具用于更改线条的颜色、线宽和样式等属性，线条的颜色可以使用纯色、渐变色以及位图图像，2、颜料桶工具与墨水瓶工具相对应，颜料桶工具的功能是更改填充区域的颜色。它可以填充封闭区域或不完全封闭区域，填充时可以使用纯色、渐变色以及位图图像。3、吸管工具吸管工具用于拾取填充或线条的颜色值，选择吸管工具后，鼠标图标变成一个吸管，用吸管单击对象的任意位置，可获得此位置的颜色值及其它属性。4、任意变形工具使用任意变形工具可以对图形做出各种各样的变形，制作各种Flash特效。选择任意变形工具后，在选项栏中有四个选项按钮自动变形工具一共可以做出五种变形处理：旋转、倾斜、缩放、扭曲和封套。其中旋转、倾斜、缩放对所有的对象都有效，而扭曲和封套只对形状对象有效，对组对象、符号和位图都不起作用。2.4查看工具1、手形工具2、缩放工具综合实例1、绘制曲线2、嘴的轮廓3、眼镜4、雨中伞有缝隙的图形分别演示提取四种对象属性课堂小结本周主要介绍了flash绘图基础，基本绘图工具的使用和编辑工具的使用。要注意的是，选择某种工具时，可以对它的属性进行设置。要分清合并模式和对象模式的区别。布置作业实训二：绘图工具使用教学反思本章主要介绍了Flash中有关帧的基本操作及形状动画的制作，学生在学完本章后，需要通过不断地练习来掌握形状动画的制作技巧。8第二周编辑图像教学时间第三周计划课时4课时+实训4课时序号3课程内容模块3：编辑图形教学目标使学生会合理的使用：对齐、分布、匹配大小、间隔、相对于舞台等命令；让学生巧秒应用切割融合组合叠放顺序的更改；会应用变形面板、缩放和旋转对话框教学重点分布和相对于舞台；怎么样去解决和巧秒的去应用粘图现象；用变形面板、缩放和旋转对话框调节调整对象或者是画图教学难点分布面板上的各个按钮的操作原理；怎么样的巧秒的去就用粘图来进行图象的切割改变图象叠放顺序；变形面板中各个按钮的作用教学方法讲授演示法，任务驱动学习法和协作学习法教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。教学过程备注复习旧课指出上周实训中出现的问题。强调做文字特效时，一定要将文字打散。复习一下，矩形工具，填充色的应用导入新课展示几个绘图实例，要完成这些实例，必须掌握FLASH中有些工具使用的技巧，这样才能增加动画设计的美感。讲述新课〔讲授法演示法〕3.1调整对象1、排列对象单击菜单中“窗口”|“对齐”命令，出现“对齐”面板。对齐；分布；匹配；间隔2、形状的切割融合组合叠放顺序的更改1）形状的切割Flash中将使用绘图工具绘制的图形称为形状。“对象绘制”按钮，在创建对象时如果选中“对象绘制”按钮，将创建独立的对象，与其他对象互不影响。相反，如果在绘制图形时没有选取“对象绘制”按扭，则对象之间将会产生影响，对象能够被切割或融合。绘制对象的作用其实可以理解为一种最简单的“组”，应该是介于打散图形与组之间的状态，这个“组”与真正的组的不同点在于它可以像打散图形一样直接进行修改。教师绘制几个矩形分别演示对齐面板中的对齐、匹配、分布、间隔按钮的用法。强调“相对于舞台”按钮的用法举例说明:直线分割椭圆矩形打孔9教学过程备注举例：直线分割椭圆,矩形打孔2）形状的融合融合是将两个形状连在一起，此功能可创建绘图工具无法绘制的形状。使用时要注意，进行融合的形状的颜色要相同，没有边框，并且不是独立的对象（即在绘制对象时没有按下“对象绘制”按钮）。3）组合对象组合是将多个对象当作一个整体进行处理，可以更方便地对对象进行移动、变形等操作，还可以防止因为重叠而产生的切割和融合。在编辑组合时，其中的每个对象均保持各自的属性以及与其它对象的关系。创建组合Ctrl+G编辑