您的当前位置:首页正文

FLASH制作基础教程

2023-02-13 来源:好走旅游网


FLASH制作基础教程

第一节 怎样学习FLASH制作

Flash动画设计对于个人而言,一人身兼动画,原画,背景,导演,剧本,音乐,后期等职责。真正要做出一部分满意的Flash动画,需要花费的心力的。怎样学习FLASH制作呢?

1、做好策划

剧本策划是衡量一部Flash动画设计作品成功与否的重要标志。创建任何一个动画前,首先要有一个大概的轮廓,既知道自己要作什么。游戏或复杂的动画最好是先画一个流程图或写一个故事的剧本,就像拍MTV一样,有一个框架和比较清晰的结构,确定作品有哪几个镜头出现,每一个镜头有哪些演员和哪些场景,最后在确定绘图。

2、掌握画图

优秀的FLASH制作都是原画,效果和造型有自己的风格,让人一见难忘。所以画图是Flash动画设计的基本功,好多FLASH制作高手都是画画的高手,图画的不好的画基本上是作不出好的动画出来的,采用别人的东西拼出来的动画,永远也不会用自己的灵魂的。绘制出人物、场景和道具后,将绘制出的图形来制作各种人物表演的片断,将人物片断合成出各个场景的动画片断,最后将整个场景串起来,并加入音乐和歌词,进一步调整细节,完成整个设计制作。

3、讲求技术

1

⑴做好分类。制作动画时,应该及时的做好分类工作,静态的图形将其转化为图形符号要作按钮用的将其作为按钮符号,小的动画片段将其转化为影片符号。

⑵运用技巧。如遮罩效果引导线的使用,必要时结合使用。将导入的位图运用FLASH自带的工具转化位图为矢量图真正的矢量化或将其打散转化为图形符号。

⑶使用ACTION指令。ACTIONSCRIPT与JAVA及其相似,类似于一门高级语言。一般来说熟练常见的指令是有必要的。

⑷运用按钮。按钮是FLASH在人机交互和游戏中比不可少的,使用按钮的指令可以起到非常好的效果。按钮和按钮之间还可以嵌套,非常好,可以作出你想象不到的效果。

⑸使用LOADING。LOADING使得观众有一个比较好的承受心理,等待看出现的动画。

⑹灵活使用外挂。制作flash的外挂软件很多。制作3D的特效的有swift3D,vecta3D等。swift3D功能比较的强大,可以调节灯光物体,有时间轴,还有丰富的动画样式和材质库面板。Vecta3D相对较为简单它分为3Dmax的插件版本和独立运行的windows版本。动画的功能没有Swift3D强大,但是渲染速度快,精度高深受闪客们的喜爱。制作文字特效的有swish和Flax等软件。swish是一个非常傻瓜试的软件,操作简单但是功能强大。它能制作出flash文字爆炸、打字机、淡入淡出、风吹、波浪等非常绚丽的效果。flax是一个类似于Swish的软件,支持的效果更为简单绚丽,运行界面简洁漂亮。运用这些外挂最重要的一点是这些FLASH制作的工具制作出现的东西可以继续导入到FLASH中,继续加工,作出更为好看的效果。例如将Swift3D和Vecta3D分别到处swf文件,在导入到FLASH中编辑组合,结合出更加美妙的3D效果。Flax中的绚丽的文字效果,将其导出,

2

然后导入到flash中,将其中的英文符号改成中文字,一样可以得到绚丽的中文字效果。

4、重视后期

后期基本包括配音,风格处理等等。

第二节 开始页

一、通过开始页,可以轻松地访问常用操作。开始页包含以下四个区域:

1、打开最近项目,用于打开最近的文档。也可以通过单击“打开”图标显示“打开文件”对话框。

2、创建新项目,它列出了Flash文件类型,如Flash文档和ActionScript文件。可以通过单击列表中所需的文件类型快速创建新的文件。

3、从模板创建,它列出创建新的Flash文档最常用的模板。可以通过单击列表中所需的模板创建新文件。

4、扩展,它链接到Macromedia Flash Exchange Web站点,您可以在其中下载Flash的助手应用程序、Flash扩展功能以及相关信息。

“开始”页还提供对“帮助”资源的快速访问。您可以浏览Flash、学习有关Flash文档的资源以及查找Macromedia授权的培训机构。

二、隐藏“开始”页:在“开始”页上,选择“不再显示此对话框”。

3

三、再次显示开始页,选择“编辑”>“首选参数”,然后选择“常规”类别中的“启动时”>“显示开始页”。

第三节 主工具栏、编辑栏和上下文菜单

Flash应用程序窗口顶部的菜单栏显示包含用于控制Flash功能的命令的菜单。这些菜单包括“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“帮助”。

时间轴顶部的编辑栏包含用于编辑场景和元件以及用于更改舞台的缩放比率级别的控件和信息。

Flash应用程序的上下文菜单包含与当前选择内容相关的命令。例如,当您在“时间轴”窗口选择一个帧时,上下文菜单包含的是用于创建、删除和修改帧和关键帧的命令。许多项目和控件在许多位置上(包括舞台上、时间轴内、“库”面板上以及“动作”面板上)都有上下文菜单。右键单击某个项目可以打开上下文菜单。

第四节 舞台

舞台是在创建Flash文档时放置图形内容的矩形区域,这些图形内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑,诸如此类。Flash创作环境中的舞台相当于Macromedia Flash Player或Web浏览器窗口中在回放期间显示Flash文档的矩形空间。可以在工作时放大和缩小以更改舞台的视图。

一、缩放舞台视图

4

要在屏幕上查看整个舞台,或要以高缩放比率查看绘图的特定区域,可以更改缩放比率级别。最大的缩放比率取决于显示器的分辨率和文档大小。舞台上的最小缩小比率为8%。舞台上的最大放大比率为2000%。

1、放大某个元素,请选择“工具”面板中的“缩放”工具,然后单击该元素。

要在放大或缩小之间切换“缩放”工具,请使用“放大”或“缩小”工具(当“缩放”工具处于选中状态时位于“工具”面板的选项区域中),或者按住Alt键单击该元素进行“放大”或“缩小”工具切换。

2、放大绘图的特定区域,请使用缩放工具在舞台上拖出一个矩形选取框。Flash可以设置缩放比率,从而使指定的矩形填充窗口。

3、放大或缩小整个舞台,请选择“视图”>“放大”或“视图”>“缩小”。

4、放大或缩小特定的百分比,请选择“视图”>“缩放比率”,然后从子菜单中选择一个百分比,或者从时间轴右上角的“缩放”控件中选择一个百分比。缩放舞台以完全适合应用程序窗口,请选择“视图”>“缩放比率”>“符合窗口大小”。

5、显示当前帧的内容,请选择“视图”>“缩放比率”>“显示全部”,或从应用程序窗口右上角的“缩放”控件中选择“显示全部”。如果场景为空,则会显示整个舞台。

6、显示整个舞台,请选择“视图”>“缩放比率”>“显示帧”,或从时间轴右上角的“缩放”控件中选择“显示帧”。

7、显示围绕舞台的工作区,请选择“视图”>“工作区”。工作区以淡灰色显示。使

5

用“工作区”命令可以查看场景中部分或全部超出舞台区域的元素。例如,要使鸟儿飞入帧中,可以先将鸟儿放置在工作区中舞台之外的位置,然后以动画形式使鸟儿进入舞台区域。

二、移动舞台视图

放大了舞台以后,您可能无法看到整个舞台。可在“工具”面板中选择手形工具拖动舞台,使您可以移动舞台。

要临时在其它工具和手形工具之间切换,请按住空格键,并在“工具”面板中单击该工具。

第五节 时间轴

与胶片一样,Flash文档也将时长分为帧。时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。时间轴的主要组件是图层、帧和播放头。

图层就像堆叠在一起的多张幻灯胶片一样,每个图层都包含一个显示在舞台中的不同图像。文档中的图层列在时间轴左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶部的时间轴标题指示帧编号。播放头指示当前在舞台中显示的帧。时间轴状态显示在时间轴的底部,它指示所选的帧编号、当前帧频以及到当前帧为止的运行时间。播放Flash文档时,播放头从左向右通过时间轴,并在时间轴状态显示实际的帧频。

时间轴提供动画中补间帧的视图。时间轴上可显示文档中哪些地方有动画,包括逐帧动画、补间动画和运动路径。

6

一、更改时间轴的外观

默认情况下,时间轴显示在主应用程序窗口的顶部,在舞台之上。可以更改其位置,调整其大小,也可以隐藏。

1、将时间轴停放在主窗口的底部或任意一侧,或在单独的窗口中显示。

拖动时间轴面板的抓手(麻点点),把时间轴面板拖到主窗口的底部或任意一侧。按住Ctrl键拖动可使时间轴面板在单独的窗口中显示。

2、调整时间轴的大小

拖动分隔时间轴和舞台区域的栏,可调整时间轴的大小,从而更改可以显示的图层数和帧数。如果有许多图层,无法在时间轴中全部显示出来,则可以通过使用时间轴右侧的滚动条来查看其它的图层。

拖动时间轴中分隔图层名和帧部分的栏,可以增长或缩短图层名字段。

3、更改时间轴中的帧显示

单击时间轴右上角的“帧视图”,显示“帧视图”弹出菜单,选择“很小”、“小”、“正常”、“中”或“大”,可更改时间轴中的帧单元格的宽度,“大”帧宽度设置对于查看声音波形的详细情况很有用;选择“很短”,可减小帧单元格行的高度;选择“彩色显示帧”,可打开或关闭用彩色显示帧序列顺序;选择“预览”,可在时间轴中显示每个帧内容的缩略图;选择“关联预览”,可显示每个完整帧(包括空白空间)的缩略图,这对于查看元素在动画期间在它们的帧中的移动方式非常有用,但这些预览通常比用“预览”选项生成的小。

7

二、移动播放头

要在舞台上显示某帧,可以单击该帧在时间轴标题中的位置,或将播放头拖到所需的位置。

如果正在处理大量的帧,而这些帧无法一次全部显示在时间轴上,则可以将播放头沿着时间轴移动,从而轻松显示特定帧。

若要使时间轴以当前帧为中心,可单击时间轴底部的“帧居中”。

三、使用帧和关键帧

关键帧是这样一个帧:您在其中定义了对动画的对象属性所做的更改,或者包含了ActionScript代码以控制文档的某些方面。Flash可以在您定义的关键帧之间补间或自动填充帧,从而生成流畅的动画。因为关键帧可以使您不用画出每个帧就可以生成动画,所以使您能够更轻松地创建动画。

帧和关键帧在时间轴中出现的顺序决定它们在Flash应用程序中显示的顺序。可以在时间轴中排列关键帧,以便编辑动画中事件的顺序。

1、添加帧或关键帧

从“库”面板中将一个项目拖动到舞台上,从而将该项目添加到当前的帧或关键帧中

2、选择帧或关键帧

8

Flash提供两种不同的方法在时间轴中选择帧。默认情况为基于帧的选择,可以在时间轴中选择单个帧。在Flash首选参数中指定基于整体范围的选择后,单击一个关键帧到下一个关键帧之间的任何帧时,整个帧序列都将被选中。

指定基于整体范围的选择方法是:选择“编辑”>“首选参数”;选择“常规”类别;在“时间轴”部分,选择“基于整体范围的选择”;单击“确定”。

选择一个帧,请单击该帧。如果在“首选参数”对话框中启用了“基于整体范围的选择”,则单击某个帧将会选择两个关键帧之间的整个帧序列。

选择多个连续的帧,请按住Shift键并单击其它帧。

选择多个不连续的帧,请按住Ctrl键单击其它帧。

选择时间轴中的所有帧,选择“编辑”>“时间轴”>“选择所有帧”。或者右键单击从上下文菜单中选择“选择所有帧”。

3、插入帧或关键帧

插入新帧,请选择“插入”>“帧”,或者右键单击要在其中放置帧的帧,然后从上下文菜单中选择“插入帧”。

创建新关键帧,请选择“插入”>“关键帧”,或者右键单击要在其中放置关键帧的帧,然后从上下文菜单中选择“插入关键帧”。

要创建新的空白关键帧,请选择“插入”>“空白关键帧”,或者右键单击要在其中放

9

置关键帧的帧,然后从上下文菜单中选择“插入空白关键帧”。

4、删除帧或关键帧

删除帧、关键帧或帧序列,请选择该帧、关键帧或序列,然后选择“编辑”>“时间轴”>“删除帧”,或者右键单击该帧、关键帧或序列,然后从上下文菜单中选择“删除帧”。周围的帧将保持不变。

5、移动帧或关键帧

移动关键帧或帧序列及其内容,请将该关键帧或序列拖到所需的位置。

6、延长关键帧动画的持续时间

延长关键帧动画的持续时间,请按住Alt键拖动关键帧,将其拖动到希望成为序列的最后一个帧的那个帧。

更改补间序列的长度,请将开始关键帧或结束关键帧向左或向右拖动。

7、复制(剪切)和粘贴帧或关键帧

复制(剪切)和粘贴帧或帧序列,请选择该帧或序列,然后选择“编辑”>“时间轴”>“复制(剪切)帧”。选择想要替换的帧或序列,然后选择“编辑”>“时间轴”>“粘贴帧”。或者右键单击从上下文菜单中选择复制(剪切)和粘贴帧

通过拖动来复制和粘贴关键帧或帧序列,请按住Alt键单击并将关键帧拖到新位置。

10

8、将关键帧转换为帧

将关键帧转换为帧,请选择该关键帧,然后选择“编辑”>“时间轴”>“清除关键帧”,或者右键单击该关键帧,然后从上下文菜单中选择“清除关键帧”。所清除的关键帧以及到下一个关键帧之前的所有帧的舞台内容,将被所清除的关键帧之前的帧的舞台内容替换。

四、使用图层

图层可以帮助您组织文档中的对象。当创建了一个新的Flash文档之后,它仅包含一个图层。可以添加更多的图层,以便在文档中组织插图、动画和其它元素。图层不会增加发布的SWF文件的文件大小。只有放入图层的对象才会增加文件的大小。

可以在图层上绘制和编辑对象,而不会影响其它图层上的对象。如果一个图层上没有内容,那么就可以透过它看到下面的图层。

可以通过创建图层文件夹然后将图层放入其中来组织和管理这些图层。可以在时间轴中展开或折叠图层文件夹,而不会影响在舞台中看到的内容。对声音文件、ActionScript、帧标签和帧注释分别使用不同的图层或文件夹有助于在需要编辑这些项目时快速地找到它们。

绘制、上色或者对图层或文件夹进行修改,需要在时间轴中选择该图层以激活它。时间轴中图层或文件夹名称旁边的铅笔图标表示该图层或文件夹处于活动状态。尽管一次可以选择多个图层,一次只能有一个图层处于活动状态。

1、创建图层

11

单击时间轴底部的“插入图层”按钮或选择“插入”>“时间轴”>“图层”,还可以右键单击时间轴中的一个图层名称,然后从上下文菜单中选择“插入图层”。在创建了一个新图层或文件夹之后,它将出现在所选图层的上面。新添加的图层将成为活动图层。

2、创建图层文件夹

在时间轴中选择一个图层或文件夹,然后选择“插入”>“时间轴”>“图层文件夹”。或右键单击时间轴中的一个图层名称,然后从上下文菜单中选择“插入文件夹”。插入的新文件夹将出现在所选图层或文件夹的上面。

3、选择图层或文件夹

选择一个图层或文件夹,请单击时间轴中图层或文件夹的名称或在时间轴中单击要选择的图层的任意一个帧。也可以在舞台中选择要选择的图层上的一个对象。

选择连续的几个图层或文件夹,请按住Shift键在时间轴中单击它们的名称。

选择几个不连续的图层或文件夹,请按住Ctrl键单击时间轴中它们的名称。

4、重命名图层或文件夹

默认情况下,新图层是按照创建它们的顺序命名的:第1层、第2层,依此类推。可以重命名图层以更好地反映它们的内容。

双击时间轴中图层或文件夹的名称,然后输入新名称。也可以右键单击图层或文件夹的名称,然后从上下文菜单中选择“属性”。在“名称”文本框中输入新名称,然后单击“确

12

定”。还可以在时间轴中选择该图层或文件夹,然后选择“修改”>“时间轴”>“图层属性”。在“图层属性”对话框中,在“名称”文本框中输入新名称,然后单击“确定”。

5、复制图层

单击时间轴中的图层名称选择整个图层。选择“编辑”>“时间轴”>“复制帧”。单击“添加图层”按钮创建新层。单击该新图层,然后选择“编辑”>“时间轴”>“粘贴帧”。

6、复制图层文件夹的内容

单击文件夹名称选择整个文件夹。选择“编辑”>“时间轴”>“复制帧”。选择“插入”>“时间轴”>“图层文件夹”创建新文件夹。单击该新文件夹,然后选择“编辑”>“时间轴”>“粘贴帧”。

7、删除图层或文件夹

选中图层,单击时间轴中的“删除图层”按钮。或将图层或文件夹拖到“删除图层”按钮。也可以右键单击该图层或文件夹的名称,然后从上下文菜单中选择“删除图层”。

删除图层文件夹之后,所有包含的图层及其内容都会删除。

8、组织图层和图层文件夹

图层文件夹使您可以将图层放在一个树形结构中,这样有助于管理工作流程。文件夹中可以包含图层,也可以包含其它文件夹。时间轴中的图层控制将影响文件夹中的所有图层。例如,锁定一个图层文件夹将锁定该文件夹中的所有图层。

13

单击时间轴中文件夹名称左侧的三角形或右键单击从上下文菜单中选择“展开所有文件夹”或“折叠所有文件夹”,可以扩展或折叠文件夹来查看该文件夹包含的图层,而不会影响在舞台中哪些图层可见。

图层或图层文件夹名称拖到目标图层文件夹名称中,可以将图层或图层文件夹移动到目标图层文件中。

将时间轴中一个或多个图层或文件夹拖动到时间轴中其它图层上方或下方的所需位置,可以更改图层或文件夹的顺序。

9、显示或隐藏图层或文件夹

单击时间轴中图层或文件夹名称右侧的“眼睛”列,可以隐藏该图层或文件夹。再次单击它可以显示该图层或文件夹。

单击眼睛图标可以隐藏时间轴中的所有图层和文件夹。再次单击它可以显示所有的层和文件夹。

在“眼睛”列中拖动可以显示或隐藏多个图层或文件夹。

按住Alt键单击图层或文件夹名称右侧的“眼睛”列可以隐藏所有其它图层和文件夹。再次按住Alt键单击可以显示所有的图层和文件夹。

时间轴中图层或文件夹名称旁边的红色X表示它处于隐藏状态。在发布FlashSWF文件时,FLA文档中的任何隐藏图层都会保留,并可在SWF文件中看到。

14

10、锁定或解锁图层或文件夹

锁定或解锁图层或文件夹可防止对它们进行编辑。

单击图层或文件夹名称右侧的“锁定”列可以锁定它。再次单击“锁定”列可以解锁该图层或文件夹。

单击挂锁图标可以锁定所有的图层和文件夹。再次单击它可以解锁所有的图层和文件夹。

在“锁定”列中拖动可以锁定或解锁多个图层或文件夹。

按住Alt键单击图层或文件夹名称右侧的“锁定”列,可以锁定所有其它图层或文件夹。再次按住Alt键单击“锁定”列可以解锁所有的图层或文件夹。

11、查看图层上的内容的轮廓

为了帮助区分对象所属的图层,可以用彩色轮廓显示图层上的所有对象。

单击图层名称右侧的“轮廓”列可以显示该层上所有对象的轮廓。再次单击它可以关闭轮廓显示。

单击轮廓图标可以显示所有图层上的对象的轮廓。再次单击它可以关闭所有图层上的轮廓显示。

按住Alt键单击图层名称右侧的“轮廓”列可以将所有其它图层上的对象显示为轮廓。

15

再次按住Alt键单击可以关闭所有图层的轮廓显示。

12、更改图层的轮廓颜色

可以更改每个图层使用的轮廓颜色。

双击时间轴中图层的图标(即图层名称左侧的图标),在“图层属性”对话框中,单击“轮廓颜色”框,然后选择新的颜色、输入颜色的十六进制值或单击“颜色选择器”按钮然后选择一种颜色,单击“确定”。

右键单击该图层名称从上下文菜单中选择“属性”或在时间轴中选择该图层,然后选择“修改”>“图层”,也可打开“图层属性”对话框。

13、更改时间轴中的图层高度

可以更改时间轴中图层的高度,从而在时间轴中显示更多的信息(例如声音波形)。

双击时间轴中图层的图标(即图层名称左侧的图标)。在“图层属性”对话框中,选择一个“图层高度”选项,然后单击“确定”。

右键单击该图层名称从上下文菜单中选择“属性”或在时间轴中选择该图层,然后选择“修改”>“时间轴”>“图层属性”,也可打开“图层属性”对话框。

14、更改时间轴中的图层数

拖动分隔舞台区域和时间轴的栏,可更改时间轴中显示的图层数。

16

15、使用引导层

为了在绘画时帮助对齐对象,可以创建引导层。然后可以将其它图层上的对象与在引导层上创建的对象对齐。引导层不会导出,因此不会显示在发布的SWF文件中。可以将任何图层用作引导层。图层名称左侧的辅助线图标表明该层是引导层。

还可以创建运动引导层,用来控制运动补间动画中对象的移动情况。

将一个常规图层拖到引导层上就会将该引导层转换为运动引导层。为了防止意外转换引导层,可以将所有的引导层放在图层顺序的底部。

选择图层,然后右键单击从上下文菜单中选择“引导层”可将图层指定为引导层。再次选择“引导层”,可以将该层改回常规层。

16、使用遮罩层

使用遮罩层可以帮助您创建复杂的效果。

第六节 工具面板

使用“工具”面板中的工具可以绘图、上色、选择和修改插图,并可以更改舞台的视图。“工具”面板分为四个部分:

1、“工具”区域包含绘图、上色和选择工具。

2、“视图”区域包含在应用程序窗口内进行缩放和移动的工具。

17

3、“颜色”区域包含用于笔触颜色和填充颜色的功能键。

4、选项区域显示用于当前所选工具的功能键。功能键影响工具的上色或编辑操作。

一、显示或隐藏“工具”面板

选择“窗口”>“工具”。

二、选择工具

在“工具”面板中单击要使用的工具或按下该工具的快捷键,对可见工具(例如矩形工具),要按住可见工具的图标,然后从弹出菜单中选择另一工具。

根据选择的工具,“工具”面板底部的选项区域中可能会显示一组功能键。

三、自定义工具面板

1、选择“编辑”>“自定义工具面板”,显示“自定义工具面板”对话框,可以指定要在Flash创作环境中显示哪些工具。“可用工具”菜单指示Flash中当前可用的工具。“当前选择”菜单指示当前为“工具”面板中的选定位置分配的工具。

可以在一个位置显示多个工具。如果在某个位置中显示多个工具,则组中的顶层工具(最近使用的工具)会在其图标的右下角显示一个箭头,该箭头指示弹出菜单中有其它工具。在该图标上按下鼠标按钮时,组中的其它工具将出现在弹出菜单中。然后可以从菜单中选择一个工具。弹出菜单中的所有工具均使用相同的快捷键功能。

18

2、单击“工具”面板图像中的某个工具或使用箭头在工具中循环选择,以指定要分配其它工具的位置。

3、要将某个工具添加到所选位置,请在“可用工具”列表中选择该工具,然后单击“添加”按钮。可以将一个工具分配给多个位置。

4、要从所选位置中删除某个工具,请在“当前选择”滚动列表中选择该工具,然后单击“删除”按钮。

在“自定义工具面板”对话框中单击“恢复默认值”可恢复默认“工具”面板布局

5、单击“确定”应用您所做的更改并关闭“自定义工具面板”对话框。

第七节 工作区面板

Flash提供了许多种自定义工作区面板的方式,使您可以处理对象、颜色、文本、实例、帧、场景和整个文档,查看、组织和更改文档中的元素及其属性,以满足不同的需要。例如,可以使用“混色器”面板创建颜色,并使用“对齐”面板将对象彼此对齐或与舞台对齐。面板中的可用选项控制着元件、实例、颜色、类型、帧和其它元素的特征。默认情况下,工作区面板以组合的形式显示在Flash工作区的底部和右侧。

要查看Flash中可用面板的完整列表,请查看“窗口”菜单。

大多数面板都包括一个带有附加选项的弹出菜单。此弹出菜单由面板标题栏右侧末尾的控件指示。(如果没有显示弹出菜单控件,该面板就没有弹出菜单。)

19

可以显示、隐藏面板和调整面板的大小。可以将面板组织到组中,可以重新排列各面板在面板组内出现的顺序。也可以创建新的面板组,以及将面板放入现有的面板组。还可以将面板组合在一起并保存自定义面板设置,以使工作区符合您的个人偏好。如果希望面板脱离其它面板组单独显示,可以将该面板浮动。这对于您一直需要访问的面板(例如“帮助”面板和“动作”面板)尤为有用。

一、自定义面板

1、打开或关闭面板

从“窗口”菜单选择所需的面板。关闭面板还可以右击面板标题栏,然后从上下文菜单中选择“关闭面板组”。

选择“窗口”>“隐藏面板”可关闭所有面板。

2、使用面板的弹出菜单

单击面板标题栏中最右边的控件以查看弹出菜单;单击该菜单中的一个项目。

3、调整面板大小

拖动面板的边框可整面板大小。

4、面板或将面板折叠为其标题栏

单击标题栏上的折叠箭头。再次单击折叠箭头会将面板展开到它以前的大小。

20

5、移动面板

用面板的抓手拖动面板,将它放到另一个面板旁边,目标面板旁边显示一条黑线,以显示面板将放置到的位置。

6、在一个面板窗口中显示多个面板

单击面板的弹出菜单;选择“将面板名称组合至”选项;从子菜单中选择另一个要将当前面板添加到的面板。

7、浮动面板

拖动面板的抓手,将它与其它面板分开。

8、创建新的面板组

拖动面板的抓手,使之离开其它面板组,向第一个面板添加其它面板以构成一个新组。

9、保存自定义面板设置

选择“窗口”>“工作区布局”>“保存当前”;输入布局名称,然后单击“确定”。

10、选择面板布局

选择“窗口”>“工作区布局”;从子菜单选择“默认布局”将面板重置为默认布局,或选择以前保存的自定义布局。

21

11、删除自定义布局

选择“窗口”>“工作区布局”>“管理”;在“管理工作区布局”对话框中,选择要删除的面板设置;单击“删除”;单击“是”确认删除;单击“确定”。

二、“属性”面板

“属性”面板(“属性”检查器)可以显示当前文档、文本、元件、形状、位图、视频、组、帧或工具的信息和设置。使用”属性”面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性,从而简化了文档的创建过程。您可以在”属性”面板中更改对象或文档的属性,而不用访问也用于控制这些属性的菜单或面板。

当选定了两个或多个不同类型的对象时,“属性”面板会显示选定对象的总数。

1、显示”属性”面板

选择“窗口”>“属性”>“属性”或按Ctrl+F3组合键

三、“动作”面板

“动作”面板使您可以创建和编辑对象或帧的ActionScript代码。选择帧、按钮或影片剪辑实例可以激活“动作”面板。取决于所选的内容,“动作”面板标题也会变为“按钮动作”、“影片剪辑动作”或“帧动作”。

要显示“动作”面板,选择“窗口”>“动作”或按F9键可显示“动作”面板。

22

四、“库”面板

“库”面板是存储和组织在Flash中创建的各种元件的地方,它还用于存储和组织导入的文件,包括位图图形、声音文件和视频剪辑。“库”面板使您可以组织文件夹中的库项目,查看项目在文档中使用的频率,并按类型对项目排序。

1、显示“库”面板

选择“窗口”>“库”或按Ctrl+L组合键可显示“库”面板

第八节 网格、辅助线和标尺

Flash可以显示标尺和辅助线,以帮助您精确地绘制和安排对象。您可以在文档中放置辅助线,然后使对象贴紧至辅助线,也可以打开网格,然后使对象贴紧至网格。您也可以将对象与其它对象或像素贴紧,或者使用指定的贴紧容差范围来对齐对象。

一、使用标尺

当显示标尺时,它们将显示在文档的左沿和上沿。您可以更改标尺的度量单位,将其默认单位(像素)更改为其它单位。在显示标尺的情况下移动舞台上元素时,将在标尺上显示几条线,指出该元素的尺寸。

1、显示或隐藏标尺

选择“视图”>“标尺”。

23

2、指定文档的标尺度量单位:

选择“修改”>“文档”,然后从对话框左下角的“标尺单位”菜单中选择一个单位。

二、使用辅助线

如果显示了标尺,可以将水平和垂直辅助线从标尺拖动到舞台上。您可以移动、锁定、隐藏和删除辅助线,也可以使对象贴紧至辅助线,更改辅助线颜色和贴紧容差(对象与辅助线必须有多近才能贴紧至辅助线)。Flash允许您创建嵌套时间轴。仅当在其中创建辅助线的时间轴处于活动状态时,舞台上才会显示可拖动的辅助线。

您可以在当前编辑模式(文档编辑模式或元件编辑模式)下清除所有辅助线。如果在文档编辑模式下清除辅助线,则会清除文档中的所有辅助线。

如果在元件编辑模式下清除辅助线,则会清除所有元件中的所有辅助线。

要创建自定义辅助线或不规则辅助线,您需要使用引导层。

1、显示或隐藏绘画辅助线:

选择“视图”>“辅助线”>“显示辅助线”。

如果在创建辅助线时网格是可见的,并且打开了“贴紧至网格”,则辅助线将与网格对齐。

2、打开或关闭“贴紧至辅助线”

24

选择“视图”>“贴紧”>“贴紧至辅助线”。

当辅助线处于网格线之间时,贴紧至辅助线优先于贴紧至网格。

3、移动辅助线

选择“视图”>“标尺”以确保显示标尺;使用选择工具,单击标尺上的任意一处,将辅助线拖至舞台上需要的位置。

4、删除辅助线

在辅助线处于解除锁定状态时,使用选择工具将辅助线拖到水平或垂直标尺。

5、锁定辅助线

选择“视图”>“辅助线”>“锁定辅助线”,也可以使用“编辑辅助线”(“视图”>“辅助线”>“编辑辅助线”)对话框中的“锁定辅助线”选项。

6、清除辅助线

选择“视图”>“辅助线”>“清除辅助线”。

如果在文档编辑模式下,则会清除文档中的所有辅助线。如果在编辑元件模式下,则只会清除元件中使用的辅助线。

7、设置辅助线首选参数

25

选择“视图”>“辅助线”>“编辑辅助线”,打开编辑辅助线对话框。

对于“颜色”,默认的为绿色,请单击颜色框中的三角形,然后从调色板中选择辅助线的颜色;选择或取消选择“显示辅助线”显示或隐藏辅助线;选择或取消选择“贴紧至辅助线”打开或关闭贴紧至辅助线;选择或取消选择“锁定辅助线”锁定或解锁辅助线;对于“对齐精确度”,请从弹出菜单中选择一个选项;如果想删除当前场景中所有的辅助线,请单击“全部清除”;如果想将当前设置保存为默认值,请单击“保存默认值”。

单击“确定”。

三、使用网格

当在文档中显示网格时,将在所有场景中的插图之后显示一系列的直线。您可以将对象与网格对齐,也可以修改网格大小和网格线颜色。

1、显示或隐藏绘画网格

选择“视图”>“网格”>“显示网格”或按Ctrl+''(引号)组合键。

2、打开或关闭贴紧至网格线:

选择“视图”>“贴紧”>“贴紧至网格”。

3、设置网格首选参数

选择“视图”>“网格”>“编辑网格”,打开“编辑网格”对话框。

26

对于“颜色”,默认的为灰色,请单击颜色框中的三角形,然后从调色板中选择网格线的颜色;选择或取消选择“显示网格”显示或隐藏网格;选择或取消选择“贴紧至网格”打开或关闭贴紧至网格线;设置网格间隔,请在水平和垂直箭头右侧的文本框中输入值;对于“对齐精确度”,请从弹出菜单中选择一个选项;如果想将当前设置保存为默认值,请单击“保存默认值”。

第九节 首选参数设置

Flash使您可以设置常规应用程序操作、编辑操作和剪贴板操作的首选参数。

一、设置首选参数

选择“编辑”>“首选参数”,在“类别”列表中,选择常规、ActionScript、自动套用格式、剪贴板、绘画、文本或警告,在相应的选项中进行选择。

二、“常规”首选参数

1、对于“启动时”选项,请选择其中一个选项以指定在启动Flash时该应用程序打开哪个文档。选择“显示开始页”以显示“开始”页面。选择“新建文档”可打开一个新的空白文档。选择“打开上次使用的文档”可打开上次退出Flash时打开的文档。选择“不打开任何文档”可启动Flash而不打开文档。

2、对于“撤消”,请输入一个2到300之间的值,从而设置撤消/重做的级别数。撤消级别需要消耗内存;使用的撤消级别越多,占用的系统内存就越多。默认值为100。接下来选择“文档层级撤消”或“对象层级撤消”。“文档层级撤消”维护一个列表,其中包

27

含您对整个Flash文档的所有动作。“对象层级撤消”为您针对Flash文档中每个对象的动作单独维护一个列表。“对象层级撤消”提供了更大的灵活性,因为您可以撤消针对某个对象的动作,而无需另外撤消针对修改时间比目标对象更近的其它对象的动作。

3、对于“打印选项”(仅限Windows),如果要在打印到PostScript打印机时禁用PostScript输出,请选择“禁用PostScript”。在默认情况下,此选项处于取消选择状态。如果打印到PostScript打印机有问题,请选择此选项,但是请记住这将减慢打印速度。

4、对于“测试影片”选项,请选择“在选项卡中打开测试影片”,使Flash在您选择“控制”>“测试影片”时在应用程序窗口中打开一个新的文档选项卡。默认情况是在其自己的窗口中打开测试影片。

5、对于“选择选项”,选择或取消选择“使用shift键连续选择”可以控制Flash如何处理多个元素的选择。如果没有选择“使用shift键连续选择”,单击附加元素即可将它们添加到当前选择中。如果打开了“转换选择”,单击附加元素将取消选择其它元素,除非您按住Shift键。选择“显示工具提示”可以在指针停留在控件上时显示工具提示。如果您不想看到工具提示,请取消选择此选项。

6、选择“接触感应”后,当使用“选择”工具或“套索”工具进行拖动时,如果矩形框中包括了对象的任何部分,则对象将被选中。默认情况是仅当工具的矩形框完全包围对象时,对象才被选中。

7、对于时间轴选项,选择“基于整体范围的选择”,以便在时间轴中使用基于整体范围的选择,而不是使用默认的基于帧的选择。

28

选择“场景上的命名锚记”可以让Flash将文档中每个场景的第一个帧作为命名锚记。命名锚记使您可以使用浏览器中的“前进”和“后退”按钮从Flash应用程序的一个场景跳到另一个场景。

8、对于“加亮颜色”,可以从面板中选择一种颜色,或选择“使用图层颜色”以使用当前图层的轮廓颜色。

9、对于“项目”,选择“随项目一起关闭文件”可以使项目中的所有文件在关闭项目文件时关闭。选择“在测试项目或发布项目上保存文件”,可以使得只要测试或发布项目,便保存项目中的每个文件。

三、ActionScript首选参数

在ActionScript说明。

四、ActionScript的“自动套用格式”首选参数:

选择任意复选框。

要查看每个选择的效果,请看“预览”窗格。

五、“剪贴板”首选参数

1、对于“位图”(仅限Windows),选择“颜色深度”和“分辨率”选项可以指定复制到剪贴板的位图的这些参数。选择“平滑”可以应用消除锯齿功能。在“大小限制”文本框中输入值可以指定将位图图像放在剪贴板上时所使用的内存量。在处理大型或高分辨

29

率的位图图像时,请增加此值。如果计算机的内存有限,请选择“无”。

2、对于“渐变质量”(仅限Windows),选择一个选项可以指定在Windows元文件中放置的渐变填充的质量。选择较高的品质将增加复制插图所需的时间。使用此设置可以指定将项目粘贴到Flash外的位置时的渐变色品质。如果粘贴到Flash内,则无论“剪贴板上的渐变色”设置如何,所复制数据的渐变质量将完全保留。

3、对于“PICT设置”(仅限Macintosh),就“类型”而言,选择“对象”可以将复制到剪贴板的数据保留为矢量插图,或者,选择其中一种位图格式可以将复制的插图转换为位图。输入一个分辨率值。选择“包含PostScript”可以包含PostScript数据。对于“渐变”,选择一个选项可以指定PICT中的渐变色品质。选择较高的品质将增加复制插图所需的时间。使用“渐变”设置可以指定将项目粘贴到Flash外的位置时的渐变色品质。如果粘贴到Flash内,则无论“渐变”设置如何,所复制数据的渐变质量将完全保留。

4、对于“FreeHand文本”,选择“保持文本为块”可以确保粘贴的FreeHand文件中的文本是可编辑的。

六、设置绘画首选参数

1、“钢笔工具”选项

2、“绘画设置”

七、设置文本首选参数,请选择以下选项之一:

1、对于“字体映射默认设置”,选择在Flash中打开文档时替换缺失字体所使用的字

30

体。

2、对于“垂直文本”选项,选择“默认文本方向”可以将默认文本方向设置为垂直,这对于某些亚洲语言字体非常有用。在默认情况下,此选项处于取消选择状态。

选择“从右至左的文本流向”可以翻转默认的文本显示方向。默认情况下,此选项处于取消选择状态。

选择“无字距微调”可以关闭垂直文本字距微调。默认情况下,此选项处于取消选择状态,但是它对改善某些使用字距微调表的字体的间距质量非常有用。

3、对于“输入方法”,选择适当的语言。

八、警告首选参数

1、选择“保存为与MacromediaFlash8兼容时发出警告”可以让Flash在您尝试将包含FlashBasic8或FlashProfessional8创作工具的特定内容的文档保存为FlashMX2004文件时发出警告。默认情况下,此选项处于选中状态。

2、选择“字体缺少时发出警告”可以让Flash在打开使用计算机没有安装的字体的Flash文档时发出警告。默认情况下,此选项处于选中状态。

3、选择“启动和编辑中URL发生更改时发出警告”可以让Flash在文档的URL自上次打开和编辑以来已发生更改时发出警告。

4、选择“读取Generator内容时发出警告”可以让Flash在所有Generator对象上

31

显示一个红色的“X”,提醒您Flash8中不支持Generator对象。

5、选择“如在导入内容时插入帧则发出警告”可以让Flash在将帧插入文档中以容纳导入的音频或视频文件时发出警告。

6、选择“导出.as文件过程中编码发生冲突时发出警告”可以让Flash在选择“默认编码”时可能会导致数据丢失或出现乱码的情况下发出警告。(例如,如果使用英文、日文和韩文字符创建文件而在英文系统上选择“默认编码”,则日文和韩文字符将出现乱码。)

7、选择“转换特效图形对象时发出警告”可以让Flash在您试图编辑已应用时间轴特效的元件时发出警告。

8、选择“导出至FlashPlayer6r65时发出警告”可以让Flash在您将文档导出到FlashPlayer的此较早版本时发出警告。

9、选择“对包含重叠根文件夹的站点发出警告”可以让Flash在您创建本地根文件夹与另一站点重叠的站点时发出警告。

10、选择“转换行为元件时发出警告”可让以Flash在您将具有附加行为的元件转换为其它类型的元件时(例如,将影片剪辑转换为按钮时)发出警告。

11、选择“转换元件时发出警告”可以让Flash在您将元件转换为其它类型的元件时发出警告。

12、选择“从绘制对象自动转换到组时发出警告”可以让Flash在将对象绘制模式下绘制的图形对象转换为组时发出警告。

32

13、选择“显示功能控件的不兼容性警告”可以让Flash针对FlashPlayer版本所不支持的功能在控件上显示警告,该版本是当前的FLA文件在其“发布设置”中面向的版本。

第十节 自定义键盘快捷键

可以在Flash中选择快捷键,以便与您在其它应用程序中所使用的快捷键一致,或使Flash工作流程更为流畅。默认情况下,Flash使用的是Flash应用程序专用的内置键盘快捷键。您也可以选择几种常用图形应用程序中设置的内置键盘快捷键,这些应用程序包括Macromedia Fireworks、Adobe Illustrator和Adobe Photoshop。

要创建自定的键盘快捷键设置,可以复制现有的设置,然后在新设置中添加或删除快捷键。还可以删除自定快捷键设置。

一、查看或打印当前的快捷键设置

1.选择“编辑”>“快捷键”。

2.在“快捷键”对话框中,从“当前设置”弹出菜单中选择您要查看的快捷键设置。

3.单击“将设置导出为HTML”按钮。

4.在显示的“另存为”对话框中,为导出的HTML文件选择一个名称和位置。默认文件名为所选快捷键设置的名称。

5.单击“保存”。

33

6.在您选择的文件夹中找到导出的文件,然后在Web浏览器中打开此文件。

7.要打印此文件,请使用浏览器的“打印”命令。

二、选择快捷键设置

选择“编辑”>“快捷键”;在“快捷键”对话框中,从“当前设置”弹出菜单中选择一种快捷键设置。

三、创建新的快捷键设置:

选择一个快捷键设置;单击“直接复制设置”按钮;输入新键盘快捷键设置的名称,然后单击“确定”。

四、重命名自定义的快捷键

在“快捷键”对话框中,从“当前设置”弹出菜单中选择一种快捷键设置;单击“重命名设置”按钮;在“重命名”对话框中,输入新名称,然后单击“确定”。

五、添加或删除快捷键

1.选择“编辑”>“快捷键”,然后选择想要修改的设置。

2.从“命令”弹出菜单中选择“绘画菜单命令”、“绘画工具”、“测试影片菜单命令”或“工作区辅助功能命令”,以便查看所选类别的快捷键。

34

3.在“命令”列表中,选择要为其添加或删除快捷键的命令。所选命令的说明将显示在对话框的描述区域中。

4.添加快捷键,请单击“添加快捷键”(+)按钮,并在“按键”文本框中输入新的快捷键组合(只需在键盘上按下这些键即可,不必拼出键名称,例如Ctrl等);删除快捷键,请单击“删除快捷键”(-)按钮。

5.单击“更改”。

6.单击“确定”。

六、删除快捷键设置:

选择“编辑”>“快捷键”,在“快捷键”对话框中,单击“删除设置”按钮,在“删除设置”对话框中,选择快捷键设置,然后单击“删除”。

不能删除Flash自带的内置键盘快捷键设置。

第十一节 常用辅助功能

Flash创作环境中的辅助功能支持提供了用于浏览和使用界面控件(包括工作区、对话框、舞台和舞台上的对象)的快捷键,因此您可以在不使用鼠标的情况下使用这些界面元素。

您可以使用“快捷键”对话框的“工作区辅助功能命令”部分自定义用于创作环境中的辅助功能的快捷键。

35

一、使用快捷键选择工作区面板

1、通过使用快捷键Ctrl+Alt+Tab把焦点按从右至左和从上至下的顺序来回移动到工作区面板上,当前具有焦点的面板的标题周围将显示一条虚线。

2、将焦点移到上一个选定的面板上,请按Ctrl+Shift+Alt+Tab。

3、取消选择某个面板,请按Escape键或者移动、停放或取消停放该面板。

4、要将焦点移到面板组中当前面板上方或下方的面板上,请按向上箭头或向下箭头键。

只有在工作区面板在Flash应用程序窗口中可见时,才能将焦点放到工作区面板上。面板可以处于展开或折叠状态。

二、使用快捷键展开或折叠工作区面板

使希望展开或折叠的面板具有焦点;按空格键即可展开或折叠当前选定的面板。

三、隐藏所有工作区面板

按F4键。再按一次F4键即可显示所有工作区面板。

四、选择舞台

按下Ctrl+Alt+Home。

36

五、剪切、复制和粘贴

可以使用快捷键来剪切、复制和粘贴库项目。您可以从“库”面板中剪切或复制项目,然后将其粘贴到舞台或另一个库中,或者将文件夹粘贴到另一个库中。如果粘贴文件夹,则会包括文件夹中的每个项目。

按Ctrl+X剪切,按Ctrl+C复制,按Ctrl+V粘贴。

六、返回上一步

按Ctrl+Z

第十二节 构建一个应用程序

在本实例中,您将为名为虚构餐厅的Web站点创建一种称为灵活消息区域(或FMA)的应用程序。FMA是一种常见的Flash应用程序类型,用于显示向观众传达某种情报或市场消息的内容。在本例中,FMA显示一家餐厅的照片。在Web站点上,使用FMA来显示有关产品和其它广告消息的信息。它们被称为灵活消息区域,因为它们通常占用Web页上的一块区域,这是为可根据业务或Web站点的需要而更改的内容留出的区域。

一、创建工作文件夹

开始之前,必须在硬盘上的某个位置创建一个工作文件夹,用来容纳所使用的素材文件。工作文件夹创建完成后,将素材文件复制到您该文件夹。

二、创建新文档

37

1.选择”文件”>“新建”。

2.在”新建文档”对话框中,选择”Flash文档”,然后单击”确定”。

3.选择”文件”>“保存”。

4.将文件命名为flash_fma.fla,并将该文件保存在您已复制到硬盘上的文件夹中。

三、定义文档属性

配置文档属性通常是Flash创作中的第一步,影响整个Flash文档的属性。您可以随时更改文档属性,但是最好在过程的开始做好某些决策,如舞台大小和背景颜色。可以使用”属性面板”指定这些设置。设置取决于所选对象的类型。例如,如果您选择文本对象,”属性”面板将显示用于查看和修改文本属性的设置。

1.打开”属性面板”并完全展开。

2.在”属性面板”的”帧频”文本框中输入60。

应用程序的播放速度为每秒60帧,这是平滑播放动画的最佳帧频。

3.单击”大小”设置舞台大小。

4.在”文档属性”对话框中,在”宽度”文本框中输入700,在”高度”文本框中输入150,然后单击”确定”。Flash会自动在该数字后面插入px(像素)。

38

5.在”时间轴”中,单击”缩放”菜单中的值并输入75%,回车。这样可以更方便地在”文档”窗口中查看整个文档。

四、创建元件

元件可以像按钮或图形那样简单,也可以像影片剪辑那样复杂。创建元件后,必须将其存储到”库”面板中。元件使您能够多次使用相同的资源,而无需在FLA文件中存储该资源的多个副本。通过在Flash文档中仅保存元件的一个副本,可以缩小文档文件的大小。

您可以在”库”面板中存储元件,并在需要时将元件的实例拖动到舞台。Flash会在舞台上创建该元件的一个新实例。实例其实只是对原始元件的引用,它通知Flash”在该位置绘制指定元件的一个副本”。通过使用元件和实例,可以使资源更易于组织,使Flash文件更小。此外,您还可以通过编辑元件来更新特定元件的所有实例的外观和行为。这些更改随即会反映到整个文档中该元件的所有实例中。

下面新建第一个元件:

1.选择”插入”>“新建元件”。

2.在”创建新元件”对话框中,在”名称”文本框中键入imageHolder。”行为”的默认值为”影片剪辑”。

3.单击”确定”。

新元件添加到”库”面板,Flash进入元件编辑模式。在元件编辑模式下,不显示舞台,Flash应用程序窗口的主要部分变成一个可用来绘制和编辑元件的绘制区。

39

4.在元件编辑模式下,选择”工具”面板中的”矩形”工具。

5.在”工具”面板上的笔触颜色选取器中选择白色(#FFFFFF)。

6.在”工具”面板中的填充颜色选取器中选择浅灰色(#CCCCCC)。

7.在绘制区中拖动,绘制一个扁平矩形。

8.选择”工具”面板中的”选择”工具。

9.双击所绘制的矩形,选择其填充和笔触。

笔触是构成形状的边框的线段。

10.在”属性”面板中,在”X”和”Y”文本框中输入0。

这会将元件的左上角定位到舞台的左上角。

11.在”宽度”文本框中输入700,在”高度”文本框中输入150,然后按Enter键,以便让Flash确认该值。

所创建的首个元件的各个实例将成为FMA要显示的各个图像的容器。这就是将其命名为imageHolder的原因。下面,将创建另一个元件,该元件将成为imageHolder元件的一组实例(共五个)的容器。然后,您将制作该新元件沿垂直方向的动画,以更改显示在舞台可见部分的图像。

40

现在创建包含五个imageHolder实例的第二个元件:

1.选择”插入”>“新建元件”。

2.在”创建新元件”对话框中,在”名称”文本框中输入slides,”行为”的值为”影片剪辑”,单击”确定”。

3.从”时间轴”中的”缩放”菜单中选择25%。

4.在”库”面板中,将imageHolder元件拖动到绘制区。

现在已经创建了imageHolder元件的一个实例。该实例是您要创建的新slides元件的一部分。

5.在新实例在舞台上处于选中状态的情况下,在”属性”面板的”实例名称”文本框中输入holder0。

这将对实例赋予一个自己的名称,它与元件名称不同。

6.在”X”和”Y”文本框中输入0并按Enter键。

这会将holder0实例的左上角定位到slides元件的左上角。

7.将imageHolder元件从”库”面板中拖动到绘制区,并将其放置在holder0实例的下方。

41

8.在”属性”面板中的”实例名称”文本框内输入holder1。

9.在”X”文本框中输入0,在”Y”文本框中输入150,然后按Enter键。

10.为imageHolder元件的第三、第四和第五个实例重复此过程。在”属性”面板中,为新的实例赋予下列属性:

第三个实例:实例名称=holder2 X=0 Y=300

第四个实例:实例名称=holder3 X=0 Y=450

第五个实例:实例名称=holder4 X=0 Y=600

现在完成了名为slides的元件的创建。接下来将创建第三个元件,它将包含slides元件的一个实例。正如您所看到的,在其它元件内嵌套元件实例是一种常用的Flash创作技巧。

现在创建第三个元件:

1.选择”插入”>“新建元件”。

2.在”创建新元件”对话框中,在”名称”文本框中输入slideShow,,”行为”的值为”影片剪辑”,单击”确定”。

3.将创建的slides元件从”库”面板拖动到新元件slideShow的绘制区。

42

这将在新的slideShow元件内创建slides元件的一个实例。

4.在元件实例处于选中状态的情况下,在”属性”面板的”X”和”Y”文本框中输入0。

5.在”实例名称”文本框中输入slides_mc。

五、编辑元件时间轴

接下来将通过向slideShow元件的时间轴中添加动画来对该元件进行编辑。该动画的效果是:当用户单击您稍后添加的按钮时,已完成文档中的食物图像将向上滑行。

现在编辑slideShow元件:

1.在不退出元件编辑模式的情况下,单击时间轴中的”插入图层”。

当处于元件编辑模式时,会在时间轴的顶部看到您所编辑的元件的名称。

这会将一个图层添加到slideShow元件的时间轴。

这是影片剪辑和嵌套时间轴,每个影片剪辑元件都可以有各自的时间轴,该时间轴使影片剪辑可以包含各自的动画或ActionScript。元件和嵌套时间轴为您构建Flash文档并组织文档的功能提供了极大的灵活性。这样的典型示例是一辆转动着轮子驶过舞台的汽车。汽车在舞台上移动的动画可以在Flash文档的主时间轴中。每个转动的轮子都可以是具有自己的时间轴的影片剪辑元件的一个实例。轮子的转动动画是在影片剪辑的时间轴中实现的。与在主时间轴中创建轮子转动并同时在舞台上移动的动画相比,这种方法实现起来简

43

单得多。

2.在时间轴中,选择图层1和2的第20帧。

3.选择”修改”>“时间轴”>“转换为关键帧”。

这会将帧添加到时间轴,并将关键帧添加到选定的帧(第20帧)。

4.通过选择图层1和2的第40帧并重复此过程。

5.在第60帧和第80帧中重复此过程。

六、向帧添加动作

在本部分中,您将添加少量ActionScript,以控制播放头如何通过slideShow影片剪辑的时间轴。通过添加stop()方法,可以让播放头在特定的帧处停止并等待。之后,您将添加ActionScript代码,以使播放头再次移动。

现在添加ActionScript代码:

1.在时间轴中,选择图层2的第1帧。

2.选择”修改”>“时间轴”>“转换为关键帧”。

这会将关键帧添加到该帧,因此,现在图层2的第1帧和第2帧中都有了关键帧。

44

3.选择图层2的第1帧。

4.打开”动作”面板。

如果”动作”面板处于脚本助手模式(您将看到文本”要添加某个项目,请双击该项目或者将其拖动到‘脚本’窗口”,而且您将无法在”脚本”窗口中键入内容),则单击”动作”面板中的”脚本助手”按钮以退出”脚本助手”模式。

5.在”动作”面板中键入以下代码:

stop();

此代码导致播放头在到达第1帧时停止播放slideShow影片剪辑。时间轴图层1的第1帧中将出现一个小的a。它表示在该帧中存在ActionScript代码。

6.在时间轴中,选择图层2的第20帧。

7.选择”修改”>“时间轴”>“转换为关键帧”。

8.选择图层2的第20帧。

9.在”动作”面板中,键入stop();ActionScript。

10.在时间轴中,选择图层2的第40帧。

11.选择”修改”>“时间轴”>“转换为关键帧”。

45

12.选择图层2的第40帧。

13.在”动作”面板中,键入stop();ActionScript。

14.在时间轴中,选择图层2的第60帧。

15.选择”修改”>“时间轴”>“转换为关键帧”。

16.选择图层2的第60帧。

17.在”动作”面板中,键入stop();ActionScript。

18.在时间轴中,选择图层2的第80帧。

19.在”动作”面板中,键入stop();ActionScript。

七、向帧添加标签

下面将向特定的帧添加标签。通过为帧添加标签,就可以在ActionScript中引用该帧。这样,您将能够编写可以对这些帧执行动作的ActionScript代码。之后,您将添加使播放头跳到这些有标签的帧的ActionScript代码。

现在添加帧标签:

1.在时间轴中,选择图层2的第2帧。

46

2.在”属性”面板中,在”帧标签”文本框中输入slide0。

在时间轴图层2的第2帧中,出现一个小的旗帜图标和帧标签。

3.在时间轴中,选择图层2的第21帧。

4.在”属性”面板中,在”帧标签”文本框中输入slide1。

5.在时间轴中,选择图层2的第41帧。

6.在”属性”面板中,在”帧标签”文本框中输入slide2。

7.在时间轴中,选择图层2的第61帧。

8.在”属性”面板中,在”帧标签”文本框中输入slide3。

八、添加补间动画

补间动画是一种动画类型,在动画中对象从一个位置移动到另一个位置。使用这种方法,您只需设置要为其制作动画的对象的起始位置和结束位置,就可以创建平滑的动作动画。在本项目中,您将使食物的图像在用户单击一个按钮时向上移动。

现在添加补间动画:

1.在时间轴中,选择图层1的第1帧。

47

2.在”属性”面板中,从”补间”菜单中选择”动画”。

图层1的第1至19帧成为一个补间动画。时间轴的这些帧中出现一个箭头。

3.在”属性”面板中,拖动”缓动”文本框旁边的滑块,直至文本框中的值变为100。

这个数字会使补间在动画的末尾缓动。这意味着动画将突然开始并越来越慢地结束。

补间动画的默认行为是在整个动画过程中匀速前进。但是,这种视觉效果通常不是很好。就像汽车速度不会瞬间从0升至每小时50英里一样,动画也不应这样。缓动动画就像使汽车缓慢加速一样。术语缓动来自将汽车逐渐开动或逐渐停下来这一概念。通过添加缓动值,您可以让补间动画的开始或结束有个舒缓的过渡。

4.在时间轴中,选择图层1的第20帧。

5.在”属性”面板中,从”补间”菜单中选择”动画”。

6.向上拖动”缓动”滑块,直到”缓动”值为100。

7.单击舞台上的slides_mc影片剪辑实例以将其选中。

8.在”属性”面板中,在”Y”文本框中输入-150。

这会将slideShow影片剪辑实例在第20帧的关键帧中向上移动150像素。从第1帧到第20帧的补间动画将缓慢向上滑动该影片剪辑,而不会使该影片剪辑直接从一个位置跳到下一个位置。

48

9.在时间轴中,选择图层1的第40帧。

10.在”属性”面板中,从”补间”菜单中选择”动画”。

11.向上拖动”缓动”滑块,直到”缓动”值为100。

12.单击舞台上的slides_mc影片剪辑实例以将其选中。

13.在”属性”面板中,在”Y”文本框中输入-300。

14.在时间轴中,选择图层1的第60帧。

15.在”属性”面板中,从”补间”菜单中选择”动画”。

16.向上拖动”缓动”滑块,直到”缓动”值为100。

17.单击舞台上的slides_mc影片剪辑实例以将其选中。

18.在”属性”面板中,在”Y”文本框中输入-450。

19.在时间轴中,选择图层1的第80帧。

20.单击舞台上的slides_mc影片剪辑实例以将其选中。

21.在”属性”面板中,在”Y”文本框中输入-600。

49

22.在”时间轴”中,单击”帧编号”栏中的数字1。

23.按Enter键在舞台上播放动画的预览效果。

在预览模式下将忽略以前输入的stop();ActionScript。

现在完成了slideShow元件的创建,该元件包含自己的复杂的内部时间轴。

九、编辑主时间轴

接下来,返回到Flash文档的主时间轴编辑,添加将影响整个文档的细节。

现在,向主时间轴添加图层:

1.单击时间轴顶部的”场景1”图标。

您将退出元件编辑模式,并返回到FLA文件的主时间轴。

2.单击时间轴底部的”插入图层”按钮。

时间轴中现有图层之上将出现一个新图层。

3.再单击”插入图层”三次,以便再插入三个图层。

现在主时间轴中有5个图层。

50

4.双击图层名”图层5”,使其名称可编辑。

5.输入名称actions作为新的图层名,并按Enter键。

6.双击图层名”图层4”并将该图层重命名为nextButton。

7.双击图层名”图层3”并将该图层重命名为border。

8.双击图层名”图层2”并将该图层重命名为blueArea。

9.双击图层名”图层1”并将该图层重命名为slideShow。

现在,向舞台添加slideShow影片剪辑了:

1.单击”slideShow”图层名以激活该图层。

2.将slideShow元件从”库”面板拖动到舞台。

3.在新影片剪辑实例在舞台上仍处于选中状态的情况下,转到”属性”面板,将X和Y值设置为0,以便将影片剪辑的左上角与舞台的左上角完全对齐。

4.同样,在”属性”面板中,输入slideShow_mc作为影片剪辑的实例名称。

十、创建边框

接下来为舞台创建一个边框,使得在Web页中查看FMA时,其外观更引人注意。

51

现在创建边框:

1.在时间轴中,选择”缩放”菜单中的100%。

2.在时间轴中,单击border图层的名称以将其选中。

3.从”工具”面板中选择”矩形”工具。

4.在”工具”面板中,从”笔触颜色选取器”中选择”没有颜色”。从”笔触颜色选取器”中选择”无笔触”

5.从”填充颜色选取器”中选择黑色(#000000)。

6.在舞台上绘制一个与舞台形状大致相同的矩形。

7.在”工具”面板中,选择”选择”工具。

8.在舞台上,单击刚绘制的矩形以将其选中。

9.选择”窗口”>“对齐”以打开”对齐”面板。

10.在”对齐”面板中,单击”相对于舞台”选项以将其选中。

这会使”对齐”面板将选定的矩形与舞台区域对齐。

当”相对于舞台”选项处于关闭状态时,“对齐”面板会将多个选定对象互相对齐。

52

11.在”对齐”面板中,找到”匹配大小”区域并单击”匹配宽和高”按钮。

您的矩形变为与舞台区域大小相同。

12.在矩形处于选中状态的情况下,单击”对齐”面板中的”垂直中齐”按钮。

13.单击”水平中齐”按钮。

现在,矩形被精确放置在舞台的中心位置。

14.在舞台区域外部单击以取消选择黑色矩形。

15.在”工具”面板中,选择”矩形”工具。

16.从”填充颜色选取器”中选择十六进制值为#0000FF的蓝色。

17.在”工具”面板中,双击”矩形”工具。

18.在”矩形设置”对话框中,在”边角半径”文本框中输入16,然后单击”确定”。

19.选择”视图”>“贴紧”>“贴紧至像素”打开像素贴紧功能。

这将导致在绘制形状时,所绘制形状的边缘贴紧至最近的像素。

20.在”矩形”工具仍在”工具”面板中处于选中状态的情况下,在舞台上绘制一个矩形,并使其大小尽可能与舞台相同。

53

21.在”工具”面板中,单击”选择”工具。

22.单击蓝色的矩形以将其选中。

23.在选中蓝色矩形的情况下,转到”属性”面板,在文本框中输入下列值:

W:700 H:150 X:0 Y:0

24.再次双击蓝色矩形以将其选中。

25.按Delete键删除蓝色矩形。

在前面绘制的黑色矩形的中央出现一个白色矩形。在此步骤中,蓝色矩形相当于一个遮罩。现在,舞台的顶部和底部有了一个黑色边框,只剩下黑角的舞台

十一、添加元件

本部分将向舞台右侧添加一个蓝色区域。在该区域中,将显示描述各个菜单项的文本和用来切换菜单项的按钮。

现在添加具有蓝色形状的新元件:

1.单击时间轴中的”blackArea”图层名。

2.选择”插入”>“新建元件”。

54

3.在”创建新元件”对话框中,在”名称”文本框中键入menu并单击“确定”。

您将进入元件编辑模式,”时间轴”面板将切换为显示新的blueArea影片剪辑的时间轴。

4.在”工具”面板中,选择”矩形”工具。

5.从”笔触颜色选取器”中选择”无笔触”。

6.单击”填充颜色”样本以显示”填充颜色选取器”。

7.在”填充颜色选取器”中,在”Alpha”文本框中输入80%。

8.在”填充颜色选取器”中,在”颜色”文本框中输入343469,然后按Enter键。

这将创建一种偏灰的蓝色。

9.在”工具”面板中,双击”矩形”工具。

10.在”矩形设置”对话框中,在”边角半径”文本框中输入0,然后单击”确定”。

11.使用”矩形”工具,在舞台上绘制一个扁平的矩形。

12.在”工具”面板中,单击”选择”工具。

13.双击您在舞台上绘制的矩形以将其选中。

55

14.在”属性”面板面板中,为矩形形状输入下列值:

W:415 H:150 X:0 Y:0

15.按Enter。

16.在”工具”面板中,单击”部分选取”工具。

17.将鼠标移动到矩形左下角的上方,直至箭头指针旁边出现一个小白框。

指针表示可以拖动矩形的角

18.向右拖动矩形的角,使矩形的左边变成一条成大约30度角的对角线。

19.在”工具”面板中,单击”选择”工具。

这将取消选择矩形上的控制点。

十二、添加文本框

下面添加描述各个菜单项的文本。您将添加两个文本框。以后添加的ActionScript代码将在这些文本框中插入文本。

现在添加菜单项标题的文本框:

1.在”工具”面板中,单击”文本”工具。

56

2.在”属性”面板中,从”文本类型”菜单中选择”动态文本”。

3.仍在”属性”面板中,在”字体大小”文本框中输入14。

4.使用”文本”工具,在刚创建的灰蓝色形状的顶部绘制一个扁平文本矩形。矩形的宽度应当与蓝色形状大致相同。不必考虑矩形的精确位置。以后可以对其进行调整。

5.在”工具”面板中,单击”选择”工具。

6.单击刚绘制的文本框以将其选中。

7.在”属性”面板面板中,输入下列值:

文本类型:动态文本 实例名称:title_txt X:60 Y:10 字体:Verdana 大小:14文本(填充)颜色:白色 样式:粗体 线条类型:单行

现在添加第二个文本框,该文本框将保存各个菜目的说明文本。

1.在舞台区域外部单击,以取消选择在上一部分创建的文本框。

2.在”工具”面板中,单击”文本”工具。

3.在”属性”面板中,在”字体大小”文本框中输入12。

4.仍在”属性”面板中,取消选择粗体图标。

57

字体

5.从”线条类型”菜单中选择”多行”。

6.使用”文本”工具,在舞台上,在单项标题的文本框中创建的矩形下方绘制另一个文本矩形,并填充以前创建的蓝色形状的下半部分。

7.在”工具”面板中,单击”选择”工具。

8.在第二个文本矩形仍处于选中状态的情况下,转到”属性”面板面板,并输入下列值:

文本类型:动态文本 实例名称:description_txt X:85 Y:45 字体:Verdana 字体大小:12 颜色:白色

9.在”工具”面板中,单击”选择”工具。

10.在刚绘制的形状外的舞台区域中单击,以取消选择它们。

11.在时间轴中,单击”场景1”链接,退出元件编辑模式并返回到Flash文档的主时间轴。

退出了元件编辑模式,带黑色边框的舞台再次出现。

十三、向舞台添加影片剪辑

现在在主时间轴中将menu影片添加到舞台:

58

1.在”工具”面板中,单击”选择”工具以确保该工具处于活动状态。

2.在”库”面板中,拖动menu影片剪辑,将其放置在舞台的右侧。

3.在menu影片剪辑在舞台上仍处于选中状态的情况下,转到”属性”面板并输入下列值:

实例名称:menu_mc W:415 H:150 X:285 Y:0

4.在menu影片剪辑处于选中状态的情况下,转到”属性”面板,从“颜色”菜单中选择”Alpha”。

5.拖动”Alpha数量”滑块,直至值为90%。

十四、添加按钮组件

现在添加使用户能够在幻灯片演示中从一张幻灯片切换到下一张的按钮:

1.在时间轴中,单击”nextButton”图层名以激活该图层。

该图层将容纳要添加的按钮组件。

2.通过选择”窗口”>“组件”打开”组件”面板。

3.在”组件”面板中,单击”用户界面(user Interface)”类别名称旁边的加号(+),打开用户界面。

59

4.将Button组件从”组件”面板拖动到舞台上蓝色矩形的下半部分中。

除非您在舞台上的其它位置单击,否则该按钮将在舞台上保持选中状态。

5.在选中该按钮的情况下,转到”属性”面板面板,并输入下列值:

实例名称:next_btn X:590 Y:120

6.在”属性”面板面板中,单击”参数”选项卡。

7.在”标签(label)”文本框中,使用名称Next替换名称”Button”,然后按Enter键。

按钮上的标签将更改为”Next”。

十五、添加ActionScript代码

下面添加ActionScript代码,它将为slideShow影片剪辑中的各张幻灯片显示适当的文本和图像。

现在添加测试ActionScript代码:

1.在时间轴中,单击”actions”图层名以激活该图层。

2.选择”窗口”>“动作”以打开”动作”面板。

3.在”动作”面板中键入以下ActionScript代码:

60

function testFunc(eventObj:Object) {

menu_mc.title_txt.text = \"Testing the title\";

menu_mc.description_txt.text = \"Testing the description\";

}

// add the event listener for the button

next_btn.addEventListener(\"click\

这些ActionScript代码只会向前面添加到menu影片剪辑的标题和说明文本框添加一些文本。

为了添加文本(括在引号中),ActionScript引用了文本框,方法是记下位于舞台(menu_mc)上的menu影片剪辑实例的名称,然后记下该影片剪辑实例中文本框本身的名称,如下所示:

menu_mc.description

这种语法称为点语法。在整个ActionScript中都使用这种语法来引用嵌套在其它对象中的对象。

4.选择”控制”>“测试影片”。

61

Flash文档将打开并在新窗口中播放。

5.在”测试影片”窗口中,单击”Next”。

您在ActionScript代码中输入的测试标题和测试说明文本将显示在文档右侧的蓝色矩形中。

下面输入ActionScript代码,它使得幻灯片演示在Next按钮被单击时以动画方式将各个新幻灯片布置到位。

现在输入幻灯片演示的ActionScript代码:

1.在时间轴中,确保”actions”图层的第1帧仍处于选中状态。

2.在”动作”面板中,删除上面的测试代码。此时“动作”面板中应当不包含任何代码。

3.复制下列代码并将其粘贴到”动作”面板中。

/*The following four sections contain the data

/*for each menu item.

/* 0 */

var image0title:String = \"Summer salad\";

62

var image0desc:String = \"Butter lettuce with apples, blood orange segments, gorgonzola, and raspberry vinaigrette.\";

var image0uri:String = \"images/image0.jpg\";

/* 1 */

var image1title:String = \"Turkey and Sun-dried Tomato Sandwich\";

var image1desc:String = \"Fresh roasted turkey with sundried tomatoes, garlic aioli, and havarti.\";

var image1uri:String = \"images/image1.jpg\";

/* 2 */

var image2title:String = \"Seared Salmon\";

var image2desc:String = \"Filet of wild salmon with caramelized onions, new potatoes, and caper and tomato salsa.\";

var image2uri:String = \"images/image2.jpg\";

/* 3 */

var image3title:String = \"New York Cheesecake\";

63

var image3desc:String = \"Creamy traditional cheesecake served with chocolate sauce and strawberries.\";

var image3uri:String = \"images/image3.jpg\";

var currImage:Number = 0;

var totalImages:Number = 4;

menu_mc.title_txt.text = this<\"image\"+currImage+\"title\">;

menu_mc.description_txt.text =

this<\"image\"+currImage+\"desc\">;

for (var i:Number = 0; i< i++)>

slideShow_mc.slides_mc<\"holder\"+i>.loadMovie(this<\"image\"+(i)+\"uri\">,slideShow_mc.slides_mc.getNextHighestDepth(

));

}

slideShow_mc.slides_mc<\"holder4\">.loadMovie(this<\"image0uri\">,slideShow_mc.slides_mc.getNextHighestDepth());

64

// Next 按钮的函数

function nextMenuItem(eventObj:Object) {

slideShow_mc.gotoAndPlay(\"slide\"+(currImage));

if ((currImage+1)>=totalImages) {

currImage = 0;

} else {

currImage++;

}

menu_mc.title_txt.text =

this._parent<\"image\"+currImage+\"title\">;

menu_mc.description_txt.text =

this._parent<\"image\"+currImage+\"desc\">;

}

65

// add the event listener for the button

next_btn.addEventListener(\"click\

代码的第一部分包含一些变量,这些变量存储的是在slideShow影片剪辑的各个部分中显示的图像的相关信息。

/* 0 */

var image0title:String = \"Summer salad\";

var image0desc:String = \"Butter lettuce with apples, blood orange segments, gorgonzola, and raspberry vinaigrette.\";

var image0uri:String = \"images/image0.jpg\";

/* 1 */

var image1title:String = \"Turkey and Sun-dried Tomato Sandwich\";

var image1desc:String = \"Fresh roasted turkey with sundried tomatoes, garlic aioli, and havarti.\";

var image1uri:String = \"images/image1.jpg\";

/* 2 */

66

var image2title:String = \"Seared Salmon\";

var image2desc:String = \"Filet of wild salmon with caramelized onions, new potatoes, and caper and tomato salsa.\";

var image2uri:String = \"images/image2.jpg\";

/* 3 */

var image3title:String = \"New York Cheesecake\";

var image3desc:String = \"Creamy traditional cheesecake served with chocolate sauce and strawberries.\";

var image3uri:String = \"images/image3.jpg\";

这些代码声明了4组变量,每组均包含3个变量。每个包含3个变量的组都表示您的Flash文档所显示的4个图像中的一个。这4个不同图像的变量名之间的唯一区别是变量名中包含的数字。编号从数字0而不是从数字1开始,这是因为ActionScript中的列表是从零开始的。这意味着列表中的第一项总是由数字0而非数字1引用。为各个图像声明的三个变量如下。请记住,各个变量名中间的数字对于每个图像都是不同的:

image0title包含一个字符串,该字符串是要显示在menu影片剪辑的title_txt文本框中的菜名。

image0desc包含一个字符串,该字符串是要显示在menu影片剪辑的

67

description_txt文本框中的菜肴说明。

image0uri包含一个字符串,该字符串是slides影片剪辑的各个部分将要加载和显示的图像文件的统一资源标识符。

接下来的两行代码声明另外两个变量:

var currImage:Number = 0;

var totalImages:Number = 4;

第一个变量currImage存储显示在slides影片剪辑中的当前图像的编号。第二个变量totalImages存储可供显示的图像的总数。将最后一个数字存储在变量中,如果以后要向幻灯片演示添加更多图像,那么您可以容易地更改该数字。当然,在那种情况下,您还需要修改slideShow影片剪辑。

下一行代码将title文本框的文本设置为其名称对应于当前图像编号的变量中的文本。

menu_mc.title_txt.text = this<\"image\"+currImage+\"title\">;

这些代码使用点语法将menu_mc影片剪辑实例中的title_txt文本框的text属性设置为一个变量的值。在本例中,该变量的名称按如下方式构造:单词“image”加上变量currImage的值,再加上单词title。该变量的名称变成image0title或其它某个类似的变量名,具体情况取决于currImage变量中包含的数字。单词this通知Flash该变量是在同一个脚本中声明的。

68

下一行代码类似于上一行代码:

menu_mc.description_txt.text =

this<\"image\"+currImage+\"desc\">;

它将menu_mc影片剪辑实例中的说明文本框的文本设置为对应于当前图像编号的desc变量中的文本。

以下各行代码设置一个for循环,以便将外部JPG图像文件加载到holder影片剪辑实例中,这些实例位于slideShow影片剪辑中的slides影片剪辑中。各个外部JPG文件的文件路径存储在image*uri变量中,这些变量是在此ActionScript代码块的开头声明的,如下所示:

for (var i:Number = 0; i< i++)>

slideShow_mc.slides_mc<\"holder\"+i>.loadMovie(this<\"image\"+(i)+\"uri\">,slideShow_mc.slides_mc.getNextHighestDepth());

}

for循环是一个由一组大括号{}括起来的代码块,对于变量i的每次递增,这个代码块都重复执行一次。在本例中,i从0递增到4,因为totalImages的值为4。loadMovie()方法可以用来将Flash文件或图像文件加载到影片剪辑中。本例中,它加载的是外部JPG文件。

69

下一行代码将第一个图像(存储在变量image0uri中)加载到holder4影片剪辑实例中,如下所示:

slideShow_mc.slides_mc<\"holder4\">.loadMovie(this<\"image0uri\">,slideShow_mc.slides_mc.getNextHighestDepth());

以下各行代码实现了Next按钮的功能:

function nextMenuItem(eventObj:Object) {

slideShow_mc.gotoAndPlay(\"slide\"+(currImage));

if ((currImage+1)>=totalImages) {

currImage = 0;

} else {

currImage++;

}

menu_mc.title_txt.text =

this._parent<\"image\"+currImage+\"title\">;

70

menu_mc.description_txt.text =

this._parent<\"image\"+currImage+\"desc\">;

}

Next按钮的代码包含在nextMenuItem函数中。函数是一个代码块,设置为在发生特定事件时执行。本例中,每当用户在舞台上的Next按钮上释放鼠标按钮时,函数就会运行。

该函数内有一个gotoAndPlay()方法,该方法使播放头跳到时间轴中的特定帧标签。本例中所指定的帧标签是使用单词slide和变量currImage的当前值构造的。if语句检查currImage变量的值加1后是否等于totalImages变量的值。如果为true,代码会将currImage的值设置为0;否则,代码将使currImage的值递增1。函数中的最后两行将标题和说明文本框的文本设置为存储在image*title和image*desc变量中的字符串,这两个变量对应于currImage变量的值。

紧跟在函数定义后面的代码行通知Flash,在next_btn实例收到鼠标单击事件时执行nextMenuItem函数。

next_btn.addEventListener(\"click\

因为nextMenuItem函数现在设置为侦听鼠标单击事件,所以它被称为事件侦听器。因此,可以使用addEventListener()方法来通知Flash在发生鼠标单击事件时执行该函数。

4.选择”控制”>“测试影片”。在”测试影片”窗口中,单击”Next”观看图像动画,

71

并查看各张幻灯片的标题和说明更新情况。

十六、发布文档

将Flash文档发布到网页中的第一步是将文档的FLA版本保存为文件的压缩SWF版本。这个SWF版本的文件要小得多;因此,可以方便地在Web浏览器中加载。

1.选择”文件”>“发布设置”。

2.在”发布设置”对话框中,选择”格式”选项卡,验证是否仅选中了“HTML”和”Flash”复选框。

这会使Flash仅发布SWF文件和HTML文件,以便在网络浏览器中显示。

3.在”发布设置”对话框中,选择”Flash”选项卡并确保在”版本”菜单中选择了”FlashPlayer8”。这会使Flash以Flash8格式导出SWF文件。

4.选择”HTML”选项卡并确保在”模板”菜单中选择了”仅限Flash”。

这会使Flash仅生成非常简单的HTML文件,以便在浏览器中显示Flash文档。

5.单击”发布”。

Flash会在包含工作FLA文件的文件夹中保存文档的一个SWF文件副本和一个HTML文件。

72

6.单击”确定”以关闭”发布设置”对话框。

第十三节 构建一个视频播放器

一、创建新文档

二、定义文档属性

在”文档属性”对话框中,输入下列值:宽度:360 高度:240

三、编码视频文件

首先要将 QuickTime 视频文件 (MOV) 转换为 Flash 视频文件 (FLV)。

1. 启动 Flash Video Encoder 应用程序。

2. 将视频文件拖动到Flash Video Encoder 应用程序窗口上。

3. 单击“设置”。

4. 在“Flash 视频编码设置”对话框中,从“Flash 视频编码配置文件”菜单中选择“Flash 8 - 中等品质 (400kbps)”。这是默认设置。

该动作只对文件应用了很小的压缩量。

5. 单击“确定”以关闭“设置”对话框。

73

6. 单击“启动队列”。

Flash Video Encoder 会转换文件并将其保存。

7. 关闭 Flash Video Encoder 应用程序。

四、添加媒体组件

下面向舞台添加媒体播放组件。此组件将包含视频显示并提供播放控件。

Flash中的组件是可以在自己的Flash文档中使用的预置对象。大多数组件是用户界面元素,例如按钮、菜单等。有些组件在”舞台”上是不可见的,而是用来执行数据处理功能。通过使用组件,您无需自已构建复杂的用户界面元素。在Flash中,组件与影片剪辑一样是使用其内部ActionScript代码实现的。

使用”组件”面板可以设置组件的属性。这将告诉Flash您希望组件如何工作。对于FLVPlayback组件,您要告诉Flash希望播放的FLV文件的位置以及如何显示播放控件。

1.选择”窗口”>“组件”以打开”组件”面板。

2.在”组件”面板中,单击”FLV Playback-Player8”类别旁边的加号(+)。

3.将FLV Playback组件拖到舞台上。

4.在新组件仍在舞台上处于选中状态时,在”属性”面板中输入下列值:

74

W:360 H:240 X:0 Y:0

这使组件与舞台的大小一致,并将它放置在舞台中心。

5.在新组件仍在舞台上处于选中状态时,选择”窗口”>“组件检查器”以打开组件检查器。

6.在”组件”检查器的”参数”选项卡中,单击content Path参数。

7.单击显示在它旁边的放大镜图标。

8.在”内容路径”对话框中,输入要加载的文件并单击“确定”。

9.仍在”组件”检查器中,将autoRewind参数设置为false。

五、发布文档

75

因篇幅问题不能全部显示,请点此查看更多更全内容