《中文版Flash-CS4实例与操作》教学课件-001

中文版FlashCS4实例与操作第1章FlashCS4初接触Flash动画概述与FlashCS4的初次见面Flash基本操作Flash动画制作入门——滚落的鸡蛋1.1Flash动画概述1.1.1Flash动画的应用领域

Flash动画被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏设计、企业介绍、产品展示、电子相册等领域。

Flash制作的欢迎页Flash制作的网站网页广告

Flash音乐动画多媒体教学课件Flash游戏1.1.2Flash动画的特点Flash动画的特点主要有以下几点。

制作简单：Flash动画的制作相对比较简单，一个爱好者只要掌握一定的软件知识，拥有一台电脑，一套软件就可以制作出简单的动画。制作成本低：用FLASH制作动画可以大幅度降低制作成本，减少人力、物力资源的消耗。同时，在制作时间上也比传统动画大大缩短。存储容量小和缩放时不失真：Flash动画主要由矢量图形组成，矢量图形具有存储容量小，并且在缩放时不会失真的优点。

边下载边播放：在网络上播放时，发布后的.swf文件具有“流”媒体的特点，可以边下载边播放，而不是需要把整个文件下载完了才能播放。具有交互性：Flash可通过为动画添加脚本使其具有交互性，它可以让观众参与到动画中，通过点击、选择等操作决定动画的运行过程和结果，这一点是传统动画所无法比拟的。1.1.3Flash动画创作流程每个人创建Flash动画的习惯不同，但都会遵循一个基本的流程。

前期策划准备素材制作动画后期调试发布作品1.2.1启动FlashCS4正确安装FlashCS4后，可参照以下步骤启动它。

启动FlashCS41.单击“开始”按钮，在弹出的菜单中选择“所有程序”>“AdobeFlashCS4Professional”，或双击桌面的快捷方式。1.2与FlashCS4的初次见面FlashCS4开始页2.进入FlashCS4的开始页，单击“Flash文件（ActionScript）”或者“Flash文件（ActionScript）”选项，即可新建一个Flash文档，并进入FlashCS4工作界面。1.2.2熟悉FlashCS4工作界面进入FlashCS4的工作界面后，可以看到标题栏、菜单栏、文档选项卡、编辑栏、舞台、工具箱和“时间轴”面板等组成部分。FlashCS4工作界面标题栏菜单栏文档选项卡舞台“时间轴”面板“属性”面板工具箱1．标题栏标题栏位于FlashCS4工作界面的最上方。标题栏“布局模式”下拉列表搜索栏2．菜单栏FlashCS4将其大部分命令分门别类地放在了“文件”、“编辑”、“视图”、“插入”、“修改”等菜单中。要执行某项功能，可首先在菜单栏中单击对应的主菜单名打开一个下拉菜单，然后继续单击选择需要菜单项即可菜单栏3．主工具栏主工具栏默认不显示，若要显示主工具栏可选择“窗口”>“工具栏”>“主工具栏”菜单。通过单击主工具栏上的按钮，可以快速执行FlashCS4的常用命令。主工具栏新建打开转到粘贴打印贴紧至对像伸直撤销复制保存平滑剪切缩放重做旋转与倾斜对齐4．文档选项卡打开多个文档后，单击文档选项卡可切换当前编辑的文档，单击选项卡右侧的“关闭”按钮，可关闭相应的文档。文档选项卡“关闭”按钮文档选项卡5．编辑栏编辑栏用于选择需要进行编辑的场景、元件，以及设置舞台显示比例。编辑栏编辑场景编辑元件舞台显示比例设置6．舞台舞台是用户创作和编辑动画内容的场所。在工具箱中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意，位于舞台外的内容在播放动画时不会被显示。舞台7．工具箱工具箱位于FlashCS4工作界面的右侧，用于绘制或编辑图形，分为“工具区”、“颜色区”、“查看区”和“选项区”4个区域。8．“时间轴”面板“时间轴”面板位于舞台下方，用于组织和控制动画内容，它主要包括图层和时间帧两部分。“时间轴”面板图层区播放头时间帧标尺时间帧状态栏时间帧工具箱工具区查看区颜色区选项区9．其他常用面板

制作动画时，最常用的几个面板是“属性”面板、“颜色”面板和“库”面板。

“属性”面板“颜色”面板“库”面板“属性”面板用来查看和设置所选对象的属性“颜色”面板用来设置图形的填充色和线条颜色“库”面板用来保存元件、图像、视频等动画素材1.2.3自定义工作界面用户可以根据个人习惯和工作需要，对工作界面进行调整，调整后还可将工作界面保存起来，以方便以后调用。选择工作界面的外观模式1.启动FlashCS4并进入其工作界面后，单击“标题栏”右侧的“布局模式”下拉按钮，可在展开的下拉列表中根据需要选择工作界面的外观模式。打开“动作”面板2.如果在默认的工作界面中找不到需要的面板，可以通过选择“窗口”>面板名称”菜单来打开它。

关闭面板

显示/隐藏面板3.要将不需要的面板关闭，只需单击该面板右上角的按钮，在展开的下拉菜单中选择“关闭”选项即可；若选择“关闭组”选项，可关闭同组的所有面板。4.要隐藏某个面板，只需单击该面板的标题栏，要显示隐藏的面板，只需再次单击该面板的标题栏即可。

切换面板显示状态展开相应面板5.单击右侧面板组右上角的折叠”按钮或“展开”按钮可使面板组在图标状态和打开状态之间切换。6.在面板组处于图标状态状态时，单击图标可展开相应面板。“新建工作区”对话框选择保存的工作界面“管理工作区”对话框7.调整好工作界面后，选择“窗口”>“工作区”>“新建工作区”菜单，在打开的“新建工作区”对话框中输入名称，然后单击“确定”按钮，可保存当前的工作界面。8.保存工作界面后，单击“布局模式”下拉按钮，可在展开的下拉列表中选择保存的界面。9.选择“窗口”>“工作区”>“管理工作区”菜单，可在打开的“管理工作区”对话框中对已有工作界面进行重命名或删除。1.3FlashCS4基本操作1.3.1新建、保存、关闭与打开文档1．新建文档启动Flash时，在开始页单击“Flash文件（ActionScript）”或“Flash文件（ActionScript）”选项。创建Flash文档的方法有以下几种。单击工作界面中主工具栏上的“新建”按钮。在工作界面中选择“文件”>“新建”菜单或按快捷键【Ctrl+N】，在打开的对话框中选择“Flash文件（ActionScript）”或“Flash文件（ActionScript）”选项。2．保存文档新建Flash文档后，应及时将其保存在电脑中，避免因意外丢失当前的工作成果。

保存文档1.选择“文件”>“保存”菜单，或按快捷键【Ctrl+S】。2.在打开的“另存为”对话框中选择文档保存路径，输入保存文件名，选择保存类型，然后单击“保存”按钮，即可保存文档。3．关闭文档对文档进行保存后，可将暂时不用的文档关闭，以节省系统资源。关闭文档的方法主要有以下几种。单击文档选项卡右侧的“关闭”按钮。选择“文件”>“关闭”菜单，可关闭当前文档。选择“文件”>“全部关闭”菜单，可关闭所有打开的文档。选择“文件”>“退出”菜单，可关闭所有打开的文档并退出FlashCS4程序。4．打开文档打开文档的方法主要有以下几种。

启动Flash时，在开始页左侧的“打开最近的项目”下选择最近保存过的文档。通过开始页打开最近保存的文档在工作界面中选择“文件”>“打开”菜单，或按快捷键【Ctrl+O】，在打开的“打开”对话框中选择要打开的文档路径及名称。在保存目标文档的文件夹中，双击要打开的Flash文档（.fla文档）。1.3.2设置文档属性在新建Flash文档后，可根据实际需要设置舞台大小、背景颜色和帧频等文档属性。设置文档属性1.新建Flash文档后在“属性”面板中单击“编辑文档属性”按钮。2.在打开的“文档属性”对话框中，可设置文档尺寸、背景颜色和帧频等文档属性。尺寸：尺寸是指舞台的宽和高。播放动画时，位于舞台外面的对象不会被显示。背景颜色：单击该选项右侧的色块，可在弹出的“拾色器”对话框中设置舞台的颜色。帧频：是指动画的播放速度，单位是“fps”，即每秒播放多少帧。帧频越高，动画播放的速度越快。比较常用的帧频为12、18、24和25。标尺单位：如果要在文档中使用标尺，可在该选项右侧的下拉列表中选择标尺的度量单位。1.3.3缩放和平移舞台制作动画时，适当地放大舞台显示比例，可以对图形的细微处进行精确处理；适当地缩小舞台显示比例，可以更好地把握图形的整体形态以及在舞台上的位置。

放大舞台显示比例1.单击选择工具箱中的“缩放工具”（或按快捷键【M】），然后将光标移动到舞台，默认情况下光标呈形状，此时单击可将舞台显示比例放大。

缩小舞台显示比例2.选择“缩放工具”，然后单击工具箱“选项区”的“缩小”按钮，或将光标移动到舞台中并按下【Alt】键，当光标呈形状时单击可缩小舞台显示比例。

放大指定区域3.选择“缩放工具”后，在舞台中按住鼠标左键并拖动，拖出一个矩形框，松开鼠标后，矩形框内的区域会填满整个窗口。“缩放”下拉列表利用滚动条移动舞台4.单击编辑栏右侧的“缩放”下拉按钮，通过选择打开的下拉列表中的不同选项可快速调整舞台大小。5.将舞台放大后，如果希望查看没有被显示的区域，可拖动舞台下方或右侧的滚动条。使用“手形工具”移动舞台6.选择工具箱中的“手形工具”，然后在舞台上按住鼠标左键并拖动，也可以查看没有被显示的区域。1.3.4使用网格、标尺与辅助线在绘图或移动对象时，利用网格、标尺和辅助线可以精确调整对象在舞台上的位置，并使不同对象相互对齐。显示网格线“网格”对话框1.选择“视图”>“网格”>“显示网格”命令，即可在舞台上显示网格。2.选择“视图”>“网格”>“编辑网格”菜单，在打开的“网格”对话框中可以设置网格线的颜色、网格间的距离以及对象是否贴紧网格对齐等启用标尺拖出辅助线根据辅助线放置对象3.选择“视图”>“标尺”菜单，即可在舞台中启用标尺。4.在舞台上方的标尺处按住鼠标左键并拖动，可拖出水平辅助线，在舞台左侧的标尺处按住鼠标左键并拖动，可拖出垂直辅助线，反复操作可拖出多条辅助线。5.拖出辅助线后，便可以根据辅助线放置对象，对象会自动贴紧辅助线。“辅助线”对话框清除全部辅助线6.选择“视图”>“辅助线”>“编辑辅助线”菜单，可在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数。7.要清除某条辅助线，只需使用“选择工具”将其拖出舞台即可，若要清除舞台上的全部辅助线，可选择“视图”>“辅助线”>“清除辅助线”菜单。1.3.5操作的撤销与恢复

对操作进行撤销和恢复的方法主要有以下几种。

选择“编辑”>“撤销×××”菜单，或按快捷键【Ctrl+Z】可撤销前一步操作，连续执行可撤销多步操作；选择“编辑”>“重做×××”菜单，或按快捷键【Ctrl+Y】可恢复撤销的操作，连续执行可恢复多步撤销操作。单击主工具栏上的“撤销”按钮可撤销前一步操作；单击主工具栏上的“重做”按钮可恢复撤销的操作。利用“历史记录”面板可一次性撤销或恢复多步操作。1.5Flash动画制作入门——滚动的鸡蛋

本节将通过制作一个鸡蛋滚落的动画效果，介绍绘图工具的使用方法，以及帧、图层和元件等在制作动画过程中所起的作用。1.5.1Flash动画制作原理传统动画和影视都是通过连续播放一组静态画面实现，每一幅静态画面就是一个帧，Flash动画也是如此。下面我们通过制作一个汽车启动的动画来进行说明。打开素材文档1.打开素材文档，该文档的时间轴第1帧是一个红色的心图形

插入关键帧适当放大心图形2.单击选中“时间轴”面板中的第2帧，然后按【F6】键插入一个关键帧，此时第1帧上的心图形自动延伸到新建的第2个关键帧上，且第2帧自动成为当前帧。3.单击选中工具箱中的“任意变形工具”，单击第2帧上的心图形，然后按住【Shift】健，将鼠标指针移至心图形左下角的变形控制柄上，按住鼠标左键并稍微向左下方拖动，适当放大心图形。4.按快捷键【Ctrl+Enter】观看动画播放效果，即可看到一颗心在碰碰地跳动。1.5.2绘图工具的使用——绘制鸡蛋打开素材文档1.打开素材文档。图形是组成Flash动画的基本元素。制作动画时，可利用Flash工具箱中提供的绘图工具绘制出动画需要的图形。下面通过绘制动画所需的鸡蛋，了解工具箱中绘图工具的使用方法。新建图层选择“椭圆工具”2.单击“时间轴”面板左下方的“插入图层”按钮，在“背景”图层上方新建“图层2”。3.按住“工具箱”中的“矩形工具”不放，在展开的工具列表中单击选择“椭圆工具”（或者按快捷键【O】）。选择填充颜色绘制鸡蛋4.单击“工具箱”颜色区的“填充颜色”按钮，在打开的“拾色器”对话框中选择淡黄色（#FFFFCC）。5.单击选中“图层2”，并将光标移动到舞台中，然后按住鼠标左键并拖动，绘制一个椭圆形，作为鸡蛋。1.5.3认识元件——将鸡蛋转换为图形元件元件是指可以在动画场景中重复使用的一种动画元素。它可以是图形，也可以是一段动画，或者是一个按钮。在制作补间动画时，必须先将创建动画的对象转换为元件。

选择“转换为元件”菜单创建“鸡蛋”图形元件1.单击“图层2”的第1帧，选中舞台中的鸡蛋，然后选择“修改”>“转换为元件”菜单（或按快捷键【F8】）。2.在打开的“转换为元件”对话框中“名称”编辑框中输入“鸡蛋”，再在“类型”下拉列表中选择“图形”选项，并将注册中心点设为中间，然后单击“确定”按钮。1.5.4认识帧和图层——制作滚动动画准备好动画需要的素材后，便可以利用“时间轴”面板中的图层和帧创建动画了。图层就像堆叠在一起的多张幻灯片，每个图层都有独立的时间轴。如此一来，多个图层综合运用，便能形成复杂的动画。

插入普通帧插入关