《制作第一个简单动画》由会员分享，可在线阅读，更多相关《制作第一个简单动画（49页珍藏版）》请在金锄头文库上搜索。
1、实验一 制作第一个简单动画一、实验目的 （1) 熟悉Flash的工作环境。 （2) 掌握文档属性的设置方法。 （3) 了解图形元件的创建方法 。（4) 了解绘图工具的使用方法 。（5) 了解渐变填充的设置和调整。 （6) 了解创建补间动画的技巧 。（7) 了解导入和应用外部的图片。 （8) 掌握如何测试、保存和导出影片。二、实验内容推门而入制作第一个简单动画三、实验步骤新建文档设置文档属性。（1）新建文档单击Windows系统的“开始”菜单，执行“开始-程序-Macromedia-Macromedia FLASH 8 2004”命令，启动FLASH 8 2004，系统现弹出FLASH 8 20
2、04的启动界面。单击中间“开始页”“创建新项目”下的“Flash 文档”项目，创建一个新空白文档,（2）打开属性检查器执行“窗口-属性”命令（快捷键Ctrl+F3），打开“属性检查器”面板。“属性检查器”面板位于舞台的下方，新建文档以后，用“属性检查器”面板来指定文档的“舞台”大小、“背景颜色”、“帧频” (fps也就是播放速度)以及文档的“发布设置”等参数， （3）设置文档属性单击“属性检查器中”面板上“大小”右边的“控件按钮”，弹出设置“文档属性”对话框，最上面“尺寸”是用来设定“舞台”大小尺寸的，输入宽度的值：400 px（像素）；高度的值不变：400 px（像素）。单击“背景颜色”右边
3、的“取色按钮”，在弹出的“颜色样本”面板上选取颜色，选取颜色的同时鼠标指针变成“滴管工具”，找到天蓝色样本并拾取，同时可以查看在“十六进制文本框”中显示颜色值为 “#00CCFF”。2. 创建图形元件元件是在 Flash 中创建的图形、按钮或影片剪辑，是Flash动画中的基本构成重要元素之一。元件只需创建一次，即可在整个文档或其他文档中重复使用。而且多次使用它不会明显增大动画文件的体积大小。创建的任何元件都会自动成为当前文档的“库”的一部分。可以随时打开“库”面板进行调用，元件的应用使动画制作变得轻松快捷。（1）新建图形元件：执行“插入”“新建元件”命令（快捷键 Ctrl+F8），打开“创建新
4、元件”对话框。在“创建新元件”对话框中，输入元件的“名称”为“小球”，“行为”选择“图形”前面的单选按钮，然后单击“确定”按钮。（2）进入元件编辑状态创建元件完成以后，编辑动画的“舞台”已经从“场景1”切换到“小球”图形元件的编辑状态，在“时间轴”的上方有“场景1”|“小球”的提示。3. 绘制图形（1）设置圆形的颜色选择“工具”面板上的“椭圆工具”，单击“工具”面板下面“颜色”区域的“笔触颜色”，在弹出的“颜色样本”面板上选择“没有颜色”；再单击“填充颜色”，在弹出的“颜色样本”面板上选择蓝色“#0000FF”。（2）绘制圆形移动鼠标到“舞台”的中间，按住键盘“Shift”键同时按住鼠标左键拖
5、动，绘制出一个随意大小的圆形。（3）设置圆形的属性选择“工具”面板上的“选择工具”，然后单击“舞台”上的“圆形”，执行“窗口-属性”命令（快捷键Ctrl+F3），打开“属性检查器”面板，在“属性检查器”面板中设置“宽”和“高”都为“66”像素，“X轴”和“Y轴”的坐标都为“-33”。4. 改变圆形为渐变填充（1）选择渐变色填充类型保持“舞台”上的“圆形”处于被选中状态，执行“窗口”“设计面板”“混色器”命令（快捷键Shift+F9），打开“混色器”面板。单击“填充样式”后面的下拉按钮，在弹出菜单中选择“放射状”渐变填充。（2）设置渐变填充颜色单击中间“渐变定义栏”的下面“左边”的“渐变指针”，
6、设置“放射状”渐变填充的起始点颜色，也就是圆心中间部位的颜色。在下面的“颜色空间”单击选择一种浅蓝颜色“#939BFD”。然后再单击“渐变定义栏”下面“右边”的“颜色指针”，设置“放射状”渐变填充的终点颜色，也就是圆形周围的颜色。在下面的“颜色空间”单击选择一种深蓝颜色“#36027D”。（3）完成渐变色填充颜色设置好以后，因为舞台上的“圆形”处于被选中状态，编辑颜色的同时被选中的“圆形”会自动添加编辑的渐变填充颜色，很像一个小球的形状。（4）调整渐变填充渐变填充完成以后，“圆形”有了立体感，但是不符合光源的照射规律，我们来调整“圆形”渐变填充的起始位置，使其看起来更接近自然界中的球体。选择“
7、工具”面板上的“填充变形工具”，移动鼠标到舞台上单击“圆形”，“圆形”的中间和周围出现4个“填充变形控制点”。移动鼠标到“圆形”中间的“填充变形控制点”上，鼠标指针变成“十字方向”，按住鼠标左键向左上方拖动，将“高光区”拖放到“圆形”的左上方。5. 制作动画（1）打开库面板执行“窗口”“库”命令（快捷建F11）,打开“库”面板。在“库”面板中看见我们刚才创建的“小球”图形元件。（2）布局第1帧上的小球单击“时间轴”的上方“场景1”，切换到“场景1”的舞台，选中“库”面板中的“小球”图形元件，按下鼠标左键并拖动它到“舞台”的上边中间位置。新建文档的主场景在“时间轴”上只有一个“图层1”和一个“空
8、白关键帧”，“小球”拖放到“舞台”上以后，就直接加到“图层1”的第一帧上，同时第一帧变成“关键帧”。“关键帧”是用来定义动画变化状态的帧，显示为实心圆。（3）改变图层名称添加关键帧鼠标双击“图层1”的图层名称处，输入“小球”将“图层1”重新命名为“小球”。单击选中“小球”图层的第20帧，执行“插入-时间轴-关键帧”命令（快捷键 F6），在第20帧处插入一个“关键帧”，用同样的方法在“小球”图层的40帧插入一个“关键帧”。（4）调整20帧上小球位置单击选中“小球”图层的第20帧，选择“工具”面板上的“选择工具”，然后移动鼠标到“舞台”的“小球”图形元件上，按住键盘上的“Shift” 键同时按住鼠
9、标左键拖动“小球”到舞台的正下方。（5）定义动作补间动画选中“小球”图层的第1帧，打开“属性检查器”面板，在“属性检查器”面板中，单击“补间”后面的下拉按钮，在弹出的菜单中选择“动作”。“小球”图层的第1帧到第20帧之间出现一条浅蓝色背景的带黑色箭头的实线。 这样就实现了第1帧到第20帧的“动作”补间动画。用同样的方法，再实现第20帧到40帧之间的动画。（6）在场景中测试动画拖动“时间轴”上的红色“播放头”到第一帧的位置，按下键盘的“Enter”键，动画开始播放，观察小球的“动作”补间动画效果，看见“小球”以平均的速度从上到下又回到上面。（7）使动画更符合客观规律我们观察到的“小球”是均速的上
10、下运动，现实生活中受地球吸引力的因素，应该是向落下的速度越来越快，弹起以后到上面速度逐步减慢，下面我们来对补间动画属性进行一些设置，使“小球”的运动更符合客观规律。选中“小球”图层的第1帧，打开“属性检查器”面板，在“属性检查器”面板中“简易”的参数文本框中输入“-100”。用同样的方法选中“小球”图层的第20帧，在“属性检查器”面板中“简易”的参数文本框中输入“100”。说明：在定义补间动画时，通过设置一些相关参数可以使动画效果更丰富，比如上面定义的“简易”参数，可以将运动表现为先慢后快和先快后慢的效果。默认状态下，“简易”参数值为“0”，表示平均速度的运动，更改这个参数值，就可以实现加速运
11、动或者减速运动。当值为正数时，运动为减速运动；当值为负数时，运动为加速运动。（8）再次在场景中测试动画拖动“播放头”到第一帧的位置，再按下键盘的“Enter”键，观察发现“小球”运动效果比较符合客观规律了。6. 给动画添加背景（1）新建图层单击“时间轴”左边“图层名称”底部的“插入图层”按钮，新建“图层2”（2）改变图层顺序并重新命名单击选中新建的“图层2”图层名称处，按住鼠标左键并拖动到“小球”图层的下面，然后双击“图层2”的图层名称处，输入“背景”将“图层2”重新命名为“背景”。（3）导入背景图片我们要给“小球运动”加上一个背景图片，使动画更加美观，事先选好一张和场景大小一致的图片。本例中
12、的背景图片参见随书附带的光盘中的第一章的素材文件。选中“背景”图层的第一帧，执行“文件-导入-导入到舞台”命令（快捷键Ctrl+R），弹出“导入”对话框，在“导入”对话框中选择要导入的图片文件“背景.jpg”，然后点击“打开”按钮。（4）设置图片在舞台上的位置单击“打开”按钮以后“背景.jpg”导入到舞台上。默认状态没有摆放到“舞台”的中间，看起来很不美观。执行“窗口-设计面板-对齐”命令（快捷键Ctrl+K），打开“对齐”面板，保持右边“相对于舞台”按钮处于按下状态，分别单击“对齐”下面的“水平中齐”和“垂直中齐”按钮。7. 测试和保存动画（1）测试动画执行“控制”“测试影片”命令（快捷键
13、Ctrl+Enter），弹出（.SWF）测试窗口，可以观看整个动画的播放效果，测试动画效果是否满意。单击 (.SWF）测试窗的关闭按钮即可关闭。如果有不满意的地方可以继续回到场景对动画进行编辑和调试，直到满意为止。（2） 保存动画执行“文件”“保存”命令（快捷键 Ctrl+S），弹出“另存为”对话框，指定文件保存的路径，输入文件名“小球运动”，保存类型：FLASH 8 2004 文档（.fla）即文件的扩展名为 .fla。最后单击“保存”按钮保存动画。8. 导出动画（1）导出动画执行“文件”“导出”“导出影片”命令（快捷键 Ctrl+Alt+Shift+S），弹出“导出影片”对话框，指定文件导
14、出的路径和源文件保存在一个目录下，输入文件名“小球运动”，保存类型：Flash 影片（.swf）即文件的扩展名为 .swf。然后单击“保存”按钮。（2）导出设置单击“保存”按钮以后，弹出“导出Flash Player”设置对话框，如图1-3-36所示。在这个对话框中可以设置导出动画文件的相关参数，本实例不作改动，保持目前默认的参数，单击“确定”按钮，导出动画完成。四、注意事项1、注意FLASH8窗口的组成。2、注意图层的用法。五、实验报告（1）实验目的；（2）实验环境；（3）操作步骤；（4）遇到的问题及解决方法（5）实验心得和体会。实验二 基本绘图工具一、实验目的（）熟悉工具栏中工具的功能和作
15、用。（）能使用工具栏中工具绘制图形。二、实验内容绘制一片树叶及一棵树三、实验步骤. 绘制一片树叶执行“文件-新建”命令，弹出“新建文档”对话框，在“类型”中选择“Flash文档”，单击“确定”，建立一个新的Flash文档，在这里我们不改变文档的属性，直接使用其默认值。（1）新建图形元件执行“插入-新建元件”命令，或者按快捷键Ctrl+F8，弹出“创建新元件”对话框，在“名称”中输入元件名称为“树叶”，选择“行为”为“图形”，单击“确定”按钮。这时工作区变为“树叶”元件的编辑状态。（2）绘制树叶图形在“树叶”图形元件编辑场景中，首先用“线条工具”画一条直线，设置“笔触颜色”为深绿色。用“选择工具”将它拉成曲线。再用“线条工具”绘制一个直线，用这条直线连接曲线的两端点。用“选择工具”将这条直线也拉成曲线。一片树叶的基本形状已经绘制出来了，现在我们来绘制叶脉，先在两端点间绘制直线，然后拉成曲线。再画旁边的细小叶脉，可以用直线，也可以将直线略弯曲，这样，一片简单的树叶就画好了。（3）编辑和修改树叶如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子，你可以执行“编辑-撤销”命令（快捷键为Ctrl+Z），撤销前面一步的操作，也可以选择下面更简单的方法：用“箭头工具”单击想要删除的
