![全视频600例!中文版Flash CC实战大全](https://wfqqreader-1252317822.image.myqcloud.com/cover/35/22653035/b_22653035.jpg)
1.5 切换多种工作界面
在Flash CC工作界面中,提供了多种工作界面的布局样式,用户可根据需要随意切换Flash软件的界面布局。本节主要向读者介绍切换多种工作界面的操作方法。
实战019 使用动画工作界面
实例位置:无
素材位置:光盘\素材\第1章\电脑画面.fla
视频位置:光盘\视频\第1章\实战019.mp4
实例介绍
在Flash CC工作界面中,“动画”界面布局是专门为制作动画的工作人员设计的界面布局。在该界面布局下,制作动画效果时会更加方便。下面向读者介绍使用“动画”工作界面的方法。
操作步骤
STEP 01 单击“文件”|“打开”命令,打开一个素材文件,在其中可以查看现有工作界面布局样式,如图1-92所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0051_0001.jpg?sign=1734467920-F1ejLsXr79GYQCoT8bE8YotZEZIr23ZK-0-450c1d1a2a258bbf75c28b77f283452f)
图1-92 查看现有工作界面布局样式
STEP 02 在工作界面的右上角位置,单击“基本功能”右侧的下三角按钮,在弹出的列表框中选择“动画”选项,如图1-93所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0051_0002.jpg?sign=1734467920-R2PYRbXIO9eF4Xwafz7o3WhFmKst5VwH-0-2de38a7d480f8c7fa34fbffc2fd2e4bb)
图1-93 选择“动画”选项
STEP 03 用户还可以在菜单栏中,单击“窗口”菜单,在弹出的菜单列表中单击“工作区”|“动画”命令,如图1-94所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0051_0003.jpg?sign=1734467920-xg1jSfihAhJlfGpz7WQzkexm62t0rL2I-0-ba7459bb18dbdab904fc50f652d7ae2a)
图1-94 单击“动画”命令
STEP 04 执行操作后,即可快速切换至“动画”界面布局样式,如图1-95所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0051_0004.jpg?sign=1734467920-BcyAZ5BgcK1Ow0YCHfK2i7un4BpDQTCr-0-b6a1879cc9903fbe2a357459e9e73299)
图1-95 切换至“动画”界面布局
实战020 使用传统工作界面
实例位置:无
素材位置:光盘\素材\第1章\动物.fla
视频位置:光盘\视频\第1章\实战020.mp4
实例介绍
在Flash CC工作界面中,“传统”界面布局样式中显示着Flash的一些基本功能,左侧显示的是工具箱,上方显示的是时间轴面板,下方显示的是舞台工作区,右侧显示的是属性面板。下面向读者介绍使用“传统”工作界面的操作方法。
操作步骤
STEP 01 单击“文件”|“打开”命令,打开一个素材文件,如图1-96所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0051_0005.jpg?sign=1734467920-idjspDrjjTAxPRQqOLICp7ezjSIjwz97-0-ef6a210c8bb18631eed9cc512907a31d)
图1-96 打开一个素材文件
STEP 02 在Flash CC工作界面中,可以查看现有工作界面布局样式,如图1-97所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0051_0006.jpg?sign=1734467920-r7AKaxWXISh2GNRCgzuVxNhF7uEzWaEM-0-35c48f78f3016cad673e4f9755b2bbb3)
图1-97 查看现有工作界面布局
STEP 03 在工作界面的右上角位置,单击界面模式右侧的下三角按钮,在弹出的列表框中选择“传统”选项,如图1-98所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0052_0001.jpg?sign=1734467920-GxYPgnA7Rv4O5PJ7jTQ9BhI1Fl1iwPmI-0-84663c92d538bb2892d1f5834a7b11b6)
图1-98 选择“传统”选项
STEP 04 用户还可以在菜单栏中,单击“窗口”菜单,在弹出的菜单列表中单击“工作区”|“传统”命令,如图1-99所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0052_0002.jpg?sign=1734467920-NPu4jhomvtPu9XjcFSCcAmAlKVb7J1Hz-0-cb6721cf0565b897083cf626e7fc64ce)
图1-99 单击“传统”命令
STEP 05 执行操作后,即可快速切换至“传统”界面布局样式,如图1-100所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0052_0003.jpg?sign=1734467920-QucsFVbBFhlNILSmpvO9LCkTGq0wvBfz-0-b3f901343154bc5555f37424b856c4cb)
图1-100 切换至“传统”界面布局
实战021 使用调试工作界面
实例位置:无
素材位置:光盘\素材\第1章\飞机.fla
视频位置:光盘\视频\第1章\实战021.mp4
实例介绍
在Flash CC工作界面中,“调试”界面布局样式中主要显示有关调试的功能,左侧显示的是“调试控制台”面板,上方显示的是舞台,下方显示的是“输出”面板。在该界面布局样式下,不会显示工具箱与“属性”面板等。
操作步骤
STEP 01 单击“文件”|“打开”命令,打开一个素材文件,如图1-101所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0052_0004.jpg?sign=1734467920-B7CVEKsYvZ3uzoVPYZM0hrAgV62BmatT-0-7129b1e5765d72807aa263781f56adcd)
图1-101 打开一个素材文件
STEP 02 在Flash CC工作界面中,可以查看现有工作界面布局样式,如图1-102所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0052_0005.jpg?sign=1734467920-EMI6ViGRFNrWAh4nZI3SlCiKiYELIrwN-0-b45224d0c36279fa4b845a7fa3730da7)
图1-102 查看现有工作界面布局
STEP 03 在工作界面的右上角位置,单击界面模式右侧的下三角按钮,在弹出的列表框中选择“调试”选项,如图1-103所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0053_0001.jpg?sign=1734467920-yW0APQK4bux1cPXdd3vxS4B2HQDZkpIe-0-4de3e8600f5e39fa7d5dc3f92e00a5d8)
图1-103 选择“调试”选项
STEP 04 用户还可以在菜单栏中,单击“窗口”菜单,在弹出的菜单列表中单击“工作区”|“调试”命令,如图1-104所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0053_0002.jpg?sign=1734467920-1lpzQt0h5kUmWeVTpFKcNUI5CjMdUs2q-0-98b196c645fd8a8babfeddcf828a9757)
图1-104 单击“调试”命令
STEP 05 执行操作后,即可快速切换至“调试”界面布局,如图1-105所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0053_0003.jpg?sign=1734467920-wBZa3zHSmvDCriXjRNdRi8tHmPzfb7MA-0-9c2abdde96821767e43f6a46012d588f)
图1-105 切换至“调试”界面布局
实战022 使用设计人员工作界面
实例位置:无
素材位置:光盘\素材\第1章\动物聚会.fla
视频位置:光盘\视频\第1章\实战022.mp4
实例介绍
在Flash CC工作界面中,“设计人员”界面布局样式适合于设计动画类的工作人员使用。在该界面布局下,有关设计的功能非常全面,如工具箱、“属性”面板。“发布”面板、“时间轴”面板、“颜色”面板以及“库”面板的显示都非常完整,非常适合Flash设计人员。
操作步骤
STEP 01 单击“文件”|“打开”命令,打开一个素材文件,如图1-106所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0053_0004.jpg?sign=1734467920-nz35UD5HqPAmkWiv0d6qyEnfwWqwJUzK-0-42c13975555ec4b39f65fcdcd7a43d94)
图1-106 打开一个素材文件
STEP 02 在Flash CC工作界面中,可以查看现有工作界面布局样式,如图1-107所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0053_0005.jpg?sign=1734467920-mAlzbNBBNMxovi1ns4mjQyvLOS5gUpVq-0-14b66741f3906b32dff7c04aaede6215)
图1-107 查看现有工作界面布局
STEP 03 在工作界面的右上角位置,单击界面模式右侧的下三角按钮,在弹出的列表框中选择“设计人员”选项,如图1-108所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0054_0001.jpg?sign=1734467920-HmpmYLLUsqvCRcG8f32br22Y62G404YP-0-b7539767c3915c500ec343cf264b3964)
图1-108 选择“设计人员”选项
STEP 04 用户还可以在菜单栏中,单击“窗口”菜单,在弹出的菜单列表中单击“工作区”|“设计人员”命令,如图1-109所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0054_0002.jpg?sign=1734467920-bSpcoe43LsBF8VVXdDfVvGCqlA2S7SfN-0-ea61f79c4bf4ce91203091082714c870)
图1-109 单击“设计人员”命令
STEP 05 执行操作后,即可快速切换至“设计人员”界面布局,如图1-110所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0054_0003.jpg?sign=1734467920-vhDWqPbYhcEZzkcw0y1a3aIEHJ2c2PHz-0-d7a58e8474b54a0fe90e2cbea01f4cf0)
图1-110 切换至“设计人员”界面布局
实战023 使用开发人员工作界面
实例位置:无
素材位置:光盘\素材\第1章\美味咖啡.fla
视频位置:光盘\视频\第1章\实战023.mp4
实例介绍
在Flash CC工作界面中,“开发人员”界面布局样式适合于开发代码制作类的工作人员使用。在该界面布局下,显示了“库”面板、“组件”面板、工具箱、“编译器错误”面板以及“输出”面板等。下面向读者介绍使用“开发人员”工作界面的操作方法。
操作步骤
STEP 01 单击“文件”|“打开”命令,打开一个素材文件,如图1-111所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0054_0004.jpg?sign=1734467920-cd1x5mQr00LY5FPCJSpw5e9C6dJQUf6w-0-26f28559009a5f25514957d2e52c78d5)
图1-111 打开一个素材文件
STEP 02 在Flash CC工作界面中,可以查看现有工作界面布局样式,如图1-112所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0054_0005.jpg?sign=1734467920-OXJWvLm6CKAz98O8XHgyvHiduGb86nIV-0-e0cc95d21ece933a49759263b57b77c6)
图1-112 查看现有工作界面布局
STEP 03 在工作界面的右上角位置,单击界面模式右侧的下三角按钮,在弹出的列表框中选择“开发人员”选项,如图1-113所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0055_0001.jpg?sign=1734467920-2lxm3NuGugeFtqi9DRrK0SKVd1INI3Nj-0-f8086d92935b5daa96dbb96f557ae67b)
图1-113 选择“开发人员”选项
STEP 04 用户还可以在菜单栏中,单击“窗口”菜单,在弹出的菜单列表中单击“工作区”|“开发人员”命令,如图1-114所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0055_0002.jpg?sign=1734467920-8T3hsxVPn0duyF0SeOhoPXCkb8Ye52AS-0-2c75a9cf3362b290100771c3860a3783)
图1-114 单击“开发人员”命令
STEP 05 执行操作后,即可快速切换至“开发人员”界面布局,如图1-115所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0055_0003.jpg?sign=1734467920-fbl7cstxvkJpI1rKsPn11Dz1LfhZzd1V-0-b3ae963cd905639b4536c36269cb0e46)
图1-115 切换至“开发人员”界面布局
实战024 使用基本功能工作界面
实例位置:无
素材位置:光盘\素材\第1章\小小闹钟.fla
视频位置:光盘\视频\第1章\实战024.mp4
实例介绍
在Flash CC工作界面中,“基本功能”界面布局样式适合于一般使用Flash软件的大众群体使用。在该界面布局下显示了Flash软件的常规功能,如舞台、“时间轴”面板、“属性”面板、“库”面板以及工具箱等。
操作步骤
STEP 01 单击“文件”|“打开”命令,打开一个素材文件,如图1-116所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0055_0004.jpg?sign=1734467920-BAkaiCfBpXAhXl1zyLDE4zfcvEBzDosu-0-3f00eaad6c4f70baa6996bad8e43e77d)
图1-116 打开一个素材文件
STEP 02 在Flash CC工作界面中,可以查看现有工作界面布局样式,如图1-117所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0055_0005.jpg?sign=1734467920-M8cr2aSqm3Q6pGVuNU4QDJplbTZFSAVT-0-6cd04eeee48c1aa3260ac66e050f1e54)
图1-117 查看现有工作界面布局
STEP 03 在工作界面的右上角位置,单击界面模式右侧的下三角按钮,在弹出的列表框中选择“基本功能”选项,如图1-118所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0056_0001.jpg?sign=1734467920-kYtcFl3kI3DzMPf5pfjBSRBiR2eSc3J4-0-5541b655946d50c58216fbf4b2b4cb4e)
图1-118 选择“基本功能”选项
STEP 04 用户还可以在菜单栏中,单击“窗口”菜单,在弹出的菜单列表中单击“工作区”|“基本功能”命令,如图1-119所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0056_0002.jpg?sign=1734467920-EMIJAnPlVjY083V4D7ASORmJQ2V82It3-0-9fe6530aec9aaff91755f4516e4041ba)
图1-119 单击“基本功能”命令
STEP 05 执行操作后,即可快速切换至“基本功能”界面布局,如图1-120所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0056_0003.jpg?sign=1734467920-jdrin28gPWijbm94eQYCjGgx9C3MD7T8-0-e4ca98ac8afffbd616dbc59940833308)
图1-120 切换至“基本功能”界面布局
实战025 使用小屏幕工作界面
实例位置:无
素材位置:光盘\素材\第1章\小黑猫.fla
视频位置:光盘\视频\第1章\实战025.mp4
实例介绍
在Flash CC工作界面中,“小屏幕”界面布局样式与“基本功能”界面布局样式类似,是在“基本功能”界面布局样式下简化的一种界面布局。
操作步骤
STEP 01 单击“文件”|“打开”命令,打开一个素材文件,如图1-121所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0056_0004.jpg?sign=1734467920-mWoWPNrlcn4wXYWpd1JsSX1OsBWTFaPn-0-29aa4815c233a326c85881683a8c47f0)
图1-121 打开一个素材文件
STEP 02 在Flash CC工作界面中,可以查看现有工作界面布局样式,如图1-122所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0056_0005.jpg?sign=1734467920-gmZcuA6fN0PpHhO0cvR9shrNXr64lEAd-0-8598e07850ed18068585e83a573dace6)
图1-122 查看现有工作界面布局
STEP 03 在工作界面的右上角位置,单击界面模式右侧的下三角按钮,在弹出的列表框中选择“小屏幕”选项,如图1-123所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0057_0001.jpg?sign=1734467920-L7Af6IevBBODmq2zoeStW2PsZ7COQIdE-0-2dc4bb27ae12d468a376e5970444f90f)
图1-123 选择“小屏幕”选项
STEP 04 用户还可以在菜单栏中,单击“窗口”菜单,在弹出的菜单列表中单击“工作区”|“小屏幕”命令,如图1-124所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0057_0002.jpg?sign=1734467920-SWHJnh0L2PTVWaUnHKtQjj4K5eF0tVOt-0-86a5999f1dc81a81c33545df198c73ae)
图1-124 单击“小屏幕”命令
STEP 05 执行操作后,即可快速切换至“小屏幕”界面布局,如图1-125所示。
![](https://epubservercos.yuewen.com/9CEF3C/11229163804727506/epubprivate/OEBPS/Images/figure_0057_0003.jpg?sign=1734467920-NGjmpbthldyB9JlhXNwn4dtMTOrHtvhv-0-1b8311e5b06d3c876dfbd9355022b302)
图1-125 切换至“小屏幕”界面布局