Flash CS5项目教学

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,项目一 Flash入门基础知识,初识Flash CS5,制作第一个Flash动画,使用Flash CS5的辅助功能,本人有FLASH CS项目教学的全部教学资料，包括教案，课件，素材原文件与练习用文件，视频资料等，需要请联系QQ：32177763，因是自己精心制作，不免费哟，非诚勿扰。,任务一 初识Flash CS5,任务说明,下面将带领读者了解Flash动画的应用领域、特点及创作流程，以及掌握启动和退出Flash CS5的方法，并认识Flash CS5的工作界面。,一、Flash动画的应用领域,Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏、企业宣传、产品展示和电子相册等领域。,网页广告 Flash音乐动画,预备知识,二、Flash动画的特点,Flash动画的主要特点如下。,制作简单：,Flash动画的制作相对比较简单，一个爱好者只要掌握一定的软件知识，拥有一台电脑，一套软件就可以制作出简单的动画。,存储容量小和缩放时不失真：,Flash动画主要由矢量图形组成，矢量图形具有存储容量小，并且在缩放时不会失真的优点。此外，在发布Flash动画的过程中，程序还会压缩、优化各种动画组成元素（如位图图像、音频、视频等），这就进一步减少了动画的存储容量，从而使其更适于在网络上传输和播放。,交互性强：,我们可使用ActionScript语言为Flash动画添加代码，使动画具有交互性。,三、Flash动画创作流程,每个人创建Flash动画的习惯不同，但都会遵循一个基本的流程。下面便为读者介绍创建Flash动画的流程。,发布作品,前期策划,准备素材,后期调试,制作动画,任务实施,一、启动Flash CS5并熟悉工作界面,启动Flash CS5,1.单击“开始”按钮，在弹出的菜单中选择“所有程序”“Adobe Design Premium CS5”“Adobe Flash Professional CS5”，或双击桌面上的图标。,正确安装Flash CS5并进行注册后，可参照以下步骤启动Flash CS5。,Flash CS5开始页,单击此处的选项，可使用系统自带的一些模板制作Flash动画,单击该选项可打开“打开”对话框，从中可选择要打开的文档,2.打开Flash CS5的开始页，单击“ActionScript 3.0”或者“ActionScript 2.0”选项即可新建一个Flash文档，并进入Flash CS5的工作界面。,Flash CS5工作界面,3.进入Flash CS5的工作界面后，我们可以看到其工作界面由标题栏、菜单栏、文档选项卡、主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制面板等组成。,文档选项卡：,当打开多个文档后，单击由文档名称形成的文档选项卡标签可切换当前编辑的文档，单击文档选项卡右侧的“关闭”按钮，可关闭相应的文档。,编辑栏：,用于选择需要进行编辑的场景、元件，以及设置舞台显示比例。,舞台：,舞台是用户创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意，位于舞台外的内容在播放动画时不会被显示。,工具箱：,工提供了绘制、编辑和填充图形，以及缩放和平移舞台的工具。要选择某工具，只需单击该工具即可。另外，部分工具的右下角带有黑色小三角，表示该工具中隐藏着其他工具，在该工具上按住鼠标左键不放，可从弹出的工具列表中选择其他工具。,“时间轴”面板：,默认情况下，“时间轴”面板位于舞台下方，用于组织和控制动画内容，它主要包括图层和时间帧两部分。“时间轴”面板的左侧区域显示了动画中包含的图层名称及其相应状态，右侧显示了各图层的时间轴。,图层区,播放头,时间帧标尺,时间帧,时间帧状态栏,“时间轴”面板,“属性”面板：,“属性”面板默认位于舞台右侧，利用它可以方便地查看和更改当前选定对象的属性。当前选定的对象的不同，“属性”面板中的选项也会不同。,其他面板：,例如，利用“颜色”面板可以设置图形的填充色或线条颜色；利用“库”面板,可以,保管Flash动画中用到的素材，如元件、音乐、视频和位图等素材。,二、自定义Flash CS5工作界面,用户可以根据个人习惯和工作需要，对Flash CS5的工作界面进行调整，调整后还可将工作界面保存起来，方便以后调用。要调整Flash CS5的工作界面可参考以下操作。,选择工作界面的外观模式 打开“动作”面板,1.启动Flash CS5并进入其工作界面后，单击“标题栏”右侧的”基本功能”下拉按钮，可在展开的下拉列表中根据自己的需要选择工作界面的外观模式。,2.如果在默认的工作界面中找不到需要的面板，可以通过选择“窗口”“面板名称”菜单来打开它，例如打开“动作”面板,关闭面板,4.要将不需要的面板关闭，只需单击该面板右上角的 按钮，在展开的下拉菜单中选,择“关闭”选项即可；若选择“关闭组”选项，可关闭同组的所有面板。,切换面板,3.,Flash会将某些性质相似的面板放在同一面板组中，此时单击面板组上方该面板的名称标签，可在不同的面板之间切换。,切换面板显示状态,展开相应面板,6.单击右侧面板组右上角的“折叠”按钮 或“展开”按钮，可使面板组在图标状态和展开状态之间切换。,7.在面板组处于图标状态时，单击某图标可展开相应面板；再次单击可折叠面板。,8.如果不小心将工作界面调乱了，还可在“布局模式”下拉列表中选择“重置XXX”选项，恢复默认的工作界面。若在该下拉列表中选择“新建工作区”选项，则可将当前工作界面保存起来。,任务二 制作第一个Flash动画,任务说明,制作Flash动画时，首先需要新建一个Flash文档并设置文档属性。对于新手来说，要制作出Flash动画，还需要简单了解一下制作动画的基本原理。本任务将带领大家学习这些知识，并创建第一个Flash动画作品。,预备知识,一、Flash文档基本操作,1新建文档,新建Flash文档的方法主要有以下两种。,新建Flash文档,启动Flash CS5时，在开始页的“新建”设置区单击要创建的文档类型，通常单击“ActionScript 3.0”选项。,新建Flash文档,进入Flash CS5工作界面后，选择“文件”“新建”菜单或按快捷键【Ctrl+N】，在打开的对话框中选择要新建的文档类型，单击“确定”按钮,2保存文档,保存文档,在完成对Flash文档的编辑和修改后，需要对其进行保存操作。为此，可选择“文件”“保存”菜单或按快捷键【Ctrl+S】，在打开的“另存为”对话框中选择文档保存路径，输入保存文件名，选择保存类型，然后单击“保存”按钮保存文档。,3打开文档,启动Flash时，在开始页左侧的“打开最近的项目”下选择最近保存过的文档。,在工作界面中选择“文件”“打开”菜单，或按快捷键【Ctrl+O】，在打开的“打开”对话框中选择要打开的文档，单击“打开”按钮。,直接在保存文档的文件夹中双击要打开的Flash文档。,要打开以前保存的文档进行再次编辑，可使用以下几种方法。,二、Flash动画制作原理,下面通过制作一颗心在跳动的动画，使读者进一步了解动画原理。,制作心跳动的动画,1.打开素材文档。,2.在时间轴面中板单击选中第2帧，然后按【F6】键插入一个关键帧。,3.使用“任意变形工具”适当放大第2帧中的心图形。,任务实施,一、新建Flash文档并设置属性,要制作Flash动画，首先要创建一个文档并设置其属性，下面是具体操作方法。,选择“文档”菜单,1.启动Flash CS5，在开始页的“创建”设置区单击“ActionScript 3.0”选项，创建一个Flash文档并进入Flash CS5工作界面。,2.,选择“修改”“文档”菜单,。,设置Flash文档属性,3.,在“尺寸”编辑框中设置文档的宽度和高度均为400像素，然后单击“背景颜色”右侧的色块，在弹出的“拾色器”面板中单击黄色，其他选项保持默认设置不变，单击“确定”按钮,。,尺寸：,设置舞台的宽和高。播放动画时，将只显示位于舞台中的动画组成元素。,背景颜色：,单击该选项右侧的色块，可在弹出的“拾色器”面板中设置舞台颜色。,帧频：,是指动画的播放速度，单位是“fps”，即每秒播放多少帧，默认为24fps。,标尺单位：,如果要在文档中使用标尺，可在该选项右侧的下拉列表中选择标尺的度量单位。,二、制作小球弹跳动画,下面我们就来制作一个小球弹跳的动画。,绘制正圆图形,1.,按住工具箱中的“矩形工具”不放，在展开的工具列表中单击选择“椭圆工具”,。,2.,单击工具箱颜色区的“填充颜色”按钮，在打开的“拾色器”面板中选择一种渐变色，然后将光标移动到舞台中，在按住【Shift】键的同时，按住鼠标左键并拖动，绘制一个正圆形,。,创建“小球”图形元件,3.,单击“图层1”的第1帧以选中舞台中的图形，然后按快捷键【F8】，在打开的“转换为元件”对话框的“名称”编辑框中输入“小球”，再在“类型”下拉列表中选择“图形”选项。设置完毕后单击“确定”按钮，即可将鸡蛋图形转换为图形元件。,插入普通帧,4.,单击“时间轴”面板的第50帧处选中该帧，然后按【F5】键在该处插入一个普通帧。,创建补间动画并设置第1帧上的元件实例,5.,右击舞台中的小球元件实例，从弹出的快捷菜单中选择“创建补间动画”，为该元件实例创建补间动画。,6.,单击“时间轴”面板第1帧将播放头转到该帧，然后单击选中工具箱中的“选择工具”，将光标移动到舞台中的小球元件实例上，按住鼠标左键不放并向左上方拖动，将小球元件实例拖到舞台外左侧偏上位置。,设置第25帧和第50帧上的元件实例,7.,单击“时间轴”面板第25帧将播放头转到该帧，然后使用“选择工具”将小球元件实例移动到舞台下方，参考以上方法设置第50帧上的元件实例。,三、预览动画,在制作动画过程中，按下【Enter】键，可以测试动画在时间轴上的播放效果；反复按【Enter】键可在暂停测试和继续测试之间切换。,预览动画,若希望测试动画的实际播放效果，可选择“控制”“测试影片”菜单，或按下快捷键【Ctrl+Enter】，在Flash Player播放器中预览动画。,四、保存和关闭Flash文档,保存和关闭动画,制作好小球跳动动画后，按快捷键【Ctrl+S】，在弹出的“另存为”对话框中将文件保存，文件名为“第一个Flash动画.fla”。,最后在文档选项卡中单击文件名右侧的“关闭”按钮关闭文档。,任务三 使用Flash CS5的辅助功能,任务说明,在Flash中绘制精细图形时，经常需要对视图进行缩放和平移，以及使用标尺、网格和辅助线精确定位对象的位置等。本任务将带领大家学习这些知识。,预备知识,一、使用标尺、网格和辅助线,在绘图或编辑对象时，利用网格、标尺和辅助线可以精确调整对象在舞台上的位置，并使不同对象相互对齐。,显示网格线 “网格”对话框,选择“视图”“网格”“显示网格”菜单，或按快捷键【Ctrl+“】，可显示（或隐藏）网格。,选择“视图”“网格”“编辑网格”菜单，在打开的“网格”对话框中可设置网格线的颜色、网格的间距以及对象是否贴紧网格对齐等参数。,拖出辅助线 “辅助线”对话框,要使用辅助线首先要启用标尺，选择“视图”“标尺”菜单，可在舞台中显示（或隐藏）标尺。在舞台上方或左侧的标尺上按住鼠标左键并拖动，即可拖出水平或垂直辅助线，反复操作可拖出多条辅助线。,如果要移动辅助线，可以选择工具箱中的“选择工具”，然后在辅助线上按住鼠标左键并拖动。选择“视图”“辅助线”“编辑辅助线”菜单，可在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数。,二、操作的撤销和恢复,按快捷键【Ctrl+Z】可撤销前一步操作，连续执行可撤销多步操作；若不小心将正确的操作撤销了，可按快捷键【Ctrl+Y】恢复撤销的操作。,使用历史记录面板撤销和恢复操作,如果需要一次性撤销多步操作，可选择“窗口”“其他面板”“历史记录”菜单