flash教学课件.ppt

《flash教学课件.ppt》由会员分享，可在线阅读，更多相关《flash教学课件.ppt（42页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、Flash CS5 动画制作案例教程项目一 初次接触Flash CS5 Flash动画概述及工作界面详解 制作第一个Flash动画 使用Flash CS5的辅助功能 任务一 Flash动画概述及工作界面详解 任务说明 本任务中，将带领读者了解Flash动画的应用领域、特点及创作流程，并掌握启动和退出Flash CS5的方法，以及认识其工作界面。 一、 Flash动画的应用领域 Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏、企业宣传、产品展示和电子相册等领域。 网页广告 Flash音乐动画 预备知识 二、Flash动画的特点 Flash动画之所以能有这么广泛的应用

2、，是与其自身的特点密不可分的。Flash动画的特点主要有以下几点。 制作简单：制作简单：Flash动画的制作相对比较简单。 制作成本低：制作成本低：用FLASH制作动画可以大幅度降低制作时间、制作成本，减少人力、物力资源的消耗。 存储容量小和缩放时不失真：存储容量小和缩放时不失真：Flash动画主要由矢量图形组成，矢量图形具有存储容量小，并且在缩放时不会失真的优点。此外，Flash在导出动画的过程中，程序还会压缩、优化各种动画组成元素，这就进一步减少了动画的存储容量。 边下载边播放：边下载边播放：.swf文件具有“流”媒体的特点，可以边下载边播放。 交互性强：交互性强：Flash可通过为动画添

3、加脚本使其具有交互性。 三、Flash动画创作流程 创建Flash动画的一般流程如下： 前期策划前期策划 准备素材准备素材 制作动画制作动画 后期调试后期调试 发布作品发布作品 一、启动Flash CS5并熟悉工作界面 正确安装Flash CS5并进行注册后，可参照以下步骤启动Flash CS5。 启动Flash CS5 1.单击“开始”按钮，在弹出的菜单中选择“所有程序”“Adobe Design Premium CS5”“Adobe Flash Professional CS5”，或双击桌面上的图标。 任务实施 Flash CS5开始页 2.打开Flash CS5的开始页，单击“Actio

4、nScript 3.0”或者“ActionScript 2.0”选项即可新建一个Flash文档，并进入Flash CS5的工作界面 。 单击此处的选项，可使用系统自带的一些模板制作Flash动画 单击该选项可打开“打开”对话框，从中可选择要打开的文档 Flash CS5工作界面 3.进入Flash CS5的工作界面后，我们可以看到其工作界面由标题栏、菜单栏、文档选项卡、主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制面板等组成 。 文档选项卡：文档选项卡：当打开多个文档后，单击由文档名称形成的文档选项卡标签可切换当前编辑的文档，单击文档选项卡右侧的“关闭”按钮，可关闭相应的文档。 编辑栏：编辑

5、栏：用于选择需要进行编辑的场景、元件，以及设置舞台显示比例。 舞台：舞台：舞台是用户创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意，位于舞台外的内容在播放动画时不会被显示。 工具箱：工具箱：工提供了绘制、编辑和填充图形，以及缩放和平移舞台的工具。要选择某工具，只需单击该工具即可。另外，部分工具的右下角带有黑色小三角，表示该工具中隐藏着其他工具，在该工具上按住鼠标左键不放，可从弹出的工具列表中选择其他工具。 “时间轴时间轴”面板：面板：默认情况下，“时间轴”面板位于舞台下方，用于组织和控制动画内容，它主要包括

6、图层和时间帧两部分 。“时间轴”面板图层区 播放头时间帧标尺时间帧时间帧状态栏 “属性属性”面板：面板：“属性属性”面板默认位于舞台右侧，利用面板默认位于舞台右侧，利用它可以方便地查看和更改当前选定对象的属性。当前它可以方便地查看和更改当前选定对象的属性。当前选定的对象的不同，选定的对象的不同，“属性属性”面板中的选项也会不同。面板中的选项也会不同。 其他面板：例如，利用其他面板：例如，利用“颜色颜色”面板可以设置图形的面板可以设置图形的填充色或线条颜色；利用填充色或线条颜色；利用“库库”面板可以保管面板可以保管Flash动动画中用到的素材，如元件、音乐、视频和位图等素材。画中用到的素材，如元

7、件、音乐、视频和位图等素材。 用户可以根据个人习惯和工作需要，对Flash CS5的工作界面进行调整，调整后还可将工作界面保存起来，方便以后调用。要调整Flash CS5的工作界面可参考以下操作。 选择工作界面的外观模式 打开“动作”面板 1.启动Flash CS5并进入其工作界面后，单击“标题栏”右侧的”基本功能”下拉按钮，可在展开的下拉列表中根据自己的需要选择工作界面的外观模式。 2.如果在默认的工作界面中找不到需要的面板，可以通过选择“窗口”“面板名称”菜单来打开它，例如打开“动作”面板 二、自定义Flash CS5工作界面 3.Flash会将某些性质相似的面板放在同一面板组中，此时单击

8、面板组上方该面板的名称标签，可在不同的面板之间切换。 关闭面板4.要将不需要的面板关闭，只需单击该面板右上角的 按钮，在展开的下拉菜单中选择“关闭”选项即可；若选择“关闭组”选项，可关闭同组的所有。 显示/隐藏面板5.要隐藏某个面板，只需双击该面板的标题栏；要显示隐藏的面板，只需再次双击该面板的标题栏即可。 切换面板显示状态展开相应面板6.单击右侧面板组右上角的“折叠”按钮 或“展开”按钮 ，可使面板组在图标状态和展开状态之间切换。 7.在面板组处于图标状态时，单击某图标可展开相应面板；再次单击可折叠面板。“新建工作区”对话框选择保存的工作界面“管理工作区”对话框8.选择“窗口”“工作区”“新

9、建工作区”菜单，在打开的“新建工作区”对话框中输入名称，然后单击“确定”按钮，即可保存当前的工作界面 。9.保存工作界面后，单击“布局模式”下拉按钮，即可在展开的下拉列表中选择保存的界面 。10.选择“窗口”“工作区”“管理工作区”菜单，可在打开的“管理工作区”对话框中对保存的工作界面进行重命名或删除 。任务二 制作第一个Flash动画 任务说明 制作Flash动画时，首先需要新建一个Flash文档并设置文档属性。对于新手来说，要制作出Flash动画，还需要简单了解一下制作动画的基本原理。本任务将带领大家学习这些知识，并创建第一个Flash动画作品。 预备知识 一、Flash文档基本操作 1新

10、建文档 要制作Flash动画，应首先创建一个Flash文档。创建Flash文档的方法有以下几种。 启动Flash CS5时，在开始页的“新建”设置区单击要创建的文档类型，通常单击“ActionScript 3.0”选项。 进入Flash CS5工作界面后，选择“文件”“新建”菜单或按快捷键【Ctrl+N】，在打开的对话框中选择要新建的文档类型，单击“确定”按钮。 新建Flash文档2保存文档 新建文档并在文档中进行操作后，为了在以后需要时随时打开该文档，应在关闭文档前进行保存，要保存文档请参考以下操作。 保存文档 1. 选择“文件”“保存”菜单 。2.在打开的“另存为”对话框中选择文档保存路径

11、，输入保存文件名，选择保存类型 ，然后单击“保存”按钮，即可保存文档 。3打开文档 要打开以前保存的文档进行再次编辑，可使用以下几种方法。 启动Flash时，在开始页左侧的“打开最近的项目”下选择最近保存过的文档。 在工作界面中选择“文件”“打开”菜单，或按快捷键【Ctrl+O】，在打开的“打开”对话框中选择要打开的文档，单击“打开”按钮。 直接在保存文档的文件夹中双击要打开的Flash文档。 二、Flash动画制作原理 下面我们通过制作一个心跳动的动画来说明Flash动画的制作原理。 制作心跳动的动画1. 打开素材文档 。2.在时间轴面中板单击选中第2帧，然后按【F6】键插入一个关键帧 。3

12、.使用“任意变形工具”适当放大第2帧中的心图形 。任务实施 要制作Flash动画，首先要创建一个文档并设置其属性，下面是具体操作方法。 新建Flash文档1.启动Flash CS5后，在开始页单击“新建”栏中的“ActionScript 3.0”按钮，创建一个Flash文档 。一、新建Flash文档并设置属性 2.选择“修改”“文档”菜单或单击“属性”面板中的“编辑”按钮，或者直接按快捷键【Ctrl+J】，打开“文档属性”对话框 。设置Flash文档属性 3.在“尺寸”编辑框中设置文档的宽度和高度均为400像素，然后单击“背景颜色”右侧的色块，在弹出的“拾色器”面板中单击黄色，其他选项保持默认

13、设置不变，单击“确定”按钮 。 尺寸：尺寸：设置舞台的宽和高。播放动画时，将只显示位于舞台中的动画组成元素。 背景颜色：背景颜色：单击该选项右侧的色块，可在弹出的“拾色器”面板中设置舞台颜色。 帧频：帧频：是指动画的播放速度，单位是“fps”，即每秒播放多少帧，默认为24fps。 标尺单位：标尺单位：如果要在文档中使用标尺，可在该选项右侧的下拉列表中选择标尺的度量单位。 二、制作小球弹跳动画 制作动画时，首先需要绘制出动画需要的图形，并最好将图形转换为可重复使用的元件（将自动保存在“库”面板中），然后可通过“时间轴”面板来组织动画。下面我们就来制作一个小球弹跳的动画。 绘制正圆图形 1.按住工

14、具箱中的“矩形工具”不放，在展开的工具列表中单击选择“椭圆工具”（或者按快捷键【O】） 。2.单击工具箱颜色区的“填充颜色”按钮，在打开的“拾色器”面板中选择一种渐变色，然后将光标移动到舞台中，在按住【Shift】键的同时，按住鼠标左键并拖动，绘制一个正圆形 。 创建“小球”图形元件3.单击“图层1”的第1帧以选中舞台中的图形，然后按快捷键【F8】，在打开的“转换为元件”对话框的“名称”编辑框中输入“小球”，再在“类型”下拉列表中选择“图形”选项。设置完毕后单击“确定”按钮，即可将鸡蛋图形转换为图形元件。 插入普通帧4.单击“时间轴”面板的第50帧处选中该帧，然后按【F5】键在该处插入一个普通

15、帧 。 创建补间动画并设置第1帧上的元件实例5.右击舞台中的小球元件实例，从弹出的快捷菜单中选择“创建补间动画”，为该元件实例创建补间动画 。 6.击“时间轴”面板第1帧将播放头转到该帧，然后单击选中工具箱中的“选择工具”，将光标移动到舞台中的小球元件实例上，按住鼠标左键不放并向左上方拖动，将小球元件实例拖到舞台外左侧偏上位置 。 设置第25帧和第50帧上的元件实例 7.单击“时间轴”面板第25帧将播放头转到该帧，然后使用“选择工具”将小球元件实例移动到舞台下方。如此一来，便设置好了第25帧上的元件实例。参考以上方法设置第50帧上的元件实例 。 三、预览动画 在制作动画过程中，按下【Enter

16、】键，可以测试动画在时间轴上的播放效果；反复按【Enter】键可在暂停测试和继续测试之间切换。 预览动画 若希望测试动画的实际播放效果，可选择“控制”“测试影片”菜单，或按下快捷键【Ctrl+Enter】，在Flash Player播放器中预览动画 四、保存和关闭Flash文档 制作好小球跳动动画后，按快捷键【Ctrl+S】，在弹出的“另存为”对话框中将文件保存，文件名为“第一个Flash动画.fla”。最后在文档选项卡中单击文件名右侧的“关闭”按钮关闭文档。 保存和关闭动画 任务三 使用Flash CS5的辅助功能 任务说明 在Flash中绘制精细图形时，经常需要对视图进行缩放和平移，以及使

17、用标尺、网格和辅助线精确定位对象的位置等。本任务将带领大家学习这些知识。 一、使用标尺、网格和辅助线 在绘图或编辑对象时，利用网格、标尺和辅助线可以精确调整对象在舞台上的位置，并使不同对象相互对齐。 显示网格线 “网格”对话框 选择“视图”“网格”“显示网格”菜单，或按快捷键【Ctrl+“】，可显示（或隐藏）网格。 选择 “视图”“网格”“编辑网格”菜单，在打开的“网格”对话框中可设置网格线的颜色、网格的间距以及对象是否贴紧网格对齐等参数。 预备知识 拖出辅助线 “辅助线”对话框 要使用辅助线首先要启用标尺，选择“视图”“标尺”菜单，可在舞台中显示（或隐藏）标尺。在舞台上方或左侧的标尺上按住鼠

18、标左键并拖动，即可拖出水平或垂直辅助线。 选择“视图”“辅助线”“编辑辅助线”菜单，可在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数 。二、操作的撤销和恢复 在制作Flash作品的过程中，经常会发生一些意想不到的错误操作，此时按快捷键【Ctrl+Z】可撤销前一步操作，连续执行可撤销多步操作；若不小心将正确的操作撤销了，可按快捷键【Ctrl+Y】恢复撤销的操作。 使用历史记录面板撤销和恢复操作 如果需要一次性撤销多步操作，可选择“窗口”“其他面板”“历史记录”菜单，打开“历史记录”面板，该面板记录着我们所做的操作，向上拖动“历史记录”面板左侧的滑块，可将滑块经过的操作步骤撤销。 任

19、务实施一、缩放和平移视图 下面为读者介绍缩放和平移舞台的具体方法。 放大舞台显示比例 1.单击选择工具箱中的“缩放工具”然后将光标移动到舞台，默认情况下光标呈 形状，此时单击可放大舞台显示比例。 缩小舞台显示比例2.选择“缩放工具” ，然后单击工具箱“选项区”的“缩小”按钮 ，或直接将光标移动到舞台中并按住【Alt】键，当光标呈 形状时单击可缩小舞台显示比例。 放大指定区域3.选择“缩放工具” 后，在舞台中按住鼠标左键并拖动，拖出一个矩形框，松开鼠标后，矩形框内的区域会填满整个工作区。“缩放”下拉列表 利用滚动条移动舞台 4.单击编辑栏右侧的“缩放”下拉按钮，通过选择打开的下拉列表中的不同选项

20、可快速调整舞台大小 。5.将舞台放大后，如果希望查看没有被显示的区域，可拖动舞台下方或右侧的滚动条 。使用“手形工具”移动舞台 6.选择工具箱中的“手形工具” ，然后在舞台上按住鼠标左键并拖动，也可以查看没有被显示的区域。显示网格线 启用标尺 1.选择“视图”“网格”“显示网格”命令，即可在舞台上显示网格 。二、排列图案 下面以调整舞台上对象的位置制作图案为例，使读者进一步掌握网格、标尺与辅助线的使用方法。 2.选择“视图”“标尺”菜单，即可在舞台中启用标尺 。拖出辅助线 3在舞台上方的标尺处按住鼠标左键并拖动，可拖出水平辅助线，在舞台左侧的标尺处按住鼠标左键并拖动，可拖出垂直辅助线，反复操作可拖出多条辅助线。 锁定辅助线4.选择“视图”“辅助线”“锁定辅助线”菜单，将辅助线锁定 。根据辅助线放置对象 5.拖出辅助线后，便可以根据辅助线放置对象，对象会自动贴紧辅助线 。6.选择“视图”“辅助线”“显示辅助线”菜单，隐藏辅助线。