《Flash-CS3动画制作》Flash-CS3基本操作(模块一).ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,模块一,Flash CS3,基本操作,主讲老师：*,Flash CS3,动画制作任务实训教程,学习目标,初步了解并熟悉,Flash CS3,的界面,熟练掌握自定义,Flash CS3,的工作界面的方法,了解,Flash CS3,中的图形、帧、图层和场景的概念,熟练掌握设置,Flash CS3,动画场景的一般方法,掌握测试与发布动画的方法,任务一,认识,Flash CS3,任务目标,初步认识,Flash CS3,的工作界面，掌握自定义,Flash CS3,的工作界面的方法，为制作出精美的,Flash,动画做铺垫。,（,1,）认识,Flash CS3,的工作界面。,（,2,）掌握自定义,Flash CS3,的工作界面的方法。,操作一,认识,Flash CS3,界面,启动与退出,Flash CS3,启动,Flash CS3,通过快捷图标启动：若第一次启动,Flash CS3,，在双击建立在桌面中的,Flash CS3,快捷方式图标,按钮，将打开如图,1-1,所示界面，在该界面中按照需要选择需要的文档（在此可打开最近创建的,Flash,文档、用模板创建的文档和其他,Flash,文档）。,Flash CS3,“欢迎屏幕”对话框,操作一,认识,Flash CS3,界面,通过“开始”菜单启动：在,Windows,桌面中选择,【,开始,】【,所有程序,】【Adobe Flash CS3 Professional】,菜单命令，启动,Flash CS3,。,通过动画文档启动：通过打开一个,Flash CS3,动画文档，启动,Flash CS3,。,退出,Flash CS3,通过菜单命令退出：在,Flash CS3,工作界面中选择,【,文件,】【,退出,】,菜单命令退出,Flash CS3,。,通过快捷键退出：在,Flash CS3,中按“,Ctrl+Q,”键，退出,Flash CS3,。,通过关闭按钮退出：单击工作界面右上角的,按钮退出,Flash CS3,。,操作一,认识,Flash CS3,界面,认识,Flash CS3,的工作界面,Flash CS3,工作界面,操作一,认识,Flash CS3,界面,标题栏：位于工作界面的最上方，用于显示软件名称和当前动画文档名称等信息，可通过标题栏右侧的,按钮对窗口进行最小化、最大化和关闭操作。,菜单栏：位于标题栏的下方，包括“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“调试”、“窗口”和“帮助”等菜单，在制作,Flash,动画时，通过执行相应菜单中的命令即可实现特定的操作。,操作一,认识,Flash CS3,界面,“时间轴”面板：主要用于创建动画和控制动画的播放进程。“时间轴”面板左侧为图层区，用于控制和管理动画中的图层；右侧为帧控制区，由播放指针、帧、时间轴标尺和时间轴视图等部分组成，用于创建动画并对动画中的帧进行控制和管理，如图所示。,工具箱：系统默认的工具箱位于工作界面的左侧。在工具箱中放置了,Flash CS3,中所有的绘图工具，主要用于绘制和编辑矢量图形。,“时间轴”面板,操作一,认识,Flash CS3,界面,工作区：它是制作动画的主要区域，无论是绘制图形，还是编辑动画都需要在工作区中进行，工作区中央的白色区域称之为“舞台”，如图所示。在发布的最终动画中，将只显示放置在舞台区域中的图形对象，而对位于工作区灰色区域中的图形对象将不会显示。,工作区,操作一,认识,Flash CS3,界面,“属性”面板：位于工作界面的最下方，包括“属性”、“滤镜”和“参数”,3,个选项卡，如图所示。其中“属性”选项卡用于显示或更改当前动画文档、文本、元件、形状、位图、视频、组、帧或工具的相关信息和设置，根据所选对象的不同，该选项卡中的显示内容也不相同；“滤镜”选项卡主要用于为文本、影片剪辑和按钮元件添加滤镜效果；“参数”选项卡则用于设置交互组件的参数。,“属性”面板,操作一,认识,Flash CS3,界面,“颜色面板：位于工作界面的右上方，如图所示，其中包括“颜色”和“样本”两个选项卡，主要用于更改和调配矢量图形的线条颜色和填充颜色，以及创建各种所需的渐变色。,“库”面板：位于工作界面的右下方，如图所示，主要用于存储和管理在,Flash CS3,中创建的各种元件以及导入的各种素材文件（如位图图形、声音文件和视频剪辑等）。除此之外，在“库”面板中，还可通过建立文件夹来管理库中的项目，查看项目在动画文档中使用的频率，并按类型对项目进行排序。,“颜色”面板,“库”面板,操作二,自定义,Flash CS3,的工作界面布局,1,打开和关闭面板,除了默认工作界面中的“属性”、“颜色”和“库”面板等常用面板外，在Flash CS3,中还包括“动作”、“行为”和“组件”等众多面板。若要在工作界面中打开这些面板，只需在菜单栏的“窗口”菜单中选择相应的命令即可（如选择,【,窗口,】【,对齐,】,菜单命令，即可打开“对齐”面板）。若要在工作界面中关闭相应的面板，只需单击该面板名称栏中的,按钮即可。,2,调整面板位置,若要改变工作界面中面板或界面组件的位置，只需将鼠标移动到面板或界面组件的名称栏中，然后按住鼠标左键并拖动鼠标，当拖动到要放置的新位置后，释放鼠标左键即可改变面板或界面组件在主界面中的位置。,操作二,自定义,Flash CS3,的工作界面布局,3,改变面板显示方式,通过,按钮更改：在,Flash CS3,的工作界面中，单击工具箱上方的,按钮，可将工具箱在单列或双列排列之间进行切换；单击面板栏上方的,、按钮，可将面板在图标显示和默认显示方式之间进行切换，如图所示。,通过按钮更改,操作二,自定义,Flash CS3,的工作界面布局,通过快捷菜单更改：单击工作区中的“工作区”按钮，然后在弹出的快捷菜单中选择“图标和文本默认值”或“仅图标默认值”命令即可，如图所示。,通过菜单命令更改：在,Flash CS3,工作界面中，选择,【,窗口,】【,工作区,】,菜单命令，然后在打开的子菜单中选择相应命令即可，如图所示。若在打开的菜单中选择“默认”命令，则可恢复到默认的工作界面。,通过快捷菜单更改,通过菜单命令更改,操作二,自定义,Flash CS3,的工作界面布局,4,保存界面布局,在自定义,Flash CS3,的工作界面后，就可以将该工作界面布局进行保存。其方法是：选择,【,窗口,】【,工作区布局,】【,保存当前,】,菜单命令，在打开如图所示的“保存工作区布局”对话框中为当前工作界面布局命名，然后单击“确定”按钮即可保存该工作界面布局，并将其设置为,Flash CS3,启动时的默认工作界面。,如果定义了多个工作界面布局，可通过选择,【,窗口,】【,工作区,】,菜单命令，然后在打开的子菜单中选择相应的工作界面布局名称，如图所示，即可切换到对应的工作界面布局。,“保存界面布局”对话框,选择工作界面,学习与探究,打开文档,选择,【,文件,】【,打开,】,菜单命令打开“打开”对话框。在如图所示的“打开”对话框的“查找范围”下拉列表框中选择要打开的文档路径；在“文件名”文本框中输入相应的文件名（或直接用鼠标单击要打开的动画文档图标）后，单击“打开”按钮即可。,打开文档,学习与探究,保存文档,选择,【,文件,】【,保存,】,菜单命令打开如图所示的“另存为”对话框，在该对话框的“保存在”下拉列表框中选择文档保存的路径；在“文件名”文本框中输入动画文档的名称；在“保存类型”下拉列表框选择文档的保存类型，然后单击“保存”按钮即可。,保存文档,学习与探究,关闭文档,关闭单个文档：选择,【,文件,关闭,】,菜单命令（或按“,Ctrl+W,”键），可关闭当前编辑的动画文档。,通过,按钮关闭文档：单击动画文档标题栏右侧的,按钮，可关闭当前编辑的动画文档。,关闭全部文档：选择,【,文件,】【,全部关闭,】,菜单命令（或按“,Ctrl+Alt+W,”键），可关闭,Flash CS3,中打开的所有动画文档。,任务二,认识,Flash CS3,中的图形概念,任务目标,（,1,）认识与了解位图与矢量图。,（,2,）掌握帧的基本操作方法。,（,3,）掌握图层的基本操作方法。,操作一,认识位图与矢量图,位图,位图是根据图像中每一点的信息生成的，如图所示，存储和显示位图就需要对图像中每一个点的信息进行处理，这样的一个点就是像素，一幅,400400,像素的位图有,160,000,个像素，电脑要存储和显示这幅位图就需要处理,16,万个像素的相关信息。因其存储和显示原理，使得位图具有丰富的色彩表现力，一般多用于对色彩丰富度或真实感要求比较高的场合。在,Flash,中无法通过提供的绘图工具对位图进行绘制，只有通过导入素材的方式，来获取相应的位图。位图在放大到一定倍数时会出现明显的马赛克现象（马赛克实际上就是放大的像素点），如图所示为将图放大,200,倍后的效果。,位图,放大后的位图,操作一,认识位图与矢量图,矢量图,矢量图是由电脑根据存储的矢量数据，通过相应的计算后生成的，如图所示，它主要通过包含颜色和位置属性的直线或曲线数据来描述图像，因此电脑在存储和显示矢量图时，不需要对每一个像素进行处理，只需记录图形的线条属性和颜色属性等数据信息。利用,Flash,中绘图工具绘制的图形都为矢量图形。相对于位图，矢量图所占用的存储空间较小，并且无论放大多少倍都不会出现马赛克现象，如图所示为将图放大,200,倍后的效果，因此在,Flash,动画中使用的图形多为矢量图形，这样不但可以有效地减少文件的大小还能保证图形在缩放变化时的画面质量。,矢量图,放大后的矢量图,操作二,帧的操作,帧的类型,在,Flash CS3,中，根据帧的不同功能和含义，可将帧分为空白关键帧、关键帧和普通帧,3,种，如图所示。,空白关键帧：在时间轴中以一个空心圆表示（,）该关键帧中没有任何内容，这种帧主要用于结束前一个关键帧的内容或用于分隔两个相连的补间动画。,关键帧：在时间轴中以一个黑色实心圆表示（,），关键帧是指在动画播放过程中，表现关键性动作或关键性内容变化的帧。关键帧定义了动画的变化环节，一般的动画元素都必须在关键帧中进行编辑。,普通帧：在时间轴中以一个灰色方块表示（,），通常处于关键帧后方，普通帧只是作为关键帧之间的过渡，用于延长关键帧中动画的播放时间，因此不能对普通帧中的图形进行编辑。一个关键帧后的普通帧越多，该关键,帧的播放时间就越长。,帧的类型,操作二,帧的操作,帧的标志状态,：关键帧之间为浅蓝色背景并有从左至右的黑色箭头标识，表示对应的帧创建了动作补间动画。,：关键帧之间为浅绿色背景并有从左至右的黑色箭头标识，表示对应的帧创建了形状补间动画。,：关键帧上有小写的“,a,”符号，表示为帧指定了,ActionScript,动作脚本，该帧可实现相应的交互动作。,：关键帧之间为浅蓝色背景且关键帧之间以虚线连接，表示对应的帧创建了动作补间动画，但该动画没有创建成功，或在创建时操作出现错误。,：关键帧之间为浅绿色背景且关键帧之间以虚线连接，表示对应的帧创建了形状补间动画，但该动画没有创建成功，或在创建时操作出现错误。,：关键帧上有一个小红旗，并有相应的文字，表示在该帧上设定了帧标签或注释。,操作二,帧的操作,帧的选择,选中单个帧：若要选中单个帧，只需使用鼠标左键在时间轴中单击该帧即可，如图所示。,选择不连续多个帧：若要选择不连续的多个帧，只需按住“,Ctrl,”键，然后依次单击要选择的帧即可，如图所示。,选择连续多个帧：若要选择连续的多个帧，只需按住“,Shift,”键，然后分别单击连续帧中的第,1,帧和最后一帧即可，如图所示。,选中单个帧,选择不连续多个帧,选择连续多个帧,操作二,帧的操作,帧的移动,通过拖动的方式复制：在时间轴中选中要复制的帧，按住“,Alt,”键将其拖动到要复制的位置，然后释放鼠标左键即可，如图所示。,利用快捷菜单复制：在时间轴中选中要复制的帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，然后在目标位置处再次单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令即可。,拖动方式移动帧,操作二,帧的操作,帧的复制,通过拖动的方式复制：在时间轴中选中要复制的帧，按住“,Alt,”键将其拖动到要复制的位置，然后释放鼠标左键即可，如图所示。,利用快捷菜单复制：在时间轴中选中要复制的帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，然后在目标位置处再次单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令即可。,复制帧,操作二,帧的操作,插入帧,插入普通帧：在时间轴中要插入普通帧的位置单击鼠标右键，在弹出的快捷菜单中选择“插入帧”命令，可在当前位置插入普通帧在关键帧后插入普通帧或在已沿用的帧中插入普通帧都可延长动画的播放时间。,插入关键帧：在时间轴中要插入关键帧的位置处单击鼠标右键，在弹出的快捷菜单中选择“插入关键帧”命令，可在当前位置处插入关键帧。插入关键帧之后即可对插入的关键帧中的内容进行修改和调整。,插入空白关键帧：在时间轴中要插入空白关键帧的位置处单击鼠标右键，在弹出的快捷菜单中选择“插入空白关键帧”命令，可在当前位置处插入空白关键帧。插入空白关键帧可将关键帧后沿用帧中的内容清除，或对两个补间动画进行分隔。,操作二,帧的操作,清除帧,清除帧用于将选中帧中的所有内容清除，继续保留该帧在时间轴中所占用的位置。在,Flash CS3,中清除帧的方法是：在时间轴中选中要清除的帧，然后单击鼠标右键，在弹出的快捷菜单中选择“清除帧”命令即可清除所选帧的内容，如图所示。,清除帧及其效果,操作二,帧的操作,删除帧,删除帧用于将选中的帧从时间轴中完全清除，执行删除帧操作后，被删除帧后方的帧会自动前移并填补被删除帧所占位置。在,Flash CS3,中删除帧的方法是：在时间轴中选中要删除的帧，然后单击鼠标右键，在弹出的快捷菜单中选择“删除帧”命令即可。,翻转帧,翻转帧可将选中的帧的播放顺序进行颠倒。在,Flash CS3,中翻转帧的方法是：在时间轴中选中要翻转的多个帧，单击鼠标右键，然后在弹出的快捷菜单中选择“翻转帧”命令。,操作二,帧的操作,添加帧标签,在时间轴中选中要添加标签的帧。在“属性”面板的“帧”文本框中输入帧的标签名称，然后单击下方的“标签类型”下拉列表框，在其中选择一种标签类型。随后即可为选中的帧添加相应的标签，如图所示。,添加帧标签及其效果,操作二,帧的操作,更改帧显示,单击时间轴右上角的,按钮，在打开的如图所示的快捷菜单中选择一种显示方式，即可对时间轴中的帧的显示方式进行更改，如图所示为选择“预览”方式后的效果。,在快捷菜单选择显示方式,选择“预览”方式后的效果,操作三,图层的操作,在,Flash CS3,中每个图层都拥有独立的时间轴，在编辑与修改图层中的内容时，都不会影响到其他图层。对于较为复杂的动画，用户可以将其进行合理的划分，把动画元素分布在不同的图层中，然后分别对各图层中的元素进行编辑和管理，这样既可以简化繁琐的工作，也可有效地提高工作效率，如图所示为,Flash CS3,中的图层区。,图层,操作三,图层的操作,图层区中各按钮的功能及含义,操作三,图层的操作,图层的类型,操作三,图层的操作,图层的新建,在,Flash CS3,中新建图层的方法是：单击图层区中的,按钮，即可在当前图层上方新建一个普通图层。若单击图层区中的,按钮，则可在当前图层上方，新建一个引导层。,移动图层,在图层区中选中要移动的图层，按住鼠标左键将其拖动到要移动到的目标位置，然后释放鼠标左键，即可完成图层的移动，如图所示。,移动图层及其效果,操作三,图层的操作,图层的重命名,在图层区中双击要重命名的图层名称，使其进入编辑状态，然后在名称区域中输入图层的新名称，完成后，用鼠标左键单击名称区域外的任意位置确认修改。,图层的删除,操作三,图层的操作,图层的锁定,图层的隐藏,操作三,图层的操作,图层的显示属性的设置,在要设置为轮廓显示方式的图层中，单击与,按钮对应的,图标，即可将该图层以轮廓方式显示，此时,图标会显示为,图标，以轮廓方式显示的图层效果如图所示。若要将动画中的所有图层以轮廓方式显示，只需在图层区单击,按钮即可。若要将图层恢复为正常方式显示，只需再次单击,图标即可。,轮廓方式显示效果,操作三,图层的操作,图层属性的设置,（,1,）在图层区中选中要设置属性的图层，单击鼠标右键，在弹出的快捷菜单中选择“属性”命令。,（,2,）打开如图所示的“图层属性”对话框。在对话框中可对图层的名称、隐藏和锁定状态、图层类型以及图层的轮廓颜色等属性进行设置。,（,3,）然后单击“确定”按钮即可。,“图层属性”对话框,操作三,图层的操作,利用图层文件夹管理图层,（,1,）在图层区中单击 按钮，新建一个空白图层文件夹，并为该文件夹命名。,（,2,）选中要进行管理的图层，按住鼠标左键将其拖动到图层文件夹中，释放鼠标左键后即可将该图层放置到图层文件夹中。,（,3,）用相同的方法新建其他图层文件夹，并将相应的图层放置到与之对应的图层文件中，即完成对图层的分类和管理，如图所示。,管理图层,任务三,设置,Flash,动画制作环境,任务目标,（,1,）了解,Flash CS3,中场景的概念。,（,2,）掌握,Flash CS3,设置场景背景颜色、设置场景尺寸的方法。,（,3,）掌握在,Flash CS3,调整场景显示大小及设置标尺网格和辅助线的方法。,操作一,场景的基本操作,新建场景：选择,【,窗口,】【,其他面板,】【,场景,】,菜单命令，或按“,Shift+F2”,键打开“场景”面板，单击面板中的,按钮，即可新建名为“场景,2,”的新场景。,重命名场景：在“场景”面板中双击要重命名的场景，使其进入编辑状态，然后在名称区域中输入场景的新名称，完成后用鼠标左键单击名称区域外的任意位置确认修改。,复制场景：在“场景”面板中选中要复制的场景，然后单击,按钮，即可在该场景的下方复制一个与其内容完全相同的场景副本。,调整场景顺序：默认情况下，,Flash,动画会按照“场景”面板中的场景排列顺序进行播放。若要改变这些场景的播放顺序，在“场景”面板中对场景的顺序进行调整。方法是：在“场景”面板中选中要调整顺序的场景，按住鼠标左键将其拖动到要调整到的新位置。拖动到所需的位置后，释放鼠标左键，即可完成场景顺序的调整。,删除场景：在“场景”面板中选中要删除的场景，然后单击,按钮，即可将该场景从动画中删除。,操作二,设置背景颜色,（,1,）在打开动画文档的情况下，单击“属性”面板中的 按钮，在打开如图所示的颜色列表中，将鼠标移动到某一个色块上，单击鼠标左键，即可将该颜色设置为动画文档的背景颜色。,选择背景颜色,操作二,设置背景颜色,（,2,）若在颜色列表中没有适合的颜色，可单击颜色列表右上角的 按钮，打开如图,1-36,所示的对话框。在该对话框的颜色选择框中，用鼠标单击某一个颜色区域，可选择该区域的颜色样本；在右侧的颜色深度调节框中，按住鼠标左键拖动滑块调整颜色的深度。,（,3,）调整好颜色后单击“确定”按钮，动画文档的背景颜色即变更为前面设置的颜色。,“颜色”对话框,操作三,设置场景尺寸,（,1,）在打开动画文档的情况下单击“属性”面板中的 按钮，打开如图所示的“文档属性”对话框。,（,2,）在“尺寸”栏的“宽”和“高”文本框中修改数值，即可设置舞台的新尺寸；在“标尺单位”下拉列表框中，可选择标尺的度量单位（通常选择“像素”选项）。,（,3,）设置完成后单击“确定”按钮，动画文档的舞台尺寸即变更为设置的新尺寸。,“文档属性”对话框,操作四,调整场景显示比例,（,1,）单击工作区右上角的 下拉列表框，在其中选择相应的显示比例（如选择,50%,）。随后即可将工作区以该比例进行显示。,（,2,）若要将工作区中的图形进行缩放显示，可在工具箱中单击 按钮选择缩放工具，然后在下方区域中单击 或 按钮，然后将鼠标移动到工作区中的图形上方，单击鼠标左键即可对图形进行放大或缩小。,（,3,）若要查看图形中的某一个细节，可在选择缩放工具的情况下，按住鼠标左键将要查看的图形部分框选，框选图形后，释放鼠标左键，即可将选定的细节部分放大到整个工作区显示。,（,4,）若要对图形中无法显示的其余部分进行查看，可在工具箱中单击、按钮选择手形工具，然后在工作区中按住鼠标左键向相应方向拖动即可。,（,5,）若在 下拉列表框中找不到需要的显示比例，可直接在其中输入所需比例对应的值。,操作五,设置标尺、网格与辅助线,设置标尺,选择,【,视图,】【,标尺,】,菜单命令，或按“,Ctrl+Alt+Shift+R,”键，即可在工作区左侧和上方显示出标尺，如图所示。,标尺效果,操作五,设置标尺、网格与辅助线,设置网格,（,1,）选择,【,视图,】【,网格,】【,显示网格,】,菜单命令，或按“,Ctrl+”,键，即可在工作区的舞台中显示网格。,（,2,）若要对当前的网格状态进行更改，可选择,【,视图,】【,网格,】【,编辑网格,】,菜单命令，或按“,Ctrl+Alt+G”,键，在打开如图所示的“网格”对话框中设置网格颜色、水平和垂直间距以及贴紧精确度等。,“网格”对话框,操作五,设置标尺、网格与辅助线,（,3,）设置完成后单击“确定”按钮，即可在场景中看到如图所示设置网格后的效果。,设置网格后的效果,操作五,设置标尺、网格与辅助线,设置辅助线,（,1,）选择,【,视图,】【,辅助线,】【,显示辅助线,】,菜单命令。或按“,Ctrl+,；”键，使辅助线呈可显示状态，然后在工作区上方标尺中按住鼠标左键向场景中拖动，制作出工作区中的水平辅助线。,（,2,）用相同的方法，在工作区左侧标尺中按住鼠标左键向场景中拖动，可制作出工作区中的垂直辅助线。,（,3,）选择,【,视图,】【,辅助线,】【,编辑辅助线,】,菜单命令。或按“,Ctrl+Alt+Shift+G”,键打开如图所示的“辅助线”对话框，可对辅助线的颜色、贴紧和锁定等属性进行设置。,“辅助线”对话框,操作五,设置标尺、网格与辅助线,（,4,）设置完成后，单击“确定”按钮即可看到如图所示的效果。,设置辅助线后的效果,任务四,制作并发布“跳动的小球”动画,任务目标,通过制作如图所示小动画“跳到的小球”，熟悉,Flash CS3,的工作界面，并掌握本模块中所学的部分重要知识点。,跳动的小球效果,任务四,制作并发布“跳动的小球”动画,操作思路,（,1,）新建动画文档。绘制小球图形元件并为其填充颜色。,（,2,）制作小球跳到的引导动画。,（,3,）测试并发布动画。,制作跳动的小球的操作思路,操作一,新建动画文档,（,1,）双击桌面上的,Flash CS3,快捷方式图标，打开如图所示的“新建文档”对话框。,“新建文档”对话框,操作一,新建动画文档,（,2,）在该对话框中选择常规”选项卡中的第一个选项后单击“确定”按钮。,（,3,）此时文档的名称为“未命名”，选择,【,文件,】【,保存,】,菜单命令，打开如图所示的“另存为”对话框。,（,4,）在该对话框的“保存在”下拉列表框中选择文件的保存位置，在“文件名”下拉列表框中输入“跳动的小球,.fla”,文本，在“保存类型”下拉列表框中选择“,Flash CS3,文档”选项，然后单击“保存”按钮。,“另存为”对话框,操作一,新建动画文档,（,5,）在“属性”面板单击 按钮，在打开如图所示的“文档属性”对话框中将场景大小设置为,550350,像素，帧频为,24fps,，单击“确定”按钮。,（,6,）选择,【,文件,】【导入,】【,导入到库,】,菜单命令，将“沙地,.jpg”,图片素材导入到库中。,设置场景尺寸背景颜色,操作二,绘制小球,（,1,）单击工具箱中的 按钮不放，在弹出的菜单中选择“椭圆工具”命令，如图所示。,选择椭圆工具,操作二,绘制小球,（,2,）选择,【,窗口,】【,颜色,】,菜单命令，在弹出的“颜色”面板中对小球的渐变填充颜色进行设置，在“类型”下拉列表框中选择“放射状”选项，并按照图所示调整渐变色，其中二个滑块的颜色分别为,#FFFFFF,、,#CD0707,；,Alpha,值均,100%,不变。,设置小球渐变色,操作二,绘制小球,（,3,）然后在场景左上方的外侧绘制半径为,71,的正圆如图所示。,（,4,）在第,70,帧单击鼠标右键，在弹出的快捷菜单中选择“插入帧”命令。,绘制好的小球,操作三,制作引导动画,（,1,）在“时间轴”面板单击 按钮，创建引导层。,（,2,）在引导层中选择工具箱中的铅笔工具 ，在“属性”面板中将笔触颜色设置为粗细为,1,的黑色实线。,（,3,）然后在引导层场景中绘制一条如图所示的引导线。,绘制引导线,操作三,制作引导动画,（,4,）返回图层,1,，将红色小球吸附到引导线的最上方，放置在如图所示的位置。,吸附小球,操作三,制作引导动画,（,5,）在图层,1,的第,1,帧单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，然后在该图层的第,10,帧单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令。,（,6,）将第,10,帧中的小球移动到如图所示位置吸附到引导线上。,绘制引导线,操作三,制作引导动画,（,7,）在第,1,帧单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，即可创建出小球由上向下跳动的补间动画效果。,（,8,）用相同的方法分别在第,18,帧和第,28,帧创建出小球在不同位置跳动的补间动画，在第,70,帧中将小球吸附到引导线的如图所示位置。,吸附小球,操作三,制作引导动画,（,9,）在“时间轴”面板中单击 按钮，创建图层,3,，将“库”面板中的“沙地,.jpg”,图片素材拖动到场景中，调整大小使其覆盖整个场景，如图所示。,（,10,）在“时间轴”面板将图层,3,拖动到图层,1,的下方，按“,Ctrl+S”,键保存该动画，此时的时间轴状态如图所示。,添加背景图层,时间轴状态,操作四,测试与发布动画,（,1,）选择,【,控制,】【,测试影片,】,菜单命令，打开动画的测试窗口。,（,2,）在测试窗口中选择,【,视图,】【,下载设置,】,菜单命令，在打开的如图所示菜单中选择一种带宽类型。,（,3,）选择,【,视图,】【,模拟下载,】,菜单命令，对设置带宽模式下的动画实际下载情况进行模拟测试。,选择带宽类型,操作四,测试与发布动画,（,4,）选择,【,视图,】【,带宽设置,】,菜单命令，然后选择,【,视图,】【,数据流图表,】,菜单命令打开数据流显示图表，查看动画下载和播放时的数据流情况，如图所示。,（,5,）选择,【,视图,】【,帧数图表,】,菜单命令打开帧数显示图表，在该图表中查看动画中各帧中的数据使用情况。查看相关信息后，关闭测试窗口，完成动画的测试。,数据流显示图表,操作四,测试与发布动画,（,6,）选择,【,文件,】【,发布设置,】,菜单命令，打开如图所示的“发布设置”对话框。在“格式”选项卡中选中相应的复选框，对动画发布的格式进行设置。,发布格式的设置,操作四,测试与发布动画,（,7,）单击“,Flash”,选项卡，在其下对发布的,Flash,动画格式进行相应参数设置，如图所示。,“,Flash,”选项卡的设置,操作四,测试与发布动画,（,8,）单击“,HTML”,选项卡，在其下对发布的,HTML,网页的格式进行相应参数设置，如图所示。设置完成后单击“确定”按钮确认设置的发布参数。,（,9,）在设置发布参数后，单击“发布设置”对话框中的“发布”按钮或按“,Shift+F12”,键发布动画。,“,HTML,”选项卡的设置,实训一,自定义并保存“我的界面”,实训目标,利用前面所的相关知识，按照自己的使用习惯自定义如图所示的工作界面，并将其保存为“我的界面”，通过本实训熟练掌握自定义界面的方法。,自定义“我的界面”效果,实训一,自定义并保存“我的界面”,实训分析,】,（,1,）新建一个Flash,文档。,（,2,）按照图示对工作界面进行调整。打开“颜色”、“属性”、“对齐”和“库”面板，然后将工具箱拖到到“时间轴”面板右侧。,（,3,）选择,【,窗口,】【,工作区,】【,保存当前,】,菜单命令，在打开的对话框中将其保存为“我的界面”。,实训二,制作与测试“落叶”动画,实训目标,仿照本模块“跳动的小球”动画制作如图所示的落叶动画，并对其进行测试。通过本实训进一步熟悉,Flash CS3,的工作界面并掌握测试动画的方法。,落叶,实训二,制作与测试“落叶”动画,实训分析,（,1,）新建落叶文档，将场景大小设置为,550300,像数，背景设置为白色，帧频为,15fps,。,（,2,）导入素材到库，放置背景图片并绘制不同形状的落叶。,（,3,）为各落叶创建不同的引导层并制作不同的引导动画。对动画进行测试并进行修改。,制作落叶的操作思路,