- Flash CS5动画设计教程
- 马宏艳 汪克峰
- 2876字
- 2020-06-27 16:11:30
1.2 认识Flash CS5的工作界面
在计算机中安装好Flash CS5后,即可使用它制作游戏、动画、MTV。下面先讲解如何启动Flash CS5,然后介绍其工作界面。
1.2.1 启动Flash CS5
安装好Flash CS5后,即可使用该软件,启动该软件的方法主要有以下几种。
◎ “开始”菜单:在桌面中选择【开始】→【所有程序】→【Adobe Flash Professional CS5】菜单命令,如图1-7所示。
图1-7 通过“开始”菜单启动Flash CS5
◎ 快捷方式:双击建立在桌面中的Flash CS5快捷方式图标,启动Flash CS5。
◎ 双击Flash动画文件:通过双击打开一个Flash CS5动画文件,启动Flash CS5。
1.2.2 Flash CS5的工作界面
启动Flash CS5后,并不是直接进入其工作界面,而是先显示Flash CS5的启动界面,在该界面中可以选择创建模板,也可以选择学习Flash CS5的相关功能和作用。只有在创建好Flash动画文件后,才能进入其工作界面,使用各个面板的功能。下面先介绍Flash CS5的启动界面,然后讲解工作界面。
1.启动界面
在Flash的启动界面中可以进行多种操作,如图1-8所示,具体介绍如下。
图1-8 Flash启动界面
◎ 从模板创建:在该栏中单击相应的模板类型,可创建基于模板的Flash动画文件。
◎ 打开最近的项目:在该栏中可以选择“打开”选项,选择文件进行打开。该栏还可显示最近打开过的文件,单击文件的名称,可快速打开相应的文件。
◎ 新建:该栏中的选项表示可以在Flash CS5中创建新的项目类型。
◎ 学习:在该栏中选择相应的选项,可链接到Adobe官方网站相应的学习目录下。
◎ 教程和帮助:选择该栏中的任意选项,可打开Flash CS5的相关帮助文件和教程等。
◎ 不再显示:单击选中该复选框,在下次启动Flash时,将不再显示启动界面。
2.工作界面
在Flash CS5的启动界面中选择创建新的动画文件后,进入其工作界面。Flash CS5的工作界面由菜单栏、面板组、工具栏、舞台、场景、时间轴、属性面板、库面板组成,如图1-9所示。
图1-9 Flash CS5的工作界面
(1)菜单栏
Flash CS5的菜单栏包括文件、编辑、视图、插入、修改、文本、命令、控制、调试、窗口和帮助选项卡,单击某个选项卡即可弹出相应的菜单,若菜单命令后面有图标,表明其下还有子菜单,如图1-10所示。
图1-10 菜单的使用
(2)面板组
在Flash CS5中,单击面板组中的不同按钮,可弹出相应的调节参数面板,在“窗口”菜单中选择相应的命令,也可打开面板。图1-11为变形面板。单击面板中的按钮,可折叠面板。
图1-11 变形面板
(3)工具栏
工具栏主要用于放置绘图工具及编辑工具,在默认情况下,工具栏呈单列显示,单击工具面板上方的按钮,可将工具栏折叠为图标,此时按钮变为向左的按钮,再次单击即可展开工具栏。选择【窗口】→【工具】菜单命令或按【Ctrl+F2】组合键也可打开或关闭工具栏。
(4)场景
场景是编辑动画的主要工作区,在Flash中绘制图形和创建动画都在该区域中进行。场景由两部分组成,分别是白色的舞台区域和灰色的场景工作区。在播放动画时,动画中只显示舞台中的对象。
(5)时间轴
时间轴主要用于控制动画的播放顺序,其左侧为图层区,该区域用于控制和管理动画中的图层;右侧为帧控制区,由播放指针、帧、时间轴标尺,以及时间轴视图等部分组成,如图1-12所示。
图1-12 时间轴
(6)“属性”面板和“库”面板
“属性”面板中显示了选中内容的可编辑信息,调节其中的参数,可更改参数对应的属性,图1-13为绘制的矩形对象的属性参数。“库”面板中显示了当前打开文件中存储和组织的媒体元素和元件,如图1-14所示。
图1-13 “属性”面板
图1-14 “库”面板
1.2.3 自定义工作界面
Flash中的各个面板均可拖动,用户可根据需要拖动面板自定义工作界面、选择程序自带的工作界面和保存自定义的工作界面。
1.自定义工作区
在Flash中可通过“窗口”菜单,在打开的菜单中选择需要显示在工作界面中的面板,并且能通过更改面板大小和位置,隐藏、合并、折叠面板等操作来改变工作界面,使工作界面符合用户的使用习惯。工作界面中各面板的操作如下。
◎ 更改面板大小:将鼠标光标移动到该面板的左边缘或面板的边角上,当鼠标光标变为形状或形状时,按住鼠标左键不放并拖动,即可拉大或缩小面板大小。
◎ 改变面板位置:选择面板的标题栏,按住鼠标左键不放,然后将其向需要的位置拖动,之后释放鼠标即可。
◎ 显示/隐藏所有面板:选择【窗口】→【隐藏面板】菜单命令或按【F4】键,即可隐藏所有面板,如图1-15所示。此时隐藏菜单命令变为显示菜单命令,再次选择可显示所有面板。
图1-15 隐藏面板
◎ 合并:按住面板的标题栏不放,将其拖动到另一个面板的标题栏上,当其以半透明的状态显示,且在目标面板周围出现蓝色边框时,如图1-16所示,释放鼠标即可。
图1-16 合并面板
◎ 最大化/最小化面板:双击面板最上方的黑色区域可最大化或最小化面板。
◎ 折叠/展开面板:双击面板标题栏的名称,可折叠或展开面板。
2.管理工作区
在Flash CS5的工作界面中,单击上方的按钮,在打开的下拉列表中可选择一种程序自带的工作界面,如图1-17所示。
图1-17 选择工作区
知识提示
选择【窗口】→【工作区】菜单命令,打开的子菜单与该列表中的选项相同。
在该列表中,还可管理自定义的工作区,如保存调整后的工作区,将打乱的工作区恢复为默认的工作布局。其具体操作如下。
(1)调整工作区后,单击标题栏的按钮,在打开的下拉列表中选择“新建工作区”选项,如图1-18所示,打开“新建工作区”对话框。
图1-18 选择选项
(2)在该对话框中输入新建工作区的名称,如“自定义”,单击按钮,即可将当下状态的工作区以“自定义”的名称保存为一个新的工作区,如图1-19所示。此时再次单击按钮,在打开的下拉列表中将显示刚刚定义的工作区的名称。
图1-19 新建工作区
(3)单击按钮,在打开的下拉列表中选择“管理工作区”命令,打开“管理工作区”对话框。在左侧的列表中选择“自定义”选项,在右侧单击按钮,如图1-20所示,即可将“自定义”工作区删除。
图1-20 选择要删除的工作区
(4)在打开的提示对话框中单击按钮,如图1-21所示,当前的工作区布局即可恢复为默认的“基本功能”布局。返回“管理工作区”对话框,单击按钮即可。
图1-21 确认删除
操作技巧
单击按钮,在打开的下拉列表中选择“重置‘基本功能’”选项,可快速将工作界面恢复为默认的“基本功能”布局界面。
1.2.4 退出Flash CS5
退出Flash CS5的方法有以下几种。
◎ 选择【文件】→【退出】菜单命令。
◎ 按【Ctrl+Q】组合键。
◎ 单击界面右上角的“关闭”按钮。
1.2.5 课堂案例1——设计工作界面
利用前面学过的知识设计符合自己使用习惯的工作界面,主要操作是显示常用的工具面板、调整面板显示位置,效果如图1-22所示。
图1-22 工作界面设计效果
视频演示
光盘:\视频文件\第1章\设计工作界面.swf
(1)在桌面选择【开始】→【所有程序】→【Adobe Flash Professional CS5】菜单命令,启动Flash CS5。
(2)在启动界面的“新建”栏选择“ActionScript 3.0”选项,新建文件。
(3)将工具栏顶部的标题栏拖至“属性”面板的左侧,当“属性”面板和面板组之间出现一条蓝色的竖线时松开鼠标,工具栏即可移动到“属性”面板左侧,如图1-23所示。
图1-23 调整工具栏位置
(4)将鼠标光标移至面板组和工具栏之间,当鼠标光标变为形状时,按住鼠标左键不放并向右拖动,即可调整工具栏的大小,如图1-24所示。
图1-24 调整工具栏大小
(5)选择【窗口】→【工作区】→【新建工作区】菜单命令,打开“新建工作区”对话框,在“名称”文本框中输入“工作界面”,单击按钮,即可将当前工作区的布局定义为一个新的工作区,如图1-25所示。
图1-25 新建工作区