FLASH动画制作活动教案

FLASH动画制作小组活动教案2013-2014年度第二学期教学课时第一节初识FLASH3课时第二节FLASH简单动画制作4课时第三节基本工具的使用4课时第四节直线运动和绘图工具4课时第五节巩固3课时第六节文字特效制作4课时第七节引导线的制作应用4课时第八节按钮的制作一4课时第九节按钮的制作二4课时第十节测试与遮照一4课时第十一节基础知识复习及遮照应用二4课时第十二节遮照应用三6课时第十三周遮照复习4课时第十四节ActiontScript语句的使用4课时第十五节声音处理和引导页制作4课时第一节初识FLASH教学课时:3课时教学目标:熟悉FLASH的工作环境,掌握最基本的概念教学重难点:层和元件的概念及简单运用教学过程:一、FLASH特点：使用矢量图形和流式播放技术。矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FSCOMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。总之，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。二、熟悉工作环境1、主要分为舞台就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑。就像演员表演的舞台，动画呈现在舞台上，超出舞台的区域就为不可见，也就是幕后，FLASH动画也要十分注重舞台和幕后的共同设计。时间轴窗口用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。绘图工具栏放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。标准工具栏列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。图库窗口用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics)，按钮(Button)和电影片断(MovieClip)。其调用的快捷键为Ctrl-L。学习FLASH也要养成良好的习惯，其中建立元件就是最基本也是最重要的，元件存放在图库中，这样便与元件的重复使用以及统一修改。控制器面板控制电影的播放操作的工具集合（包括影片的前进后退暂停等），一般不大常用，处于隐藏状态。2、逐步介绍各个区域（1）时间轴时间轴(Timeline)是Flash中最重要的工具之一。用它可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。状态栏中的为洋葱皮(Onionskin)按钮，其作用是在显示播放头所在帧内容的同时显示其前后数帧的内容。当点击该按钮时，播放头周围会出现方括号形状的标记，其中所包含的帧都会显示出来，这将有利于我们观察不同帧之间的图形变化过程。和的作用一样，只不过它只显示各帧图形的轮廓线。当我们需要同时编辑多个帧时，按下按钮就可以了，但要注意，它只对帧-帧动画有效，而对渐变动画无效，因为渐变动画是通过定义关键帧再插值的方法实现的，所以其中内插的帧是无法编辑的。是洋葱皮修改器，用于改变洋葱皮的状态和设置。其后的三个数字分别为当前播放头所在帧号，动画播放速度以及以此速度从头播放到当前帧所需的时间。时间轴窗口右上角的可以用来调整时间每个单元格的宽窄大小，各人可根据自己的喜好，动画的长短等因素进行修改，以便于实际操作。(2)元件和层概念及运用在讲动画形式之前先讲元件和库的概念，教学生建立元件的方法及必要性。空心小圆圈表示空白的关键帧，没有内容，例如在新建一个动画文件时出现。先建立一个元件，然后在场景中拉入元件拉入后成实心点，有内容就成了实心点单独的关键帧为一黑色圆点，后面为灰色表明其后各帧的内容与其一致，没有变化。实例分析：背景色的设置；相同小球的组合绘制要点：选择工具的使用（任意变形和整体选择操作）圆形的绘制（shift画正圆）；建立元件（元件的概念）组合CTRL＋G打散CTRL＋B直线工具的使用元件主要有两个优点：可以重复使用和统一修改介绍元件建立的两个方法：插入――建立新元件或者选择对象转换为元件。(3)图层:通过实例ceng及clx掌握图层关于图层(Layer)的概念，学过Photoshop的人都不会陌生。形象地说，图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，你就可以透过它直接看到下一层。所以我们可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。使用图层并不会增加动画文件的大小，相反它可以更好帮助我们安排和组织图形，文字和动画。图层是Flash中最基本而且重要的内容，因而需要很好地掌握:在实例（ceng）中学习下面的知识。左图是一个典型的图层例子，图中所示共有十一个层。其中用黑色标识带有一支铅笔标志的层为当前正在编辑的层。如果该层不能被编辑，则会显示图标。在这些层右上方有三个图标，其中可以控制该层是否被显示，默认状态为正常显示，在对应下方用表示，如果点击这个黑点，则会出现，同时该层被隐藏，隐藏的层不能被编辑。用来控制是否锁住该层，被锁住的层可以正常显示，但不能被编辑，这样在你编辑其它层时，可以利用这一层作参考，而不会误改了这一层的内容。可以控制是否将层以轮廓线方式显示，点击对应的黑点，会出现，再点一次恢复正常。这几个功能可以同时起作用。(4)动画形式分为运动动画和渐变动画运动动画：例如一个小球从左边运动到右边表示运动渐变动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡紫色(浅蓝色)。虚线说明中间的过渡存在错误，无法正确实现内插。两个例子：一个是小球位置的改变，另一个是颜色透明度的改变。渐变动画：例如圆变方块！表示变形过渡动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡绿色。同样如果中间出现错误，也会出现虚线！主要是两个例子，圆变方块和英文字变中文其中要注意对象要打散，文字要打散两次。比较和补间动画的区别。下面两个略作了解字母a表示该帧已通过帧属性对话框指定了action。关于action以后会详细介绍。小红旗表明该帧有标签或注解。三、小结通过本次课的学习，学生要理解并掌握元件和层的概念及简单运用。要注意以下几点：1.元件存在库中，方便重复使用和统一修改2.一个元件对应一层3.层之间上下叠放，可改变顺序4.动画的两种形式，补间动画包括位置和颜色透明度的改变。形状动画要注意对象要打散，其中文字的打散要用两次CTRL＋B。第二节FLASH简单动画制作教学课时:4课时教学目标：1、复习巩固FLASH中最基本的概念（元件、图层）2、掌握两种动画形式：补间动画和渐变动画3、掌握时间轴上帧的操作（插入、删除等）教学重点：应用工具画图，并制作动画教学过程：一、复习巩固主要是在上节的基础上完成进一步动画做完的同学可以进一步练习两种动画形式，主要为物体透明度的改变和文字的变形。记住三句口决：1、一个对象一层2、一般一个对象要转换为元件3、在形状动画中不要建立元件，对象要打散二、实例运用1上节课已经学习了两种最基本的动画形式，这次课我们就先来综合运用一下。实例1哭脸变笑脸1、先给学生看最后的效果2、分析要分为几层？五层脸、眼眶、嘴、左眼、右眼为什么要用5层？嘴一层要进行动画制作，因此要单独一层左右眼珠分两层，眼睛看起来灵活些，也更方便些几个注意的地方：线条的粗细可调整；对象的大小可调整（直接修改数值比较精确）；对象要对齐可用吸附工具，也可以借辅助线用方向键进行微调整；嘴是要变形的，打散状态（右键－分离弧线才可变形，选中的对象不能改动）；F5普通帧（删除帧），F6关键帧（清除关键帧），补间动画FLASH自动生成。思考：眼睛怎么转动？―――元件的运动。分析：眼珠要四周转动，需要四个关键帧三、综合实例1、看实例2进行分析：主要是混色器的使用关键步骤：先画一个圆，线条可调整；选择渐变的圆，在混色器中进行调整（小块往下拉就删除），调整到合适的效果（用颜料桶填充）；要做圆环，在大圆中再画一个小圆，小圆在选中状态下可以改变位置，调整大小等。（要注意，放开就不能改了）。改变大小时，SHIFT是左上角调整，ALT则是以圆心调整；要做成补间动画（形状动画也是成立的，但没什么效果。自己要多试，可以意外发现一些效果）补间动画顺时针40帧循环3次（24帧为1秒）思考字母变形的做法（结合上次课的练习）四、学生动手创作教师节贺卡（有样例3）(20’)要求学生充分发挥自己的想象力，动手制作一张贺卡主要包括几方面的内容：1、文字的移动2、文字的旋转移动3、文字的渐隐（透明度的变化）4、简单的动作设置（stop）五、小结通过本次课的学习，我们复习并巩固了FLASH的两种基本动画形式，以及运用了层来更好地表现动画。第三节基本工具的使用教学课时:4课时教学目标：1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具的使用。2、要求学生掌握修改菜单中的位图、元件、形状的菜单项。3、掌握如何制作基本图形：圆环、星星、月亮、太阳、空心文字、门、窗、建筑物。4、掌握位图的导入及矢量图的转换。教学重点：基本图形的制作；如何导入和转换图片。教学过程：一、复习巩固1、完成上次的作业（哭脸变笑脸的的例子和转动的圆环）上传作业（新的作业平台的使用，上传原文件）。二、新课引入思考一下这个圆环是怎么做的？（实例）分析：1、我们可以用上节课讲的大圆里画小圆的方法来完成，不过可能觉得还是有些麻烦的，上节课是为了特殊的渐变效果才用那种方法的，现在再介绍另一种方法：2、关键步骤选择圆形工具，边线设置为七彩色，线条粗细调节好（要做成一个环，数值比较大），填充色设为白色；选中圆环，修改－形状－线条转为填充色；墨水瓶工具填充线条；注意点：修改－形状－线条转为填充色，否则无法实现（会把七彩色盖掉）三、实例教学1、多边形工具的使用太阳的制作主要步骤：选择矩形工具下面的小箭头，选择多边形工具，在选项中进行设置，样式：星形边数10星形顶点大小0.5（数量越小就越尖）可以具体演示两种效果，让学生比较掌握；填充色设为黄色渐变（渐变工具的再一次复习巩固）；画一个深黄色的圆，在上面画上眼睛和嘴（变形工具的使用）有时间的同学自己创作画月亮（实例）几点注意：月牙形的绘制；墨水瓶工具的填充线条3、综合实例制作分析：整个动画分为三个主要部分（星星、高楼和汽车），一个个来制作星星影片制作：首先，绘制一个星星（图形元件），主要步骤同多边形的绘制；再建立一个影片元件，名为闪动的星，注意区别影片元件和图形元件（参看足球的转动），让学生注意观察标记不一样记住一句口诀：元件可改变颜色、透明度、大小等，都不会改变元件本身（可通过星星的制作具体演示）关键步骤：画好星星后，新建一个影片元件，改变星星的透明度作一个补间动画，即为星星的闪烁；复制一个影片，然后在此基础上修改，上一个是由亮到暗，这一个就是由暗到亮，这样可心使星星看起来闪动自然些；星星这个影片做好后，让学生动手做星星。建筑物的制作：新建一个元件，画一个褐色填充黑框的房框再建一个元件，画一个白色填充黑框的窗户，通过复制粘贴，做成4个窗口。然后选中4个窗口运用修改－对齐－顶端对齐和宽度均匀分布，使4个窗口排列整齐。通过复制(按CTRL拖动)，画好多排多列窗口，一列选中调整对齐。其他几列操作也同。选中所有窗口，按SHIFT，不选外框，然后把窗口设为灰色，再选几个设为黄色（以上的修改都是元件的修改运用）另外一幢楼也是复制，然后进行修改，同样用了元件的修改。这个制作要特别