FLASH动画制作活动教案.docx
《FLASH动画制作活动教案.docx》由会员分享，可在线阅读，更多相关《FLASH动画制作活动教案.docx（35页珍藏版）》请在冰豆网上搜索。
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，不选外框，然后把窗口设为灰色，再选几个设为黄色（以上的修改都是元件的修改运用）
另外一幢楼也是复制，然后进行修改，同样用了元件的修改。
这个制作要特别注意的是对齐工具的应用。
回到场景中，星星一层，高楼一层，再另换一层，画路基（直线工具）
要注意视觉上的真实感，按照路基的倾斜度调整高楼的形状。
汽车的制作：
主要是图片的转换
新建一个元件，导入汽车的图片，把位图转换为矢量图；
对图片进行处理，删掉白色的部分；
回到场景中，汽车也新建一层，然后就做汽车的补间动画，使汽车开动起来。
小结：
1、多边工具的使用
2、元件的属性修改应用（包括大小、颜色和透明度等）
3、对齐的使用
4、位图转为矢量图
第四节直线运动和绘图工具
教学课时：
4课时
教学目标：
要求学生掌握直线运动的补间。
2、掌握实例的编辑修改。
3、掌握铅笔工具及钢笔工具。
4、制作夜色中行驶的汽车、动感片头的制作
教学重点：
教学重点：
铅笔、钢笔工具的灵活使用
教学过程：
一、复习巩固
实例――夜色中行进的车
内容回顾
在上节课中已经完成了动画的一部分，星星的制作相信大部分同学已经学会了，接下来一部分同学还没完成高楼的制作，我们说要注意对齐工具的运用。
出现的问题
在画楼的时候很多同学都出现这样的问题，楼不能改变，这主要是元件没建好，一般是要有三人元件，一个是窗户，一个是房框，还要一个就是两者结合的楼。
这样改变的时候其实是改变房框的形状。
二、进一步完成实例
1、汽车的运动
这里主要掌握知识点是位图转化为矢量图（修改－位图－转换位图为矢量图），把白色的部分删掉，把汽车放到场景中，制作汽车的运动。
主要要注意起点和终点关键帧的设置。
2、路面、一些线的绘制
主要掌握钢笔、铅笔工具等绘图工具的使用
方法有多种，老师教的只是其中一种，大家都可以根据自己对绘图工具的使用，来完成各种绘制。
路面的绘制
可以先画一个矩形（无边，灰色填充），然后用部分选取工具改变，使成为自己想要的范围
线的绘制
主要是中间一条灰色的线，有两种方法
方法一 由于并不要求很精确，可以先画完直线，然后再用橡皮工具擦掉中间不要的部分
方法二 可以把线条形式改为虚线，在自定义处可以进行修改（前面一个数值代表实线的长度，后面的表示中间空的地方的长度，一般为35，8）
3、画完这些线后，我们可以来看一下汽车是否沿着线开，可以根据线的倾斜度，调整一下汽车的起点和终点位置。
三、实例－标志动画的制作
1、先画静止的画面（实例）
分析：
主要分为三部分 边、文本和图形
边的绘制比较简单，让学生自己完成；
字母的输入也不难，主要是设置多种字体，这里为三种，可以根据自己的喜好，任意设置三种字体，同时可以调整其大小。
主要是图形的绘制
菱形的绘制只要画好一个矩形，然后旋转一下就可以了
关于旁边一个无规则图形的绘制，主要应用钢笔工具，来画出自己所想要的形状
2、让标志动画动起来（实例）
我们做每个动画之前先要对这个动画进行分析，哪些是动的，哪些是静的，动的又是怎么动的？
（回想一下以前学过的一些动画形式，到这里应该怎么做）
宗旨：
不管用了什么方法，只要把效果做出来就好，同学们可以把自己所学的东西融会贯通，方法不是只有一种，老师介绍的方法是比较常用的，并不一定是最好的，大家可以通过多动手，或许就会发现更好的方法。
学多了就会灵活运用，举一反三了！
我们仔细观察动画有几层，一般就是要做几个运动
第一，边是静止不动的，因此我们只要画好放在那里就行
第二，按动画动起来的顺序来看，菱形是最先动的，主要透明度的改变和旋转，这个并不难，学生应该已经掌握了，稍加分析即可。
第三，第二个图形在菱形还在动的时候就出现了，所以要在菱形变化有中间过程中开始做动画，主要是透明度有改变，后阶段是有和无之间的转变，主要通过插空白帧来实现。
第四，字母J是从上往下运动的，字符串esting,是从右往左运动的，还有coltd则是和上面的图形一样，在有无之间的转变，方法同上。
到些，我们的动画基本就完成了，从中可以发现其实动画并不难，要通过我们的分析以及创造力来完成精彩的动画，我们在做的时候可以充分发挥自己的创造力，比比看谁的动画做得最精彩！
四、小结
1、学会绘图工具的使用（直线和钢笔等工具）
2、运动的几种基本形式的综合运用
第五节 巩固
教学课时：
3课时
教学目标：
1、要求学生巩固椭圆工具、直线工具、填充工具、钢笔工具、变形工具、选取工具、墨水瓶工具、矩形工具的使用。
2、巩固图形元件、影片元件的创建。
3、巩固二类补间动画的特点。
4、巩固二类动画：
变形动画、直线运动动画。
一、巩固复习
主要通过几个具体的实例来复习相关知识点
1、使用多边形工具、钢笔工具绘制（实例）
通过月亮和星星的画法，来巩固多边形工作和钢笔工作等画图工作的使用
主要知识点：
月亮绘制（可用学过的多种方法，这里不再重复）
星星的绘制（多边形工具的应用。
要注意设置，包括样式、边数、顶点大小等参数的设置）
2、用矩形工具及变形工具制作一个立体建筑物，再用重复使用元件制作下列效果图，制作中要注意使用多图层，才能产生建筑之间的叠加效果。
（实例）
注意几点：
一是元件的重复利用；二是要使用多层（一般一个楼一层）
三是利用CTRL工具进行楼房的形状调整，使其更具立体感。
主要步骤：
先观察楼房有两种形状，一种是普通的立方体，另一种是稍变形的，有透视效果，所以我们首先要建两个元件。
先建一个元件，分两层，一层画房框（用矩形工作），一层画窗户（请注意转化为元件，以便于调整）。
再在库中直接复制元件，然后在新元件中用按CTRL进行微调整
画好路面（略）
把两个元件根据需要拖出来，并调整好颜色，同时要注意分为多层，以便于叠加（有前后顺序）
背景色填充（渐变工作的使用）
3、用二个关键帧制作变形效果（实例）
此实例主要巩固学生对渐变填充工具的使用
动画分为两层，一层为背景，也是利用渐变填充（放射状）
另一层为变形动画的制作，即为星形变方形，要注意两个关键帧（即由什么变为什么），第一帧为星形。
最后一帧为方形，中间创建形状动画。
4、有时间的同学自己动手画画卡通烟囱（实例）
二、检测（两节课时间进行考试，一共三题，具体要求等详见index.html）
考试只是检测这一阶段的学习情况，老师根据同学中反映出来的问题，知道学生的掌握情况，对症下药，使大家尽快学会FLASH！
创造出有自己特色的精彩动画!
第六节 文字特效制作
教学课时：
4课时
教学目标：
1、复习巩固测试题。
2、掌握几类文字特效的制作。
教学重点：
各类文字效果的制作
教学过程：
一、测试分析
根据上次考试的具体情况进行小结点评
1、先说明一下这次考试的概况，总的来说大家完成得都还不错，这次的题目并不难，基本上都是最基础的，而且还都讲过的，大部分同学都只可以独立完成。
大家起点都差不多，只要肯努力，一定可以学好的，入门很快，进一步提高要靠自己，学得快的同学要不断努力，一定能出成绩。
2、存在的一些问题：
小部分同学形状渐变还没掌握，可个别提问；
大部分同学侧面的调整做得不够好，细心调整即可；
个别同学星形变形不自然，原因是星形的边数问题，做的时候要看清要求，仔细研究；
注意生成swf文件（CTRL+ENTER）；
要注意层的命名，养成良好的习惯。
3、表扬一些同学，并展示一下他们的作品（实例四个）
二、文字特效制作实战
1、阴影字的制作（实例）
技术分析：
阴影字分析主要为两层，一层是文字层，一层是阴影层，且阴影层在文字层下面一层；阴影层就是文字层的复制、变色及变形
主要步骤：
新建一层，打入文字FLASH；
再建一层，复制粘贴；（CTRL＋SHIFT＋V就是原位置的粘贴）；
颜色和形状的调整
2、浮雕字的制作（实例）
技术分析：
原理同阴影字的制作，分几层，通过颜色调整，做出浮雕效果
3、打字效果的制作（实例）
技术分析：
文字要一个个出来，可以考虑用逐帧动画（请注意与补间动画的区别：
补间动画是软件自动生成的）
主要步骤：
先新建一层，导入背景图片；
再建一层，一共有21个文字，插入21个关键帧（F6）；
在每一个关键帧处设置文字的个数，根据字打出来的效果，每帧依次多一个字。
4、五彩旋转文字（实例）
技术分析：
文字的五彩填充，文字的旋转与缩放
主要步骤：
新建一个元件，两次打散后，用七彩色填充；
建立一个动画，注意缩放和旋转的设置
学生可自己练习用中文字做五彩旋转文字，效果更明显些。
5、光线字的制作（实例）主要适用于掌握程度较好的学生
技术分析：
文字的光线效果的绘制和元件的透明度的变化效果
主要步骤：
新建一个元件，一个打散状态的字母和光线的效果，用直线绘制或者变形工具；
在一层中设置透明度的变化（由浅到深再到浅的过程）；
其余做法同，为加强效果，要注意另外层的字母ABC的设置，一共有六层
6、残影文字的制作（知识拓展）
主要是动作快的学生自己探索制作
提示：
主要要几层文字的叠加效果，（每层文字的透明度设置不同，形成残影效果）
每层文字都设置成旋转动画，只不过开始有先后顺序，以致形成残影效果
三、小结：
文字的效果很大就是应用几层文字不同状态的叠加效果以及动画的开始时间的不同来体现文字的变化，掌握了以上的要点同学们经过自己的创造一定能制作出更精彩的动画！
第七节 引导线的制作应用
教学课时：
4课时
教学目标：
1、复习掌握几类文字特效的制作（包括发光字和残影效果）
2、了解引导线的概念
3、学会用引导线制作简单动画
教学过程：
一、复习掌握文字特效
1、大概说一下作业批改情况
2、发光字体的制作
大部分同学把发光字体的动画过程都做出来了，说明大家对这部分掌握得还可以，还有同学没懂的及时问。
大部分同学的共同点是字母没做好，上次说的矩形工具的微调整是一种方法，我们也可以用直线工具来画，然后用线性渐变填充。
这样做出来的效果比较好，不会出现一些阴影被遮盖的现象，这是同学们最要注意的问题。
当然也有个别同学做得比较
升级会员 