当前位置: 主页 > 平面设计 > Flash CS5操作指南(2)工作流程和工作区

Flash CS5操作指南(2)工作流程和工作区

  • 2021-12-25
  • 来源/作者: 本站原创    / 佚名    
  • 7 次浏览

Flash 工作流程和工作区

以下视讯教学课程将说明 Flash 工作区域和工作流程。

                        Introducing Flash Professional (Flash Professional 简介) (4:00)

                        Understanding Flash ( 了解 Flash) (1:17)

                        Understanding Flash file types ( 了解 Flash 文件类型) (1:55)

                        Exploring the Flash interface ( 导出 Flash 界面) (1:49)

                        Setting up workspaces ( 设定工作区) (2:14)

                        Managing Design Suite Workspaces ( 管理 Design Suite 工作区) (7:44) ( Photoshop 为例)

 

一般 Flash 工作流程

若要建立 Flash 应用程序,通常您必须执行下列基本步骤:

规划应用程序。决定应用程序要执行的基本工作。

加入媒体元素。建立并汇入媒体元素,如影像、视讯、声音与文字。

安排元素。在舞台上和时间轴中安排媒体元素,并定义这些元素在应用程序中出现的时间和方式。

应用特殊效果。套用图像滤镜 ( 如模糊、光晕和斜角)、混合以及其它您认为合适的特殊效果。

使用 ActionScript 控制行为。撰写 ActionScript® 程序代码以控制媒体元素的行为,包含这些元素响应用户互动的方式。

测试及发布应用程序。测试以确认应用程序是否达成预期目标,以及寻找并修复程序错误。在整个建立过程中均应测试应用程序。将 FLA 档发布为SWF 档,这样才能在网页中显示并使用 Flash® Player 播放。

依照项目和工作习惯的不同,这些步骤的顺序也可能不同。

如需 Flash 工作流程快速入门的其他协助,请参阅以下信息:

                        文章:Introducing Adobe Flash Professional (Adobe Flash Professional 简介)

                        http://www.adobe.com/devnet/logged_in/dwinnie_flcs4.html

                        文章:Creating a simple document in Flash Professional ( 使用 Flash Professional 建立简单的文件)

                        http://www.adobe.com/devnet/flash/articles/flash_cs4_createfla.html

                        视讯:Flash Workflow Basics (Flash 工作流程基本概念)http://www.adobe.com/go/lrvid4053_fl_tw

                        •              Flash 概观:www.adobe.com/go/lrvid4053_fl_tw

                        •              Flash 工作流程:www.adobe.com/go/vid0132_tw

                        建立第一个交互式 Flash 档案:www.adobe.com/go/vid0118_tw

 

工作区域概览

您可以使用各种不同的元素 ( 例如面板、控制列和窗口) 建立及操作文件和档案。以任何方式排列这些元素的地方即称为工作区。在 Adobe® Creative Suite® 5 中,不同应用程序的工作区具有相同的外观,能让您轻松地在应用程序之间移动。您也可以从预设集工作区选择或建立自己的工作区,利用这种方式将每个应用程序修改成您习惯的工作方式。

虽然不同产品中的默认工作区版面各有不同,不过在所有这些版面中操作各种元素的方式则多半相同。

ABCD

E

 G

F

H

Illustrator 预设工作区

                        A. 加上索引卷标的文档窗口B. 应用程序行C. 工作区切换器D. 面板标题栏E. 控制面板F. 工具面板G. 收合为图标按钮H. 以垂直方向固定的 4 个面板群组

                        横跨顶部的「应用程序行」包含工作区切换器、选单 ( 仅限 Windows),以及其他应用程控项。在 Mac 上面使用特定产品时,可以使用「窗口」选单显示或隐藏此项目。

                        •              「工具面板」包含用于建立和编辑影像、图案、页面元素等的工具相关的工具会群组在一起。

 

                        「控制面板」会显示目前所选取工具的选项在 Illustrator 中,「控制」面板会显示目前所选取对象的选项 ( Adobe Photoshop® 中,这个面板称为选项列。在 Adobe Flash®Adobe Dreamweaver® Adobe Fireworks® 中,这个面板称为「属性检测器」,其中包括目前所选取元素的属性)

                        •              「文档窗口」会显示您正在处理的档案。「文件」窗口可以加上索引卷标,而且可以在某些情况下加以群组和固定。

                        「面板」可以协助您监看及修改您的工作。Flash 中的「时间轴」、Illustrator 中的「笔刷」面板、Adobe Photoshop® 中的「图层」面板,以及 Dreamweaver 中的「CSS 样式」都是面板的范例。面板可加以集合、堆栈或固定。

                        •              「应用程序框架」会将所有的工作区元素集合至单一的整合窗口,让您能够集中一处操作应用程序。如果您移动或调整应用程序框架或当中任何元素的大小,框架中的所有元素会彼此协调,以避免发生重迭。当您切换应用程序,或不慎按到应用程序外面的区域时,面板并不会消失。如果您同时使用两个以上的应用程序,则可将每个应用程序并排放置于屏幕或多部监视器上。

 

如果您正在使用 Mac 而且偏好传统的非固定式用户界面,也可以将「应用程序」框架关闭。例如,在 Adobe Illustrator® 中选取「窗口 > 应用程序框架」,便可以切换框架的开/ 关状态 ( Mac 中使用 Flash 时,「应用程序」框架会永久保持开启,而 Dreamweaver for Mac 则不使用「应用程序」框架)

隐藏或显示所有面板

                        (IllustratorAdobe InCopy®Adobe InDesign®PhotoshopFireworks) 若要隐藏或显示所有面板 ( 包括「工具」面板和「控制」面板),请按 Tab 键。

                        (IllustratorInCopyInDesignPhotoshop) 若要隐藏或显示所有面板 ( 除「工具」面板和「控制」面板以外),请按Shift+Tab

 

 如果在「用户接口」偏好设定中选取了「自动显示隐藏面板」,便可以暂时显示隐藏的面板。在 Illustrator 中,这项功能会永远保持开启状态。请将鼠标指针移到应用程序窗口边缘 (Windows®) 或移到屏幕边缘 (Mac OS®),并于面板长条出现时停驻在其上方。

(FlashDreamweaverFireworks) 若要隐藏或显示所有面板,请按 F4

显示面板选项

           单击面板右上角的面板选单图示

 即使面板已最小化,您仍然可以开启面板选单。

Photoshop 中,您可以变更「控制」面板、面板和工具提示中的文字字体大小。请从「接口偏好设定」的「用户接口字体大小」选单中,选择字体大小。

(Illustrator) 调整面板亮度

请移动「用户接口」偏好设定中的「亮度」滑杆。这个控件会影响所有面板,包括「控制」面板。

重新设定工具面板

您可以将「工具」面板中的工具显示成单一栏或并列的两栏。( 这项功能不适用于 Fireworks Flash 中的「工具」面板)

  InDesign InCopy 中,您还可以在「用户接口」偏好设定中设定选项,从单一栏显示切换为两栏 ( 或单一列) 显示。请单击「工具」面板顶端的双箭头。

管理窗口和面板

您可以移动和操作「文件」窗口和面板来建立自定义的工作区。您也可以储存自定义工作区,并在工作区之间切换。对于Fireworks 而言,重新命名自定义工作区可能会导致非预期的行为。

备注:下列范例会使用 Photoshop 来进行示范。工作区的行为在所有产品中皆相同。

重新排列、固定或浮动文档窗口

当您开启多个档案时,「文件」窗口会加上卷标。

                        •              如果要重新排列加上索引卷标的「文件」窗口,请将窗口的卷标拖曳到群组中的新位置。

                        如果要从窗口群组取消固定 ( 浮动或取消索引卷标) 某个「文件」窗口,请将这个窗口的索引卷标拖曳到群组之外。

 

备注:在 Photoshop 中,您可以选择「窗口 > 排列顺序 > 浮动于窗口」来浮动单一的「文件」窗口,或「窗口 > 排列顺序 > 全部浮动于窗口」来一次浮动所有的「文件」窗口。如需详细信息,请参阅技术批注kb405298

备注: Dreamweaver 不支持固定及取消固定「文件」窗口。使用「文件」窗口的「最小化」按钮建立浮动窗口(Windows),或选择「窗口 > 垂直并排」,以建立并排的「文件」窗口。如需有关此主题的详细信息,请在Dreamweaver 说明中搜寻「垂直拼贴」。

                        •              如果要将某个「文件」窗口固定到另一个「文件」窗口群组,请将这个窗口拖曳到该群组中。

                        •              若要建立堆栈或拼贴文件群组,将窗口拖曳至沿着另一窗口顶端、底部或侧边的放置区域。您也可以使用「应用程序」列的「版面」按钮来为群组选择版面。

                        备注:某些产品并不支持此功能。然而,您的产品在「窗口」选单中可能有「重迭显示」与「拼贴」指令,可以让您调整文档版式。

                        •              拖曳选项时,若要在加上索引卷标的群组中切换文件,请将选项拖曳至文件的卷标上并停留一会。备注:某些产品并不支持此功能。

 

固定及解除固定面板

固定区域是指显示在一起的面板集合或面板群组,通常会以垂直方向排列。如果要固定或卸除面板,请将面板移入或移出固定区域。

                        •              若要固定面板,请将面板的卷标拖移到固定区域中,可放在顶端、底部或其他面板之间。

                        若要固定面板群组,请将面板群组的标题栏 ( 标签上方的实心空白列) 拖移到固定区域中。

                        •              若要移除面板或面板群组,请将面板的标签或面板群组的标题栏拖移出固定区域。您可以将面板拖移到另一个固定区域中,或是将其变成可自由浮动。

 

 

正在拖移到新固定区域的「导览器」面板,以蓝色垂直反白标示来表示「导览器」面板现在已停放在自己的固定区域中

您可以进行调整,让面板不致于占满固定区域的全部空间。请将固定区域的底部边缘向上拖曳,让它不再碰触到工作区的

边缘。

移动面板

在您移动面板时,会看见蓝色反白标示的放置区域,那些就是您可以移动面板的区域。例如,您可以在固定区域中,将面板拖移到另一个面板上方或下方的狭窄蓝色放置区域中,就可以将面板向上或向下移动。如果是拖移到非放置区域,面板就可以在工作区中自由浮动。

备注:鼠标的位置 ( 而非面板的位置) 会启动放置区域,因此如果您看不到放置区域,请尝试将鼠标拖曳至放置区域应该存在的位置。

                        •              若要移动面板,请拖曳面板的标签。

                        •              若要移动面板群组,请拖曳标题栏。

 

A B

狭窄的蓝色放置区域代表「颜色」面板将会自行固定在「图层」面板群组上方。

A. 标题栏B. 索引卷标C. 放置区域

按住 Ctrl (Windows) Command (Mac OS) 并同时移动面板,就不会使面板固定。按住 Esc 并同时移动面板即可取消此作业。

新增和移除面板

如果移除固定区域中的所有面板,固定区域就会消失。您可以将面板移到工作区的右边缘,直到放置区域出现为止,利用这种方式建立固定区域。

                        如果要移除面板,请用鼠标右键单击 (Windows) 或按住 Control 并单击 (Mac) 它的索引卷标,然后选取「关闭」,或从「窗口」选单将它取消选取。

                        •              若要新增面板,请在「窗口」选单中选取面板,并将它固定在您想要的任何位置。

 

上次更新2010/5/27

使用 FLASH PROFESSIONAL CS5 工作区

9

操作面板群组若要将面板移动到群组中,请将面板的标签拖移到群组反白标示的放置区域中。

 

 

 

将面板新增到面板群组

                        •              若要重新排列群组中的面板,请将面板的标签拖移到群组中的新位置。

                        •              若要移除群组中的面板,使其可自由浮动,请将面板的标签拖移到群组外面。

                        若要移动群组,请拖曳其标题栏 ( 位于索引卷标上方的区域)

 

堆栈浮动面板

如果您将面板拖移到固定区域外而未放入放置区域,该面板即可自由浮动。浮动面板让您能够将其定位于工作区中的任何地方。您可以将浮动面板或面板群组堆栈在一起,这样当您拖曳最顶端的标题栏时,就可以让它们一起移动。

自由浮动的堆栈面板

                        •              若要堆栈浮动面板,请将面板的索引卷标拖曳到另一个面板底部的放置区域。

                        •              若要变更堆栈顺序,请将面板的标签向上或向下拖移。备注:请切记要在面板之间的狭窄放置区域上方放开卷标,而不是在标题栏中较宽的放置区域放开。

                        •              若要移除堆栈中的面板或面板群组,使其可单独自由浮动,请将面板的标签或面板群组的标题栏拖移到堆栈外面。

 

重新调整面板尺寸

                        若要将某个面板、面板群组或一迭面板最大化或最小化,请双击索引卷标。您也可以双击索引卷标区域 ( 索引卷标旁的空白区域)

                        如果要调整面板的尺寸,请拖曳面板的任何一边。有些面板无法用拖移方式重新调整尺寸,例如 Photoshop 中的「颜色」面板。

 

收合和展开面板图示

您可以将面板收合为图示,减少工作区的杂乱。在某些情况下,面板会在预设工作区中收合为图示。

已收合为图示的面板

已从图示展开的面板

                        •              若要收合或展开某一栏中的所有面板图标,请单击固定区域顶端的双箭头。

                        •              若要展开单一面板图标,请单击该图标。

                        •              如果要调整面板图示的尺寸,只要看到图标而不看到索引卷标,请调整固定区域的宽度,直到文字出现为止。如果要再次显示图标文字请,将固定区域加宽一些。

                        •              若要将已展开的面板重新收合为图示,请单击面板的卷标、图标或面板标题栏中的双箭头。

                         在某些产品中,如果在「用户接口」或「用户接口选项」偏好设定中选取了「自动收合图示面板」,则当您单击图示时,就会自动收合已展开的面板图示。

                        如果要将浮动面板或面板群组新增到图标固定区域中,请将它的索引卷标或标题栏拖到固定区域中。( 将面板新增到图标固定区域后,就会自动将面板收合为图示)

                        如果要移动面板图示 ( 或面板图示群组),请拖曳此图示。您可以将固定区域中的面板图标向上或向下拖曳到其他固定区域中 ( 此时会以该固定区域的面板样式来显示),或是拖曳到固定区域外面 ( 此时会显示为浮动图标)

 

储存和切换工作区

将面板的目前尺寸和位置储存成已命名的工作区后,则即使您移动或关闭面板,仍然可以复原该工作区。储存的工作区名称会出现在「应用程序」列上的工作区切换器中。

储存自定义工作区

1   请针对您要储存的组态中的工作区,执行下列其中一个动作:

                        (Illustrator) 选择「窗口 > 工作区 > 储存工作区」。

                        (PhotoshopInDesignInCopy) 选择「窗口 > 工作区 > 新增工作区」。

                        (Dreamweaver) 选择「窗口 > 工作区版面 > 储存工作区」。

                        (Flash) 从「应用程序」列上的工作区切换器选择「储存工作区」。

 

(Fireworks) 从「应用程序」列上的工作区切换器选择「储存目前版面」。2 输入工作区的名称。3 (PhotoshopInDesign) 在「撷取」下,选取下列一或多个选项:

面板位置储存目前的面板位置 ( 仅限 InDesign)键盘快捷方式储存目前的键盘快捷方式组合( 仅限 Photoshop)选单或「自定义选单」储存目前的选单组合。

显示或切换工作区

从「应用程序」列上的工作区切换器选取工作区。在 Photoshop 中,您可以指定每个工作区的键盘快捷方式,以便能快速浏览这些工作区。

删除自定义工作区

从「应用程序」列上的工作区切换器选取「管理工作区」,选取工作区,然后单击「删除」(Fireworks 中未提供这个选项)

                        (PhotoshopInDesignInCopy) 从工作区切换器选取「删除工作区」。

                        (Illustrator) 选择「窗口 > 工作区 > 管理工作区」,然后选取工作区,再单击「删除」图示。

                        (PhotoshopInDesign) 选择「窗口 > 工作区 > 删除工作区」,然后选取工作区,再单击「删除」。

 

复原预设工作区

1 从应用程序行上的工作区切换器选取「预设」或「基本」工作区。备注:在 Dreamweaver 中,Designer 是预设的工作区。2 (PhotoshopInDesignInCopy) 选取「Window > 工作区 > 重设 [ 工作区名称]」。

(Photoshop) 复原已储存的工作区排列

Photoshop 中,工作区会自动显示成您上一次排列的方式,但您可以复原已储存的原始面板排列。

                        若要复原个别的工作区,请选择「窗口 > 工作区 > 重设工作区名称」。

                        若要复原 Photoshop 安装的所有工作区,请在「接口」偏好设定中单击「复原预设工作区」。若要在应用程序行中重新排列工作区的顺序,请拖曳移动它们。