FlashCS5项目教学.ppt

《FlashCS5项目教学.ppt》由会员分享，可在线阅读，更多相关《FlashCS5项目教学.ppt（42页珍藏版）》请在三一办公上搜索。

1、项目一 Flash入门基础知识,初识Flash CS5 制作第一个Flash动画 使用Flash CS5的辅助功能本人有FLASH CS项目教学的全部教学资料，包括教案，课件，素材原文件与练习用文件，视频资料等，需要请联系QQ：32177763，因是自己精心制作，不免费哟，非诚勿扰。,任务一 初识Flash CS5,任务说明,下面将带领读者了解Flash动画的应用领域、特点及创作流程，以及掌握启动和退出Flash CS5的方法，并认识Flash CS5的工作界面。,一、Flash动画的应用领域,Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏、企业宣传、产品展示和电

2、子相册等领域。,网页广告 Flash音乐动画,预备知识,二、Flash动画的特点,Flash动画的主要特点如下。,制作简单：Flash动画的制作相对比较简单，一个爱好者只要掌握一定的软件知识，拥有一台电脑，一套软件就可以制作出简单的动画。存储容量小和缩放时不失真：Flash动画主要由矢量图形组成，矢量图形具有存储容量小，并且在缩放时不会失真的优点。此外，在发布Flash动画的过程中，程序还会压缩、优化各种动画组成元素（如位图图像、音频、视频等），这就进一步减少了动画的存储容量，从而使其更适于在网络上传输和播放。交互性强：我们可使用ActionScript语言为Flash动画添加代码，使动画具有

3、交互性。,三、Flash动画创作流程,每个人创建Flash动画的习惯不同，但都会遵循一个基本的流程。下面便为读者介绍创建Flash动画的流程。,发布作品,任务实施,一、启动Flash CS5并熟悉工作界面,启动Flash CS5,1.单击“开始”按钮，在弹出的菜单中选择“所有程序”“Adobe Design Premium CS5”“Adobe Flash Professional CS5”，或双击桌面上的图标。,正确安装Flash CS5并进行注册后，可参照以下步骤启动Flash CS5。,Flash CS5开始页,2.打开Flash CS5的开始页，单击“ActionScript 3.0”

4、或者“ActionScript 2.0”选项即可新建一个Flash文档，并进入Flash CS5的工作界面。,Flash CS5工作界面,3.进入Flash CS5的工作界面后，我们可以看到其工作界面由标题栏、菜单栏、文档选项卡、主工具栏、时间轴、编辑栏、舞台、工具箱和多个控制面板等组成。,文档选项卡：当打开多个文档后，单击由文档名称形成的文档选项卡标签可切换当前编辑的文档，单击文档选项卡右侧的“关闭”按钮，可关闭相应的文档。编辑栏：用于选择需要进行编辑的场景、元件，以及设置舞台显示比例。舞台：舞台是用户创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后

5、，便可以在舞台中绘制或编辑该帧上的图形。注意，位于舞台外的内容在播放动画时不会被显示。工具箱：工提供了绘制、编辑和填充图形，以及缩放和平移舞台的工具。要选择某工具，只需单击该工具即可。另外，部分工具的右下角带有黑色小三角，表示该工具中隐藏着其他工具，在该工具上按住鼠标左键不放，可从弹出的工具列表中选择其他工具。,“时间轴”面板：默认情况下，“时间轴”面板位于舞台下方，用于组织和控制动画内容，它主要包括图层和时间帧两部分。“时间轴”面板的左侧区域显示了动画中包含的图层名称及其相应状态，右侧显示了各图层的时间轴。,“时间轴”面板,“属性”面板：“属性”面板默认位于舞台右侧，利用它可以方便地查看和更

6、改当前选定对象的属性。当前选定的对象的不同，“属性”面板中的选项也会不同。其他面板：例如，利用“颜色”面板可以设置图形的填充色或线条颜色；利用“库”面板可以保管Flash动画中用到的素材，如元件、音乐、视频和位图等素材。,二、自定义Flash CS5工作界面,用户可以根据个人习惯和工作需要，对Flash CS5的工作界面进行调整，调整后还可将工作界面保存起来，方便以后调用。要调整Flash CS5的工作界面可参考以下操作。,选择工作界面的外观模式 打开“动作”面板,1.启动Flash CS5并进入其工作界面后，单击“标题栏”右侧的”基本功能”下拉按钮，可在展开的下拉列表中根据自己的需要选择工作

7、界面的外观模式。,2.如果在默认的工作界面中找不到需要的面板，可以通过选择“窗口”“面板名称”菜单来打开它，例如打开“动作”面板,关闭面板,4.要将不需要的面板关闭，只需单击该面板右上角的 按钮，在展开的下拉菜单中选择“关闭”选项即可；若选择“关闭组”选项，可关闭同组的所有面板。,切换面板,3.Flash会将某些性质相似的面板放在同一面板组中，此时单击面板组上方该面板的名称标签，可在不同的面板之间切换。,切换面板显示状态,展开相应面板,6.单击右侧面板组右上角的“折叠”按钮 或“展开”按钮，可使面板组在图标状态和展开状态之间切换。,7.在面板组处于图标状态时，单击某图标可展开相应面板；再次单击

8、可折叠面板。,8.如果不小心将工作界面调乱了，还可在“布局模式”下拉列表中选择“重置XXX”选项，恢复默认的工作界面。若在该下拉列表中选择“新建工作区”选项，则可将当前工作界面保存起来。,任务二 制作第一个Flash动画,任务说明,制作Flash动画时，首先需要新建一个Flash文档并设置文档属性。对于新手来说，要制作出Flash动画，还需要简单了解一下制作动画的基本原理。本任务将带领大家学习这些知识，并创建第一个Flash动画作品。,预备知识,一、Flash文档基本操作,1新建文档,新建Flash文档的方法主要有以下两种。,新建Flash文档,新建Flash文档,2保存文档,保存文档,3打开

9、文档,启动Flash时，在开始页左侧的“打开最近的项目”下选择最近保存过的文档。在工作界面中选择“文件”“打开”菜单，或按快捷键【Ctrl+O】，在打开的“打开”对话框中选择要打开的文档，单击“打开”按钮。直接在保存文档的文件夹中双击要打开的Flash文档。,要打开以前保存的文档进行再次编辑，可使用以下几种方法。,二、Flash动画制作原理,下面通过制作一颗心在跳动的动画，使读者进一步了解动画原理。,制作心跳动的动画,1.打开素材文档。,2.在时间轴面中板单击选中第2帧，然后按【F6】键插入一个关键帧。,3.使用“任意变形工具”适当放大第2帧中的心图形。,任务实施,一、新建Flash文档并设置

10、属性,要制作Flash动画，首先要创建一个文档并设置其属性，下面是具体操作方法。,选择“文档”菜单,1.启动Flash CS5，在开始页的“创建”设置区单击“ActionScript 3.0”选项，创建一个Flash文档并进入Flash CS5工作界面。,2.选择“修改”“文档”菜单。,设置Flash文档属性,3.在“尺寸”编辑框中设置文档的宽度和高度均为400像素，然后单击“背景颜色”右侧的色块，在弹出的“拾色器”面板中单击黄色，其他选项保持默认设置不变，单击“确定”按钮。,尺寸：设置舞台的宽和高。播放动画时，将只显示位于舞台中的动画组成元素。背景颜色：单击该选项右侧的色块，可在弹出的“拾色

11、器”面板中设置舞台颜色。帧频：是指动画的播放速度，单位是“fps”，即每秒播放多少帧，默认为24fps。标尺单位：如果要在文档中使用标尺，可在该选项右侧的下拉列表中选择标尺的度量单位。,二、制作小球弹跳动画,下面我们就来制作一个小球弹跳的动画。,绘制正圆图形,1.按住工具箱中的“矩形工具”不放，在展开的工具列表中单击选择“椭圆工具”。,2.单击工具箱颜色区的“填充颜色”按钮，在打开的“拾色器”面板中选择一种渐变色，然后将光标移动到舞台中，在按住【Shift】键的同时，按住鼠标左键并拖动，绘制一个正圆形。,创建“小球”图形元件,3.单击“图层1”的第1帧以选中舞台中的图形，然后按快捷键【F8】，

12、在打开的“转换为元件”对话框的“名称”编辑框中输入“小球”，再在“类型”下拉列表中选择“图形”选项。设置完毕后单击“确定”按钮，即可将鸡蛋图形转换为图形元件。,插入普通帧,4.单击“时间轴”面板的第50帧处选中该帧，然后按【F5】键在该处插入一个普通帧。,创建补间动画并设置第1帧上的元件实例,5.右击舞台中的小球元件实例，从弹出的快捷菜单中选择“创建补间动画”，为该元件实例创建补间动画。,6.单击“时间轴”面板第1帧将播放头转到该帧，然后单击选中工具箱中的“选择工具”，将光标移动到舞台中的小球元件实例上，按住鼠标左键不放并向左上方拖动，将小球元件实例拖到舞台外左侧偏上位置。,设置第25帧和第5

13、0帧上的元件实例,7.单击“时间轴”面板第25帧将播放头转到该帧，然后使用“选择工具”将小球元件实例移动到舞台下方，参考以上方法设置第50帧上的元件实例。,三、预览动画,在制作动画过程中，按下【Enter】键，可以测试动画在时间轴上的播放效果；反复按【Enter】键可在暂停测试和继续测试之间切换。,预览动画,四、保存和关闭Flash文档,保存和关闭动画,任务三 使用Flash CS5的辅助功能,任务说明,在Flash中绘制精细图形时，经常需要对视图进行缩放和平移，以及使用标尺、网格和辅助线精确定位对象的位置等。本任务将带领大家学习这些知识。,预备知识,一、使用标尺、网格和辅助线,在绘图或编辑对

14、象时，利用网格、标尺和辅助线可以精确调整对象在舞台上的位置，并使不同对象相互对齐。,显示网格线“网格”对话框,拖出辅助线“辅助线”对话框,二、操作的撤销和恢复,按快捷键【Ctrl+Z】可撤销前一步操作，连续执行可撤销多步操作；若不小心将正确的操作撤销了，可按快捷键【Ctrl+Y】恢复撤销的操作。,使用历史记录面板撤销和恢复操作,任务实施,一、缩放和平移视图,放大舞台显示比例,1.单击选择工具箱中的“缩放工具”然后将光标移动到舞台，默认情况下光标呈 形状，此时单击可放大舞台显示比例。,下面为读者介绍缩放和平移视图的具体方法。,缩小舞台显示比例,2.选择“缩放工具”，然后单击工具箱“选项区”的“缩

15、小”按钮，或直接将光标移动到舞台中并按住【Alt】键，当光标呈 形状时单击可缩小舞台显示比例。,放大指定区域,3.选择“缩放工具”后，在舞台中按住鼠标左键并拖动，拖出一个矩形框，松开鼠标后，矩形框内的区域会填满整个工作区。,“缩放”下拉列表,4.单击编辑栏右侧的“缩放”下拉按钮，通过选择打开的下拉列表中的不同选项可快速调整舞台大小。,符合窗口大小：缩放舞台以使其适合目前的窗口空间。双击工具箱中的“手形工具”可实现同样的效果。显示全部：在工作区显示当前帧中的全部内容（包括舞台外的对象）。显示帧：在工作区显示整个舞台。,利用滚动条移动舞台 使用“手形工具”移动舞台,5.将舞台放大后，如果希望查看没

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