
1.2 Flash CS4的界面构成
Flash CS4在原有版本的基础上增加了新的特性和功能,其中最大的改变是工作界面的调整,工具箱变成伸缩式,可以在单栏显示与双栏显示之间进行切换。整个界面的面板可以自由伸缩,使工作区拥有更多的空间。本小节将对其工作界面进行详细介绍。
1.2.1 Flash CS4工作界面
Flash CS4工作界面的改变极大地方便了用户的操作,通过对工作界面的折叠调整,可以将需要的面板调整到另一个面板上,然后关闭不需要的面板,这种人性化的界面设置,为制作动画提供了更大的方便和工作空间。下面来了解Flash CS4的工作界面,以传统界面为例,如图1-14所示。

图1-14 Flash CS4工作界面

图1-14 菜单栏
1.菜单栏
Flash CS4中的菜单栏由11个菜单组成,其中提供了大量的命令,Flash中所有的功能都可以在菜单栏中找到,如图1-14所示。
2.工具栏
工具栏也叫“主工具栏”,将制作Flash动画时使用频率较高的工具以图标的形式放在一起。有【新建文件】、【打开文件】、【保存】等功能按钮,如图1-15所示。但是在Flash CS4中主工具栏默认是不打开的,可通过选择【窗口】→【工具栏】→【主工具栏】命令打开。

图1-15 工具栏
3.图层
Flash中的图层与Photoshop等软件中的图层一样,用来分层管理图像,便于修改与操作,如图1-16所示。上方图层的图形会遮挡下方图层的图形。

图1-16 图层
4.时间轴
时间轴是用于组织和控制动画播放的。Flash将时间分割成许多小块,每一块表示一帧,对应的就是时间轴上的一个小格,由左向右按顺序逐帧播放就形成了动画,如图1-17所示。

图1-17 时间轴
5.工具箱
工具箱中有各种各样的工具,这些工具可以用来绘制和编辑图形、调整颜色、放大和缩小画面等,如图1-18所示。选择工具后,则会在【属性】面板中显示相应的选项。

图1-18 工具箱
注意
按【Ctrl+F2】组合键可打开或关闭工具箱。
6.场景
场景是进行动画编辑的主要区域,Flash CS4中无论是绘制图形还是创建动画都是在该区域中进行。场景由两部分组成,分别是白色的舞台区域和灰色的工作区域,如图1-19所示。在舞台内和舞台外都可以放置元件,舞台外的元件在输出的动画里不会显示。

图1-19 场景
注意
舞台的大小可以设置,只有在舞台中出现的Flash对象,在播放时才能被看到。在系统默认情况下,舞台按照100%的比例来显示,用户可以在舞台右上角的下拉列表框中设置舞台的显示比例。改变舞台的比例并不改变文件体积的大小。
7.面板组
面板组中集合了Flash中的编辑工具,用于设置Flash命令中的各选项值,如图1-20所示。隐藏所有面板的快捷键是【F4】。

图1-20 面板组
注意
可以通过选择【窗口】下拉菜单中相应的命令打开或关闭面板。将光标放在某一面板上,按住鼠标左键拖动至相邻或其他面板组中,出现蓝色边框时松开鼠标,即可移动面板至其他面板组中。选中某一面板,按住鼠标左键拖动到工作区中,这样就可以作为浮动面板进行使用了。
8.【属性】面板
【属性】面板中主要显示工具、对象以及文档的基本属性,如图1-21所示。

图1-21 【属性】面板
注意
使用属性面板设置参数时,首先要在舞台中选择一个对象元素,或在时间轴中选择一个关键帧,才能进行相应的设置。
1.2.2 Flash CS4功能面板介绍
在Flash动画设计制作过程中,各种功能面板的使用是必不可少的。在学习Flash软件时,了解一些常用面板是很重要的。下面介绍Flash CS4中常用功能面板的使用。
1. 【颜色】和【样本】面板
单击工作区右侧面板组中的【颜色】选项卡,或者选择【窗口】→【颜色】命令,打开【颜色】面板,如图1-22所示。使用【颜色】面板,必须在舞台的工作区中选择一个对象,然后在其中可以选择填充模式(笔触颜色或填充颜色),在右上方的下拉列表框中可以选择填充的类型(纯色、线性、放射状、位图),可以在RGB、HSB模式下选择颜色或直接输入颜色代码设置颜色,还可以通过【颜色】面板中的Alpha值定义颜色的透明度。

图1-22 【颜色】面板
【样本】面板是【颜色】面板所在面板组中的另外一个设置颜色的功能面板。单击【样本】选项卡后切换到【样本】面板,或者选择【窗口】→【样本】命令,打开【样本】面板,如图1-23所示。【样本】面板用来保存程序自带的或自定义的颜色(包括纯色和渐变色),方便重复操作。还可以单击【样本】面板右上角的【扩展】按钮,选择【添加颜色】、【替换颜色】、【保存颜色】等命令。

图1-23 【样本】面板
2.【历史记录】面板
【历史记录】面板是Flash中很有用的功能面板,特别是对初学者来说,单击工作区右侧的【历史记录】选项卡,或者选择【窗口】→【其他面板】→【历史记录】命令,打开【历史记录】面板,如图1-24所示。

图1-24 【历史记录】面板
此面板中记录用户对当前文档所进行的编辑操作,当想回到某操作时,拖动面板左侧滑杆上的指示滑块,滑块指向哪个操作,便可以退回到执行该操作的状态,即可以重新进行编辑。面板中滑块以下的操作显示将变为灰色,如图1-25所示。

图1-25 退回操作
注意
在【历史记录】面板的列表中直接单击选择操作是无法使操作退回的,只有拖动左侧滑杆上的滑块才能达到退回的目的。而在【历史记录】面板列表中选择操作,然后单击面板左下方的【重放】按钮,可以在当前的舞台上自动重复相应的操作。
3.【对齐】、【信息】和【变形】面板
【对齐】面板主要用于舞台中两个或两个以上对象位置关系的设置。单击工作区右侧的【对齐】选项卡,或者选择【窗口】→【对齐】命令,打开【对齐】面板,如图1-26所示。其中包含【对齐】、【分布】、【匹配大小】、【间隔】、【相对于舞台】5项内容。

图1-26 【对齐】面板
【信息】和【变形】面板与【对齐】面板位于同一面板组中。单击工作区右侧的【信息】或【变形】选项卡,或者选择【窗口】→【信息】或【变形】命令,打开【信息】面板和【变形】面板,如图1-27和图1-28所示。

图1-27 【信息】面板

图1-28 【变形】面板
【信息】面板在制作动画的过程中将显示一些相关信息。如选择一个对象,则在【信息】面板的上方显示该对象的宽度、高度和位置;在【信息】面板的下方显示光标滑动过程中的颜色、透明度和位置。
在【变形】面板中可以对所选对象进行精确的缩放、旋转或倾斜操作。在面板中,可以通过在文本框中输入百分比数值来改变所选对象的大小。如需按比例缩放,先选中 “约束”复选框,再输入缩放比例的数值。面板下方的两个单选按钮决定对所选对象实行旋转操作还是倾斜操作。面板右下方的两个按钮也很有用途,如果在对对象进行变形时还想保留一个原形,可以在变形后单击右下方的【复制并应用变形】按钮即可。单击右下方的【重置】按钮,可以取消变形。
4.【库】面板
【库】面板是Flash中常用的一个功能面板。单击工作区右侧的【库】选项卡,或者选择【窗口】→【库】命令,打开【库】面板,如图1-29所示。在Flash动画影片中创建的每一个元件(按钮元件、图形元件、影片剪辑元件)都会被保存在【库】面板中。

图1-29 【库】面板
【库】面板分为3个区域,最上面显示当前库的名称,中间部分为库元素的预览窗口,下面为元件列表。面板左下方的3个按钮分别用于新建元件、新建文件夹和删除元件。
注意
不同类型的元件被保存到【库】面板后,会根据其属性的不同显示为不同的图标。共有3种类型的元件,图标是影片剪辑元件,
图标是按钮元件,
图标是图形元件。
5.【动作】面板
在Flash动画的制作过程中,为了增加动画的交互性,经常要用到【动作】面板。使用【动作】面板可以简单地控制影片的播放,或者通过编辑ActionScript语言来定义事件、目标和动作。选择【窗口】→【动作】命令,打开【动作】面板,如图1-30所示。【动作】面板分为3部分,左上方的窗口中,列出了所有的动作名称,左下方的窗口为“脚本导航”窗口,在其中可以观察到当前正在为哪个对象编写脚本。面板右侧最大的窗口是用于编写程序代码的窗口。

图1-30 【动作】面板
注意
【动作】面板在使用时,首先要在时间轴上选择一个关键帧,或选择舞台上的一个实例,然后才能在面板中为关键帧或实例编写程序代码。
6.【场景】和【影片浏览器】面板
在Flash动画制作过程中,经常要更换不同的场景。【场景】面板专门用于对影片中的多个场景进行管理,包括场景的新建、复制、删除等操作。单击工作区右侧的【场景】选项卡,或者选择【窗口】→【其他面板】→【场景】命令,打开【场景】面板,如图1-31所示。

图1-31 【场景】面板
【影片浏览器】面板与【场景】面板处于同一面板组中,它主要用于查看和组织舞台对象,以及选择对象进行修改。选择【窗口】→【影片浏览器】命令,打开【影片浏览器】面板,如图1-32所示。

图1-32 【影片浏览器】面板