flash动画设计与项目实践2

《flash动画设计与项目实践2》由会员分享，可在线阅读，更多相关《flash动画设计与项目实践2（27页珍藏版）》请在装配图网上搜索。

1、第2章 Flash基本操作 2.1 初识Flash CS3 2.2 Flash CS3的操作界面 2.3 文件的操作 2.4 使用辅助工具 2.5 实验指导 主目录主目录 12.1 初识Flash CS32.1.1 2.1.1 启动启动Flash CS3 Flash CS3 在Windows操作系统中，启动Flash CS3常用方法有以下三种：双击桌面Flash CS3快捷图标。单击“开始”“程序”“Adobe Flash CS3 Professional”命令。双击Flash 的默认文件fla文件，即可直接打开Flash CS3。2 完成动画设计工作或者其它原因，关机前需要退出Flash C

2、S3。退出Flash CS3的操作非常简单，常用方法有以下几种：单击标题栏“关闭”按钮，退出Flash CS3。单击标题栏图标，在打开的下拉菜单中单击“关闭”命令，退出Flash CS3。执行“文件”“退出”菜单命令，退出Flash CS3。按Alt+F4键，退出Flash CS3。2.1.2 2.1.2 退出退出Flash CS3 Flash CS3 本章目录本章目录32.2 Flash CS3的操作界面 2.2.1 Flash CS3桌面桌面 启动Flash CS3 Professional，将显示如下图所示的默认的用户操作界面，从图中可以看出Adobe Flash CS3 Profess

3、ional的窗口由标题栏、菜单栏、工具箱、时间轴面板、舞台、属性面板组和控制面板组等组成。Flash CS3桌面是指Flash CS3界面中呈灰色显示的区域，用来放置工具箱、时间轴面板、属性面板组、控制面板组和舞台。Flash CS3工作窗口 4 标题栏位于窗口的顶端，与所有Windows应用程序一样，左边是应用程序的图标和名称 ，单击图标按钮，可以打开系统菜单，包含操作系统将控制该程序的操作命令，右边的三个按钮 ，可以控制应用程序窗口的显示状态，依次是最小化、最大化/还原和关闭按钮。使用鼠标单击并拖动中间的蓝色区域，可以在操作界面没有最大化显示状态时调整其在窗口中的位置。2.2.2 标题栏标

4、题栏 5 Flash CS3菜单栏中包括了在创建和编辑文档时的常用命令，还有在编辑和控制动画对象时用到的一些特殊的命令。为了方便使用，按不同的功能分为11个菜单排列在窗口的上方。熟练地掌握菜单栏中命令，用户将可以灵活的运用Flash CS3进行动画设计工作。此外，和其他的Windows应用程序一样，为了方便用户操作，Flash CS还提供了快捷菜单。2.2.3 菜单栏菜单栏 Flash CS3中的菜单命令 6 执行Flash CS3中的不少命令，都将打开对话框，通过对话框中的参数设置，更方便更精确地设计动画。虽然各个对话框选项设置大不一样，但是对话框的各个组成部分的操作方法却基本相似。对话框一

5、般组成结构，如图2-2所示的图层属性对话框，通常如下拉列表框、文本框、单选钮、复选框、命令按钮等。2.2.4 对话框对话框 图层属性对话框 7 工具栏它的主要作用是在动画进行创作时，为方便读者编辑而提供的一些快捷方式。在打开Flash窗口后，部分工具栏就会自动显示在窗口中。如果要添加工具栏可以执行“窗口”“工具栏”命令，在弹出的下拉菜单中选择工具栏，带有符号“”的选项是显示该工具栏，单击带有符号“”的选项是隐藏工具栏。在工具栏下拉菜单中的三个选项分别是：主工具栏、控制器和编辑栏。如下图所示。2.2.5 工具栏工具栏 8 1主工具栏 主工具栏在系统默认情况下是隐藏的。主工具栏的主要作用是方便读者

6、对文档进行操作，在主工具栏中包括了在处理文档时常用到的标准菜单中的命令按钮。在Windows系统中，既可将工具栏置于Flash CS3的主窗口中，也可以将其变成浮动的工具栏。拖动工具栏的空白处或标题栏（浮动状态时）可以移动工具栏。将浮动工具栏拖到Flash CS3主窗口的边缘，工具栏就会 固定到主窗口中；将工具栏拖到屏幕的左右边缘，工具栏就会自动垂直摆放。此外，单击浮动工具栏上的“关闭”按钮 同样可以完成关闭工具栏的操作。2控制器 控制器在系统默认情况下是隐藏的。控制器主要用于控制动画的播放。在“控制器”工具栏中共有6个按钮来控制动画的播放。3编辑栏 编辑栏在系统默认情况下是显示的，位于时间轴

7、和场景舞台之间。编辑栏的作用是用来控制场景以及场景中的对象的。在编辑栏中包括了当前场景的标题、“编辑场景”按钮、“编辑元件”按钮和场景缩放的下拉列表框，如下图所示。编辑栏 9 工具箱也叫工具面板。在系统默认情况下，工具箱停放在窗口左边停放面板区，以单列显示，用户可以通过单击工具箱顶部的双箭头使其以双列显示。用户可以通过选择“窗口”“工具”菜单命令来打开或关闭工具箱。工具箱包括了Flash CS3中常用的绘图工具，可用于绘制图形、填充图形、选择和修改图形对象、更改场景的显示状态和改变图形对象颜色等。其中，“工具”区域有绘制图形、填充图形和选择工具等；“查看”区域有缩放和移动场景的工具；“颜色”区

8、域有用于填充、笔触颜色和内部色块的工具；“选项”区域显示与当前选定工具相关的设置功能按钮，这些按钮会影响工具的绘制和编辑的操作过程。如果工具按钮右下方有一个三角符号，则表示该工具还有弹出式的工具，单击工具的三角符号则弹出一个工具组，在弹出的工具菜单中选择要的工具，如右图所示。2.2.6 工具箱工具箱工具箱及工具选择 10 时间轴用于组织和控制影片内容在一定时间段播放的层数和帧数。与胶片一样，Flash也将影片的长分为帧。图层就像层叠在一起的幻灯片一样，每个图层都包含一个显示在场景舞台中的不同图像。时间轴分为左、右两个区域，左边为“图层”区域，右边为时间轴控制区，如下图所示。“图层”区是进行层显

9、示和操作的主要区域，由层示意列和几个相关层的操作功能按钮组成。在“图层”区中，不但可以显示当前作品的层及所属信息，还可以对某一个或部分层进行操作，如新建图层、删除图层、改变层的放置顺序等。时间轴控制区主要由播放指针、若干行与左边层示意列对应的动画轨道、轨道中的帧序列、时间标尺、信息提示栏以及一些用于控制动画轨道显示和操作的工具按钮组成。2.2.7 时间轴时间轴 时间轴 11 1场景 一个Flash动画文件可能包含几个场景，每个场景中又包含若干个层和帧。每个场景上的内容可能是某个相同主题的动画。Flash利用不同的场景组织不同的动画主题。一个场景就好像话剧中的一幕，一个出色的Flash动画就是由

10、这一幕幕场景组成的。一般情况下我们都只用一个场景，包括在网页动画或是MTV制作中，但在制作工程量较大或者复杂的动画如Flash动态网站时，可能会用到几个场景。利用多个场景制作动画，主要是为了使动画分类清晰，修改方便。举例来说，我们可以把各类的书都堆砌到一个箱子里，原则上没有什么不可以，但是我们通常还是把书分类放到书架上，这样不仅看上去整洁，查找也方便。2.2.8 场景与场景与舞台舞台 场景的顺序和动画播放的顺序有关。在播放动画时，场景与场景之间可以通过交互响应进行切换。如果没有交互切换，将按照它们在场景面板中的排列顺序逐次播放，可以执行“窗口”“其他面板”“场景”命令或按Shift+F2组合键

11、打开场景面板，如右图所示。12 2舞台 舞台位于工作界面的正中间部位，是放置动画内容的区域（见下图所示）。这些内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。可以在属性面板中设置和改变舞台的大小，默认状态下，舞台的宽为550像素，高为400像素，工作时根据需要可以改变舞台显示的比例大小，可以在编辑栏右边的“显示比例”下拉列表中设置显示比例。13 控制面板在Flash动画设计中起着决定性的作用，尤其是其中的工具面板、颜色面板、样本面板、属性面板和库面板，几乎在Flash动画设计中都离不开。在默认情况下，系统在Flash CS3桌面右侧停放两组常用面板组和在下面放置一组浮动面板组，还有

12、隐藏起来的变形、对齐、动作等很多面板。用户可以从“窗口”菜单打开或关闭这些面板，可以通过移动、组合、拆分、停放、堆叠等操作定义这些面板。面板一般结构如下图所示。要在面板组中显示某一面板，单击其标签即可。2.2.9 面板组面板组 面板结构 142.2.10 工作区工作区本章目录本章目录 在Adobe Flash CS3桌面，用户使用工具箱、各种面板、栏以及窗口等各种元素来创建和处理文档和文件。这些元素的任何排列方式称为工作区。首次启动 Adobe Flash CS3时，你会看到默认工作区，可以针对在其中执行的任务对其进行自定。例如，你可以创建一个用于编辑的工作区以及另一个用于查看的工作区，存储这

13、两个工作区，并在工作时在它们之间进行切换。即可以通过工作区定义、存储工作区、删除工作区、使用工作区等操作实现用户工作区的定义与使用。152.3.1 新建Flash文件 在Flash中，对文档的基本操作主要包括新建、保存、关闭和打开等。2.3 文件的操作 在制作Flash动画之前必须新建一个Flash文件，新建Flash文件有以下3种方法：启动Flash CS3，在开始页的“新建”栏下面单击相应的“Flash文件”即可，如右图所示。创建新文档 16 选择“文件”“新建”命令或按Ctrl+N键，在打开的“新建文档”对话框中选择相应的“Flash文件”选项，再单击“确定”按钮即可，如左下图所示。在“

14、新建文档”对话框中单击“模板”标签，在其中选择相应的模板文档，这里选择“测验”下的“测验_样式1”，再单击“确定”按钮即可新建一个基于模板的Flash文件，如右下图所示。新建模板文档“新建文档”对话框 17 编辑完Flash文档后，应将其保存起来，便于以后使用。保存时只需选择“文件”“保存”命令或按Ctrl+S键即可。如果用户之前并未保存过此文档，那么将打开“另存为”对话框，选择保存的位置，为文档命名并选择保存类型后，单击“确定”按钮即可，如下图所示。2.3.2 保存保存FlashFlash文件文件“另存为”文件对话框18 当不需要使用当前的动画文件时，可以选择“文件”“关闭”命令、按Ctrl

15、+W键或单击时间轴右上角按钮将其关闭。如果此文档修改后没有保存，将打开“Adobe Flash CS3”对话框让用户确认是否需要保存当前文档，如下图所示，用户可以根据情况单击相应的按钮。2.3.3 关闭FlashFlash文件文件“Adobe Flash CS3”对话框 19 如果要编辑或查看一个已有的Flash文档，只需要打开此Flash文档即可。先在Flash CS3的工作界面中选择“文件”“打开”命令或按Ctrl+O键，打开如下图所示的“打开”对话框，然后在“查找范围”下拉列表框中选择要打开的文档所在的位置，再在“文件名”下拉列表框中输入要打开文档的文件名，或直接在列表中选中要打开的文件

16、图标，最后单击“打开”按钮即可。2.3.4 打开打开FlashFlash文件文件 “打开”对话框20 打开文档后，执行“修改”“文档”命令，或单击“属性”面板上的“文档属性”按钮，可打开如下图所示的“文档属性”对话框。2.3.5 设置动画文件属性设置动画文件属性 “文档属性”对话框21 Flash影片在制作过程中和制作完成后，都需要在场景中或在Flash Player窗口中测试动画效果。可以通过以下方式实现：在场景中测试时，执行“控制”“播放”命令或按下键盘上的Enter键，时间轴面板中的播放头从当前所在的位置向最后逐帧运行，在舞台上播放动画效果，用这种方法，可测试形状补间动画等较简单的动画效

17、果。对用一些较为复杂的动画技巧制作的效果，如从“库”中加载元件到场景中、层层嵌套的影片剪辑等，需要执行“控制”“测试影片”命令或按Ctrl+Enter键，在打开的Flash Player窗口中测试影片的播放效果。2.3.6 预览和测试动画预览和测试动画 在Flash Player窗口中测试影片 如果是多场景动画，要测试当前场景时，需要执行“控制”“测试场景”命令或按Ctrl+Alt+Enter键，测试当前场景。对于按钮，需要执行“控制”“启用简单按钮”命令或按Ctrl+Alt+B键，当鼠标在舞台中经过或单击按钮时，可以测试按钮各帧的效果。当读者制作完成一个完整的动画时，可以通过以上所介绍的方法

18、来测试动画的播放。例如，可以比较直观可靠测试动画，采用“测试影片”方式测试效果，如右图所示。22 Flash影片一般发布成SWF格式，这种动画需用Flash Player播放器进行播放，也可发布成EXE格式，这种格式不需专门的播放器播放。导出SWF文档的方法如下：执行“文件”“导出”“导出影片”命令，弹出“导出影片”对话框，如左下图所示。在“保存在”下拉列表框中选择文件的保存路径，在“文件名”文本框中输入文档的名字，单击“保存”按钮后弹出“导出Flash Player”对话框，如右下图所示。2.3.7 发布发布FlashFlash动画动画 “导出影片”对话框 本章目录本章目录 在“版本”和“A

19、ctionScript版本”下拉列表中，分别选择播放器的版本和动作脚本语言的版本。设置好后，单击“确定”按钮。“导出Flash Player”对话框 232.4.1 标尺 在动画对象的设计过程中，用户可以利用Flash提供的标尺来进行定位、测量、组织和规划布局。为了方便操作，用户可以改变标尺的计量单位。2.4 使用辅助工具 显示舞台上的标尺 使用Flash的辅助功能，可以准确地绘制图形对象，还可以方便地查看动画对象。在工作窗口中，我们可以显示标尺、网格以及辅助线，从而来精确定位各个对象。还可以使用工具栏中的“手形”工具和“缩放”工具对图形进行查看或移动操作。选择“视图”“标尺”命令，或者按下快

20、捷键Ctrl+Alt+Shift+R，可以使舞台窗口显示标尺。标尺分为横标尺和纵标尺，分别位于舞台窗口的上边和左边，标尺的坐标原点是舞台的左上角，如右图所示。当然，执行这个命令也可以隐藏标尺。标尺计量单位默认是像素，用户可以根据习惯更改标尺的计量单位。单击“修改”“文档”命令，在打开的“文档属性”对话框中重新设定标尺单位。24 在舞台窗口显示标尺的情况下，用户可以在舞台窗口内添加辅助线。利用辅助线可以更方便地对操作对象进行定位。用户也可以改变辅助线的颜色等相关参数。1创建辅助线 创建辅助线的方法很简单，将光标移到标尺上，拖动鼠标即可拉出一条参考线。从水平标尺中可以拖出水平参考线，从垂直标尺中可

21、以拖出垂直参考线。如下图所示。2移动辅助线 当对某辅助线的位置不满意时，可选择“选择工具”，然后对准该辅助线，按住鼠标左键且拖动，会出现一条新的辅助线随指针移动，这条辅助线代表辅助线的新位置。2.4.2 辅助线辅助线 在舞台窗口中设置辅助线 辅助线的颜色、对象贴紧辅助线的精度等相关设置在“视图”“辅助线”“编辑辅助线”命令的对话框中设置，也可以按下Ctrl+Alt+Shift+G键打开该对话框。可以选择“视图”“辅助线”“显示”命令或其他方式显示与隐藏辅助线，也可以在当前编辑模式（文档编辑模式或元件编辑模式）下清除所有辅助线。25 跟辅助线一样，网格也是一种辅助工具，可以帮助用户安排对象的位置

22、。与辅助线不同的是，网格是布满整个舞台的，并且由间距相等的线条组成。用户也可以改变网格的颜色、网格间隔等相关参数。选择“视图”“网格”“显示网格”命令，就会在舞台上显示网格，如下图所示。显示网格后，可以利用网格贴紧功能，沿着网格线的位置进行移动和对齐动画对象。当不需要显示网格时，可以再次选择“视图”“网格”“显示网格”命令，当“网格”命令左侧的“”号消失时，即表示网格线已隐藏。2.4.3 网格网格 在舞台上显示网格 本章目录本章目录 网格线的颜色、网格间隔、对象贴紧网格线的精度等相关设置在“视图”“网格”“编辑网格”命令的对话框中设置。也可以按下Ctrl+Alt+G键打开该对话框。262.5 习题与实验指导 本章目录本章目录 按照教材的“习题与实验指导”部分的要求，完成作业和实验。27