搜索
附录1页第1课初识Flash－变形动画昌邑潍水学校齐广强学习任务:1、认识Flash中可以创建的两种动画：帧帧动画和过渡动画。2、制作一个球体逐渐变成五边形的变形动画。知识要点：1、认识帧及关键帧2、导入GIF图片3、用颜料桶工具着色4、使用椭圆工具绘制圆，使用多角星形工具绘制五边形5、制作形状补间动画操作步骤：一、帧及关键帧的概念在Flash中，帧就是画面，一帧就是指一个画面。动画制作的关键画面就是关键帧。在Flash中为了提高工作效率，有些画面必须由作者制作，称为关键帧；有些画面则可以由计算机自动生成，称作中间帧。二、认识Flash中可以创建的两种动画1、帧帧动画(逐帧动画)：制作好每一帧画面，然后连续播放产生动画效果。（帧帧动画的每一帧都要保存在文件中，因此文件很大，所以实际制作时帧帧动画用得比较少。）导入gif图片，使学生认识帧帧动画。2、过渡动画(变形动画)：制作好若干关键帧的画面，由Flash通过计算生成中间各帧，使画面从一个关键帧过渡到另一个关键帧。过渡动画的分类根据画面形成的规则和形式，过渡动画又分为运动动画和变形动画(1)变形动画：就是由一种对象逐渐变为另一种对象。(2)运动动画：它可以使一个对象在画面中移动，改变其大小，形状使其旋转、改变颜色、产生淡入淡出等效果，各种变画可以独立进行也可以合成复杂的动画。三、制作变形动画1、使用默认的电影属性，创建一个新文件。2、绘制球体图形选取绘图工具中的椭圆工具，设置笔触颜色为无，填充颜色为蓝黑渐变色，按住Shift键在舞台左上角绘制一个无边框的正圆。如图：1-1附录2页图：1-13、绘制五边形图形(1)选中第20帧，击右键，单击插入空白关键帧在第20帧处插入空白关键帧。(2)选择多角星形工具，如图：1-2图：1-2多角星形工具(3)在舞台右下角，绘制一无边框红黑渐变色的五边形。如图：1-3图：1-3(4)创建关键帧的动作回到第一帧，单击属性打开“属性”面板，在补间动画中选择形状。如图1-4:图：1-4属性”面板附录3页四、预览动画执行Ctrl+回车,预览动画效果。五、保存动画效果。思考与拓展：1、如何修改文档，使球体变成五角星之后再逐渐变为球体。2、制作文字变形效果，数字5变成9（提示：文字制作变形效果必须将文字转换为图形，使用修改菜单中的分离命令）3、制作一模拟计算机安装软件时显示装载进程的动画，画面是一个红色的条带从左向右延伸。附录4页第2课升旗动画学习任务：红旗升起的运动动画知识要点：1、设置舞台背景颜色2、图层的使用3、创建图形元件4、用动作补间制作移动动画操作步骤：一、新建文件创建一个新文件，设置舞台背景色为淡蓝色执行【窗口】→【属性】命令（快捷键Ctrl+F3），打开“属性”面板。“属性”面板位于舞台的下方，新建文档以后，用“属性”面板来指定文档的【舞台】大小、【背景颜色】、【帧频】(fps也就是播放速度)以及文档的【发布设置】等参数。二、绘制旗杆１、设置笔触颜色为无颜色，填充颜色为棕色２、选取矩形工具，分别绘制旗台、旗杆。如图：2-1图：2-1附录5页三、制作红旗的图形符号１、【插入】→【新建元件】２、元件名称命名为“红旗”，行为选取“图形”，单击确定，进入元件编辑状态。如图：2-2。图：2-2３、选取矩形工具，将笔触颜色设为无，填充色设为红色，在工作区绘制“红旗”。四、制作运动动画１、单击场景１，回到工作区中，单击添加图层按纽添加图层，并将图层命名为“红旗”。２、单击Ctrl+L打开库面板，从库中将名为“红旗”的图形符号拖到工作区中，放到旗杆的下端。如图：2-3。（如红旗大小不合适，可以右击库中的红旗符号，选择“编辑”命令，重新编辑红旗符号。）图：2-3３、在图层1第200帧处插入帧，并在“红旗”层第200帧处插入关键帧，然后将红旗符号移动到旗杆顶端。4、回到第一帧，右击选择“创建补间动画”。完成后的时间轴效果图如下图：2-4附录6页图：2-4五、预览动画Ctrl+Enter，预览动画效果。六、保存动画文件执行【文件】→【另存为】命令，保存动画文件,生成的是扩展名为fla的可编辑的Flash文件。注：图层的概念：图层就像是若干张透明纸叠放在一起，透过图层上没有画东西的区域就可以看到下面的图层，创建一个新的Flash电影时，它仅有一层，在制作的过程中，可以根据图形和动画的需要在电影中加入并组织多个图层。思考与拓展制作一个蝴蝶由近到远飞行的动画,并且蝴蝶图形由大慢慢变小.附录7页第3课转动的风车学习任务：制作一个只有4个叶片的风车绕风车中心点旋转的动画。知识要点：1、变形面板的使用2、组合对象3、选择工具的使用4、部分选取工具的使用5、在动作补间中使用旋转操作步骤：一、新建文件，设置背景属性为淡粉色。二、创建叶片符号１、【插入】→【新建元件】２、元件名称命名为“叶片”，行为选取“图形”，单击确定，进入元件编辑状态。3、选择矩形工具，将设置笔触颜色为无填充色，填充颜色为绿黑渐变色。4、在符号区中绘制矩形，如图3-1：图3-1图3-25、选择“部分选取工具”，选中矩形后，拖动矩形左下角顶点至矩形右下角顶点处，使左下角两个顶点重合，矩形变成三角形，如图3-2：6、选择“选择工具”，移动鼠标指针到三角形的上边线处，鼠标变成箭头下跟圆弧线时，按住鼠标左键向上拖动，使之成为弧形，如图3-3：附录8页图3-3图3-47、使用“部分选取工具”，选中变形后的三角形，通过拖动该图形底部的控制点将图形3-3调整为如图3-4所示的扇形。8、拖动叶片符号，使扇形的顶点与符号编辑工作区的中心点“+”字重合，建立符号中心点。三、创建风车符号1、建立名为“风车”的图形符号，进入符号编辑工作区。2、使用Ctrl+L组合键打开库面板。弹出如图3-5所示的窗口，从中选取叶片符号，并拖动符号到编辑工作区。如图3-6所示图3-5附录9页图3-63、拖动扇形叶片符号使其顶点与风车符号中心点重合。4、执行【窗口】→【设计面板】→【变形】命令，打开变形面板。4、选择旋转，在其后输入90度，如图：3-7图3-76、单击右下角的“复制并应用转换”按纽，复制叶片，绘制出风车图形，如图3-8附录10页图3-87、执行【编辑】→【全选】命令，将叶片全部选中，然后执行【修改】→【组合】命令，将风车组合为一个整体。四、制作旋转动画1、单击场景1，回到工作区中，将风车符号拖到舞台上。2、使用任意变形工具，调节风车符号的大小。3、选择第10帧，按F6插入关键帧。4、回到第一帧，单击属性打开“属性”面板，在补间框中选择“动作”。在旋转下拉列表中选择顺时针。六、预览动画执行Ctrl+回车,预览动画效果。七、保存动画效果。思考与拓展利作本课所学知识制作一个旋转的六角形雪花动画，你会吗？附录11页第4课蝴蝶飞学习任务：制作“蝴蝶在花丛中飞舞”的动画知识要点：让对象沿路径运动引导层的使用导入图片作为背景操作步骤:一、新建文件选择【文件】-【新建】命令新建一个动画文件。二、导入背景图片1、【文件】→【导入】→【导入到舞台】,导入一张花朵图片做为背景，调整图片大小、图4-1位置，使之与舞台大小一致。并在图层1第70帧处单击F5插入帧。三、制作蝴蝶飞的电影剪辑符号1、按快捷键Ctrl+F8创建一个名为“蝴蝶飞””的影片剪辑元件。2、执行【文件】→【导入】→【导入到舞台】命令,导入蝴蝶图片。如图：4-2附录12页图4-2选用任意变形工具，蝴蝶图片四周出现8个小方框，把鼠标放在右下的小方框上，待鼠标变为一个圆形箭头，鼠标轻轻向左一拖，把蝴蝶转个方向，如图4-3:图4-34、移动蝴蝶，使蝴蝶的头部正好在舞台的正中央，右键点时间轴上的第3帧，插入关键帧。附录13页5、用任意变形工具，把蝴蝶压扁。如图4-4图4-4四、制作蝴蝶沿路径飞的运动动画1、回到场景一，单击“时间轴”面板中的插入图层按钮新增一层并改名为“蝴蝶”2、按Ctrl+L快捷键，打开库面板。将蝴蝶元件拖入到舞台中，然后在“蝴蝶”图层中右键单击第70帧，选择插入关键帧（或按F6插入关键帧），3、添加运动引导层（1）、建立引导层，选中“蝴蝶”图层，选择【插入】-【运动引导线】命令，或者直接单击图层面板左下角第2个图标添加“引导层”按钮。2、单击引导层，在引导层中用铅笔绘制出一条运动线，注意要将“工具”面板下面的图标改为平滑。如图4-5。图4-5五、使蝴蝶沿路线运动1、为确保蝴蝶的头部是朝向运动路径的，在“蝴蝶”图层中选取第1帧，拖动蝴蝶到路径起点位置，注意这时候“对齐对象”按钮必须处于打开状态，蝴蝶移动为路径起点时会自动吸附到起点处，如下图4-6，同样单击“蝴蝶”图层第70帧，拖动蝴蝶到路径终点并吸附到终点上。如下图4-7图4-6图4-7附录14页2、第1帧和第70帧之间创建“动作”动画，单击第1帧，打开属性面板，设置“补间”为[动作]，勾选[缩放]、[调整到路径]、[同步]、[对齐]。3、画制作完成。按“Ctrl+Enter”测试动画，由于引导层在动画输出时是不可见的，所以只看到一蝴蝶在飞。9、测试影片，保存动画。思考与拓展1、再添加一只飞舞的蝴蝶，你会吗？2、如果要让蝴蝶在花朵上停留一会儿，你将如何修改此文档？附录15页第5课太阳、地球、月亮的转动学习任务：利用引导图层制作太阳、地球、月亮的转动。知识要点：创建电影剪辑符号运动引导层的使用操作步骤：一、新建文档实例场景的大小为600px×200px，背景为黑色。二、制作地球符号1．按快捷键Ctrl+F8打开“创建新元件”面板，创建一个名为“地球”的图形元件。单击确定，进入元件编辑状态2、选取椭圆工具，将笔触颜色设为无，填充色设为蓝黑渐变色，在工作区绘制“地球”。注意，球体的中心要和场景的中心（“+”）重叠在一起，这是实现效果的关键之一。三、制作月亮符号1、按快捷键Ctrl+F8打开“创建新元件”面板，创建一个名为“月亮”的图形元件。单击确定，进入元件编辑状态。2、选取椭圆工具，将笔触颜色设为无，填充色设为黄色，在工作区绘制“月亮”。三、制作月亮围绕地球转动的元件1、按快捷键Ctrl+F8创建一个名为“地球系”的影片剪辑元件。在“地球系”元件的场景里双击“图层一”层的名字并改名为“地球”层。按快捷键Ctrl+L打开库，把图形元件“地球”拖拽到“地球”层中，接着在第35帧按F5键插入帧。2．单击“时间轴”面板中的插入图层按钮新增一层并改名为“月亮”。把库中的“月亮”元件拖拽到“月亮”层中，然后在该层的第35帧按F6键插入关键帧，并移动月亮的位置。然后回到该层的第1帧创建补间动画。3、单击“添加运动引导图层”按纽在月亮层上加一个运动引导层。并在引导层的第一帧画一个无填充色的圆。然后使用橡皮工具将该圆擦去一个小缺口，然后单击图层2第一帧，将“月亮”放到引导线的一端，如图：5-1。再单击图层2第35帧，将“月亮”放到引导线的另一端，如图5-2。附录16页图5-1图5-2五、制作地球月亮围绕太阳转动的动画1、回到场景1，选取椭圆工具，将笔触颜色设为无，填充色设为红色，在工作区绘制“太阳。”并在第70帧处按F5插入帧。2、单击“时间轴”面板中的插入图层按钮，新增一层并改名为“地球系”，按快捷键Ctrl+L打开库，把电影剪辑元件“地球系”拖拽到“地球系”层中，接着在第70帧按F6键插入关键帧。并移动地球系的位置。然后回到该层的第1帧创建补间动画。3、单击“添加运动引导图层”按纽在“地球系”层上加一个运动引导层。并在引导层的第一帧画一个无填充色的圆。然后使用橡皮工具将该圆擦去一个小缺口，然后单击图层2第一帧，将“地球系”放到引导线线的一端，如图：5-3。再单击图层2第70帧，将“月亮”放到引导线的另一端，如图5-4。注意：中心点要与引导线对齐。图5-3图5-4六、测试影片，保存动画。思考与拓展利用引导层制作原子运动动画，两个电子绕原子核做半径不同的圆周运动，其中外层原子运动周期是内层原子运动周期的两倍。附录17页第6课开门动画学习任务：制作两扇门逐渐打开的动画。知识要点：插入背景图片调整元件中心点元件变形操作步骤：一、创建新文档，插入