02Flash的基本操作.docx
《02Flash的基本操作.docx》由会员分享,可在线阅读,更多相关《02Flash的基本操作.docx(22页珍藏版)》请在冰豆网上搜索。
02Flash的基本操作
课程名称:
Flash软件应用
授课章节:
第二章掌握Flash的基本操作
授课课时:
2课时
授课内容:
着重介绍Flash的基本操作,包括几种不同的工作区域,辅助工具在动画中的应用,常见的文档操作,以及环境的设置。
授课内容:
(一)工作区
1.一般Flash工作流程
要构建Flash应用程序,通常需要执行下列基本步骤:
计划应用程序。
确定应用程序要执行哪些基本任务。
添加媒体元素。
创建并导入媒体元素,如图像、视频、声音和文本等。
排列元素。
在舞台上和时间轴中排列这些媒体元素,以定义它们在应用程序中显示的时间和显示方式。
应用特殊效果。
根据需要应用图形滤镜(如模糊、发光和斜角)、混合和其它特殊效果。
使用ActionScript控制行为。
编写ActionScript®代码以控制媒体元素的行为方式,包括这些元素对用户交互的响应方式。
测试并发布应用程序。
进行测试以验证应用程序是否按预期工作,查找并修复所遇到的错误。
在整个创建过程中应不断测试应用程序。
将FLA文件发布为可在网页中显示并可使用Flash®Player播放的SWF文件。
2.工作区概述
可以使用各种元素(如面板、栏以及窗口)来创建和处理文档和文件。
这些元素的任何排列方式称为工作区。
AdobeCreativeSuite®5中不同应用程序的工作区拥有相同的外观,因此您可以在应用程序之间轻松切换。
您也可以通过从多个预设工作区中进行选择或创建自己的工作区来调整各个应用程序,以适合您的工作方式。
使用舞台和工具面板
欢迎屏幕概述
在不打开文档的情况下运行Flash时,会显示“欢迎”屏幕。
“欢迎”屏幕包含以下四个区域:
打开最近项目用于打开最近的文档(单击“打开”图标)。
创建新文件列出了Flash文件类型,如Flash文档和ActionScript®文件。
从模板创建列出创建Flash文档最常用的模板。
扩展链接到FlashExchange网站,您可以在其中下载助手应用程序、扩展功能以及相关信息。
“欢迎”屏幕还提供对“帮助”资源的快速访问。
您可以浏览Flash、了解有关文档资源以及查找Adobe授权的培训机构。
•若要隐藏“欢迎”屏幕,请选择“不再显示”。
•若要显示“欢迎”屏幕,请选择“编辑”>“首选参数”(Windows®)或选择“Flash”>“首选参数”(Macintosh®),然后从“常规”类别的“启动时”菜单中选择的“欢迎屏幕”。
使用舞台
舞台是您在创建Flash文档时放置图形内容的矩形区域。
创作环境中的舞台相当于FlashPlayer或web浏览器窗口中在回放期间显示文档的矩形空间。
要在工作时更改舞台的视图,请使用放大和缩小功能。
若要帮助在舞台上定位项目,可以使用网格、辅助线和标尺。
时间轴和带内容的舞台
缩放舞台
要在屏幕上查看整个舞台,或要以高缩放比率查看绘图的特定区域,可以更改缩放比率级别。
最大的缩放比率取决于显示器的分辨率和文档大小。
舞台上的最小缩小比率为8%。
舞台上的最大放大比率为2000%。
•若要放大某个元素,请选择“工具”面板中的“缩放”工具
,然后单击该元素。
若要在放大或缩小之间切换“缩放”工具,请使用“放大”
或“缩小”
功能键(当“缩放”工具处于选中状态时位于“工具”面板的选项区域中),或者按住Alt单击(Windows)或按住Option单击(Macintosh)。
•要进行放大以使绘图的特定区域填充窗口,请使用“缩放”工具在舞台上拖出一个矩形选取框。
•要放大或缩小整个舞台,请选择“视图”>“放大”或“视图”>“缩小”。
•要放大或缩小特定的百分比,请选择“视图”>“缩放比率”,然后从子菜单中选择一个百分比,或者从文档窗口右上角的“缩放”控件中选择一个百分比。
•要缩放舞台以完全适合应用程序窗口,请选择“视图”>“缩放比率”>“符合窗口大小”。
•要显示当前帧的内容,请选择“视图”>“缩放比率”>“显示全部”,或从应用程序窗口右上角的“缩放”控件中选择“显示全部”。
如果场景为空,则会显示整个舞台。
•要显示整个舞台,请选择“视图”>“缩放比率”>“显示帧”,或从文档窗口右上角的“缩放”控件中选择“显示帧”。
•若要显示围绕舞台的工作区,或要查看场景中部分或全部超出舞台区域的元素,请选择“视图”>“剪贴板”。
剪贴板以浅灰色显示。
例如,要使一只鸟飞入帧中,可以先将鸟儿放置在剪贴板中舞台之外的位置,然后以动画形式使鸟儿进入舞台区域。
移动舞台视图
放大了舞台以后,您可能无法看到整个舞台。
要在不更改缩放比率的情况下更改视图,可以使用“手形”工具移动舞台。
❖在“工具”面板中,选择“手形”工具并拖动舞台。
要临时在其它工具和“手形”工具之间切换,请按住空格键,并在“工具”面板中单击该工具。
使用标尺
当显示标尺时,它们将显示在文档的左沿和上沿。
您可以更改标尺的度量单位,将其默认单位(像素)更改为其它单位。
在显示标尺的情况下移动舞台上元素时,将在标尺上显示几条线,指出该元素的尺寸。
•要显示或隐藏标尺,请选择“视图”>“标尺”。
•要指定文档的标尺度量单位,请选择“修改”>“文档”,然后从“标尺单位”菜单中选择一个单位。
使用辅助线
显示标尺(“视图”>“标尺”)时,可以从标尺上将水平辅助线和垂直辅助线拖动到舞台上。
如果创建嵌套时间轴,则仅当在其中创建辅助线的时间轴处于活动状态时,舞台上才会显示可拖动的辅助线。
要创建自定义辅助线或不规则辅助线,请使用引导层。
•要显示或隐藏绘画辅助线,请选择“视图”>“辅助线”>“显示辅助线”。
•要打开或关闭贴紧至辅助线,请选择“视图”>“贴紧”>“贴紧至辅助线”。
•要移动辅助线,请使用“选取”工具单击标尺上的任意一处,将辅助线拖到舞台上需要的位置。
•要删除辅助线,请在辅助线处于解除锁定状态时,使用“选取”工具将辅助线拖到水平或垂直标尺。
•要锁定辅助线,请选择“视图”>“辅助线”>“锁定辅助线”,或者使用“编辑辅助线”(“视图”>“辅助线”>“编辑辅助线”)对话框中的“锁定辅助线”选项。
•要清除辅助线,请选择“视图”>“辅助线”>“清除辅助线”。
如果在文档编辑模式下,则会清除文档中的所有辅助线。
如果在元件编辑模式下,则只会清除元件中使用的辅助线。
设置辅助线首选参数
1选择“视图”>“辅助线”>“编辑辅助线”,然后执行下列任一操作:
•要设置“颜色”,请单击颜色框中的三角形,然后从调色板中选择辅助线的颜色。
默认的辅助线颜色为绿色。
•要显示或隐藏辅助线,请选择或取消选择“显示辅助线”。
•若要打开或关闭贴紧至辅助线,请选择或取消选择“贴紧至辅助线”。
•选择或取消选择“锁定辅助线”。
•要设置“对齐精确度”,请从弹出菜单中选择一个选项。
•要删除所有辅助线,请单击“全部清除”。
“全部清除”命令将从当前场景中删除所有的辅助线。
•若要将当前设置保存为默认值,请单击“保存默认值”。
2单击“确定”。
使用网格
网格将在文档的所有场景中显示为插图之后的一系列直线。
显示或隐藏绘画网格
❖请执行下列操作之一:
•选择“视图”>“网格”>“显示网格”。
•按Ctrl+''(引号)(Windows)或Command+''(引号)(Macintosh)。
打开或关闭贴紧至网格线
❖选择“视图”>“贴紧”>“贴紧至网格”。
设置网格首选参数
1选择“视图”>“网格”>“编辑网格”,然后从选项中进行选择。
2若要将当前设置保存为默认值,请单击“保存默认值”。
关于主工具栏和编辑栏
应用程序窗口顶部的菜单栏包含带有用于控制功能的命令的菜单。
舞台顶部的编辑栏包含的控件和信息可用于编辑场景和元件,并更改舞台的缩放比率级别。
工具面板概述
使用“工具”面板中的工具可以绘图、上色、选择和修改插图,并可以更改舞台的视图。
“工具”面板分为四个部分:
•“工具”区域包含绘图、上色和选择工具。
•“查看”区域包含在应用程序窗口内进行缩放和平移的工具。
•“颜色”区域包含用于笔触颜色和填充颜色的功能键。
•“选项”区域包含用于当前所选工具的功能键。
功能键影响工具的上色或编辑操作。
若要指定在创作环境中显示哪些工具,请使用“自定义工具面板”对话框。
使用工具面板
若要显示或隐藏“工具”面板,请选择“窗口”>“工具”。
选择工具
❖请执行下列操作之一:
•在“工具”面板中单击该工具。
根据选择的工具,“工具”面板底部的选项区域中可能会显示一组功能键。
•按工具的键盘快捷键。
若要查看键盘快捷键,请选择“编辑”>“键盘快捷键”(Windows)或“Flash”>“键盘快捷键”(Macintosh)。
在Macintosh中,可能需要移动鼠标才能看到新指针出现。
•若要选择位于可见工具(例如“矩形”工具)的弹出菜单中的工具,请按住该可见工具的图标,然后从弹出菜单中选择另一工具。
自定义工具面板
若要指定在创作环境中显示哪些工具,请使用“自定义工具面板”对话框向“工具”面板中添加工具或从中删除工具。
如果某个位置显示多个工具,则组中的顶层工具(最近使用的工具)图标的右下角会显示一个箭头。
此箭头表示弹出菜单中还有其它工具。
弹出菜单中的所有工具均使用相同的键盘快捷键。
在该图标上按住鼠标按键时,组中的其它工具将出现在弹出菜单中。
1若要显示“自定义工具面板”对话框,请执行下列操作之一:
•(Windows)选择“编辑”>“自定义工具面板”。
•(Macintosh)选择“Flash”>“自定义工具面板”。
“可用工具”菜单指示当前可用的工具。
“当前选择”菜单指示当前为“工具”面板中的选定位置分配的工具。
2若要在工具之间循环切换以指定位置并分配给其它工具,请单击“工具”面板图像中的一个工具或使用箭头。
3若要将某个工具添加到所选位置,请在“可用工具”列表中选择该工具,然后单击“添加”。
可以将一个工具分配给多个位置。
4若要从所选位置删除某个工具,请在“当前选择”滚动列表中选择该工具,然后单击“删除”。
5若要恢复默认工具面板布局,请单击“自定义工具面板”对话框中的“恢复默认值”。
6单击“确定”应用您所做的更改并关闭“自定义工具面板”对话框。
使用上下文菜单
上下文菜单包含与当前选择内容相关的命令。
例如,当您在“时间轴”窗口中选择一个帧时,上下文菜单包含的是用于创建、删除和修改帧和关键帧的命令。
许多项目和控件在许多位置上(包括舞台上、时间轴内、“库”面板上以及“动作”面板上)都有上下文菜单。
❖右键单击(Windows)或按住Control单击(Macintosh)某个项目。
时间轴
关于时间轴
时间轴用于组织和控制一定时间内的图层和帧中的文档内容。
与胶片一样,Flash文档也将时长分为帧。
图层就像堆叠在一起的多张幻灯胶片一样,每个图层都包含一个显示在舞台中的不同图像。
时间轴的主要组件是图层、帧和播放头。
文档中的图层列在时间轴左侧的列中。
每个图层中包含的帧显示在该图层名右侧的一行中。
时间轴顶部的时间轴标题指示帧编号。
播放头指示当前在舞台中显示的帧。
播放文档时,播放头从左向右通过时间轴。
在时间轴底部显示的时间轴状态指示所选的帧编号、当前帧速率以及到当前帧为止的运行时间。
部分时间轴
A.播放头B.空关键帧C.时间轴标题D.引导层图标E.“帧视图”弹出菜单F.逐帧动画G.补间动画H.“滚动到播放头”按钮I.“绘图纸”按钮J.当前帧指示器K.帧频指示器L.运行时间指示器
时间轴显示文档中哪些地方有动画,包括逐帧动画、补间动画和运动路径。
使用时间轴的图层部分中的控件可以隐藏、显示、锁定或解锁图层,并能将图层内容显示为轮廓。
您可以将帧拖到同一图层中的不同位置,或是拖到不同的图层中。
更改时间轴的外观
默认情况下,时间轴显示在主文档窗口下方。
要更改其位置,请将时间轴与文档窗口分离,然后在单独的窗口中使时间轴浮动,或将其停放在您选择的任何其他面板上。
也可以隐藏时间轴。
要更改可以显示的图层数和帧数,请调整时间轴的大小。
当时间轴包含的图层无法全部显示时,要查看其它图层,请使用时间轴右侧的滚动条。
拖动时间轴
•要移动停放在文档窗口上的时间轴,请拖动该时间轴左上角的标题栏选项卡。
•若要将已取消停靠的时间轴停靠在应用程序窗口上,请将标题栏选项卡拖动到文档窗口的顶部或底部。
•要将未停放的时间轴停放在其它面板,请将时间轴标题栏标签拖动到您选择的位置。
要防止时间轴停放在其它面板,请在拖动时按住Ctrl。
将出现一个蓝色栏,指示时间轴将停放的位置。
•要在“时间轴”面板中加长或缩短图层名字段,请拖动时间轴中分隔图层名和帧部分的栏。
改时间轴中的帧显示
1要显示“帧视图”弹出菜单,请单击时间轴右上角的“帧视图”。
“帧视图”弹出菜单.
2从下面的选项中进行选择:
•要更改帧单元格的宽度,请选择“很小”、“小”、“正常”、“中”或“大”。
(“大”帧宽度设置对于查看声音波形的详细情况很有
用。
)
•要减小帧单元格行的高度,请选择“短”。
“短”和“正常”帧视图选项.
•要打开或关闭用彩色显示帧顺序,请选择“彩色显示帧”。
•要显示每个帧的内容缩略图(其缩放比率适合时间轴帧的大小),请选择“预览”。
这可能导致内容的外观大小发生变化,并且需要额外的屏幕空间。
•若要显示每个完整帧(包括空白空间)的缩略图,请选择“关联预览”。
如果要查看元素在动画期间在它们的帧中的移动方式,此选项非常有用,但是这些预览通常比用“预览”选项生成的小。
更改时间轴中的图层高度
1请执行下列操作之一:
•双击时间轴中图层的图标(即该图层名称左侧的图标)。
•右键单击(Windows)或按住Control单击(Macintosh)该图层名称,然后从上下文菜单中选择“属性”。
•在时间轴中选择该图层,然后选择“修改”>“时间轴”>“图层属性”。
2在“图层属性”对话框中,选择一个“图层高度”选项,然后单击“确定”。
调整时间轴的大小
•如果时间轴停放在主应用程序窗口,请拖动分隔时间轴和舞台区域的栏。
•如果时间轴没有停放在主应用程序窗口,请拖动右下角(Windows)或右下角的大小框(Macintosh)。
移动播放头
文档播放时,播放头在时间轴上移动,指示当前显示在舞台中的帧。
时间轴标题显示动画的帧编号。
要在舞台上显示帧,请将播放头移动到时间轴中该帧的位置。
如果正在处理大量的帧,而这些帧无法一次全部显示在时间轴上时,要显示特定帧,请将播放头沿着时间轴移动。
•要转到某帧,请单击该帧在时间轴标题中的位置,或将播放头拖到所需的位置。
•要使时间轴以当前帧为中心,单击时间轴底部的“滚动到播放头”按钮。
移动播放头
使用Flash创作面板
关于属性检查器
使用“属性”(Property)检查器可以轻松访问舞台或时间轴上当前选中内容的最常用属性(attribute)。
您可以在“属性”(Property)检查器中更改对象或文档的属性(attribute),而不用访问也用于控制这些属性(attribute)的菜单或面板。
取决于当前选择的内容,“属性”检查器可以显示当前文档、文本、元件、形状、位图、视频、组、帧或工具的信息和设置。
当选择了两个或多个不同类型的对象时,“属性”检查器会显示选中对象的总数。
若要显示属性检查器,请选择“窗口”>“属性”,或者按Ctrl+F3(Windows)或Command+F3(Macintosh)。
关于库面板
“库”面板(“窗口”>“库”)是存储和组织在Flash中创建的各种元件的地方,它还用于存储和组织导入的文件,包括位图图形、声音文件和视频剪辑。
利用“库”面板,可以在文件夹中组织库项目、查看项目在文档中的使用频率以及按照名称、类型、日期、使用次数或ActionScript®链接标识符对项目进行排序。
也可以使用搜索字段在“库”面板中进行搜索,并设置大多数多对象选区的属性。
显示影片剪辑元件的“库”面板。
关于动作面板
使用“动作”面板可以创建和编辑对象或帧的ActionScript代码。
选择帧、按钮或影片剪辑实例可以激活“动作”面板。
根据选择的内容,“动作”面板标题也会变为“按钮动作”、“影片剪辑动作”或“帧动作”。
在帧中显示一个stop()动作的“动作”面板.
若要显示“动作”面板,请选择“窗口”>“动作”或按F9。
使用影片浏览器
使用影片浏览器可以查看和组织文档的内容,并在文档中选择元素进行修改。
它包含当前使用的元素的显示列表,该列表显示为一个可导航的分层结构树。
使用影片浏览器执行下列操作:
•选择在影片浏览器中显示文档中哪些类别的项目。
•将所选类别显示为场景或元件定义(或两者)。
•展开和折叠导航树。
•按名称搜索文档中的元素。
•使自己熟悉其他开发人员创建的Flash文档的结构。
•查找特定元件或动作的所有实例。
•打印显示在影片浏览器中的可导航的显示列表。
影片浏览器有一个“面板”菜单和一个上下文菜单,其中的选项用于对所选择的项目执行操作或修改影片浏览器显示。
影片浏览器面板中下面带有三角形的复选标记表示“面板”菜单。
注:
在处理屏幕时,影片浏览器的功能会稍有不同。
查看影片浏览器
❖选择“窗口”>“影片浏览器”。
过滤在影片浏览器中显示的项目类别
•若要显示文本、元件、ActionScript、导入的文件或帧和图层,请单击“显示”选项右侧的一个或多个过滤按钮。
若要自定义显示的项目,请单击“自定义”按钮。
选择“影片浏览器设置”对话框“显示”区域中的选项可以查看这些元素。
•若要显示场景中的项目,请从影片浏览器的“面板”菜单中选择“显示影片元素”。
•若要显示关于元件的信息,请从影片浏览器的“面板”菜单中选择“显示元件定义”。
注:
可以同时激活“影片元素”选项和“元件定义”选项。
使用查找框搜索项目
❖在“查找”框中,输入项目名称、字体名称、ActionScript字符串或帧编号。
“查找”功能可搜索影片浏览器中显示的所有项目。
在影片浏览器中选择项目
❖在导航树中单击该项目。
按住Shift单击可以选择多个项目。
所选项目的完整路径显示在影片浏览器的底部。
在影片浏览器中选择一个场景之后,舞台上会显示该场景的第一个帧。
在影片浏览器中选择一个元素之后,如果包含该元素的图层没有锁定,则会在舞台上选择该元素。
使用影片浏览器的“面板”菜单或上下文菜单命令
1请执行下列操作之一:
•若要查看“面板”菜单,请单击影片浏览器面板中的“面板”菜单控件。
•要查看上下文菜单,请右击(Windows)或按住Control键单击(Macintosh)影片浏览器导航树中的一个项目。
2从菜单中选择一个选项:
转到位置跳到文档中选定的图层、场景或帧。
转到元件定义跳到影片浏览器“影片元素”区域中选定元件的元件定义。
元件定义列出了与该元件关联的所有文件。
(必须选择“显示元件定义”选项。
在此列表中查看定义。
)
选择元件实例跳到影片浏览器“元件定义”区域中选定元件的实例所在的场景。
(必须选择“显示影片元素”选项。
)
在库中显示加亮显示文档的库中的选定元件。
(如果尚未显示“库”面板,Flash会将其打开。
)
重命名使您可以为选定的元素输入一个新名称。
在当前位置编辑使您可以在舞台上编辑选定的元件。
在新窗口中编辑使您可以在新窗口中编辑选定的元件。
显示影片元素显示文档中组织为场景的元素。
显示元件定义显示与某个元件关联的所有元素。
复制所有文本到剪贴板将选定的文本复制到剪贴板上。
要进行拼写检查或其它编辑操作,请将文本粘贴到外部文本编辑器中。
剪切、复制、粘贴和清除对选定元素执行这些常用功能。
在显示列表中修改项目将修改文档中的相应项目。
展开分支在选定元素处展开导航树。
折叠分支在选定元素处折叠导航树。
折叠其它分支折叠导航树中不包含选定元素的分支。
打印打印影片浏览器中显示的分层显示列表。
关于Flash组件和“组件”面板
Flash中的组件是向Flash文档添加特定功能的可重用打包模块。
组件可以包括图形以及代码,因此它们是您可以轻松包括在Flash项目中的预置功能。
例如,组件可以是单选按钮、对话框、预加载栏,或者甚至是根本没有图形的某个项,如定时器、服务器连接实用程序或自定义XML分析器。
如果对编写ActionScript还不够熟练,您可以向文档添加组件,在属性检查器或组件检查器中设置其参数,然后使用“行为”面板处理其事件。
例如,您无需编写任何ActionScript代码,就可以将“转到Web页”行为附加到一个Button组件,用户点击此按钮时会在Web浏览器中打开一个URL。
如果希望创建功能更加强大的应用程序,则可通过动态方式创建组件,使用ActionScript在运行时设置属性和调用方法,还可使用事件侦听器模型来处理事件。
使用“组件”面板插入组件
首次将组件添加到文档时,Flash会将其作为影片剪辑导入到“库”面板中。
还可以将组件从“组件”面板直接拖到“库”面板中,然后将其实例添加到舞台上。
在任何情况下,您都必须将组件添加到库中,才能访问其类元素。
1选择“窗口”>“组件面板”。
2在“组件”面板中选择组件实例,然后将其拖动到舞台或“库”面板上。
将组件添加到库中后,就可以将多个实例拖动到舞台上。
3使用属性检查器或组件检查器,根据需要配置组件。
有关组件所使用的参数的信息,请参考在Flash文档中使用的ActionScript版本的相应组件文档。
使用组件检查器输入组件的参数
1选择“窗口”>“组件检查器”。
2在舞台上选择组件的一个实例。
3单击“参数”选项卡并为列出的任意参数输入值。
关于Web服务面板
在“Web服务”面板(“窗口”>“其它面板”>“Web服务”)中,可以查看Web服务的列表,刷新Web服务,还可以添加或删除Web服务。
只要把Web服务添加到“Web服务”面板,该Web服务就可用于您创建的任何应用程序。
可以使用“Web服务”面板一次刷新您的所有Web服务,办法是单击“刷新Web服务”按钮。
如果您不使用舞台,而是为应用程序的连接层编写ActionScript代码,可以使用“Web服务”面板管理您的Web服务。
3.管理文档
处理Flash文档
关于Flash文件
在Flash中,您可以处理各种文件类型,每种文件类型的用途各不相同:
•FLA文件是在Flash中使用的主要文件,其中包含Flash文档的基本媒体、时间轴和脚本信息。
媒体对象是组成Flash文档内