16.向上拖动”缓动”滑块，直到”缓动”值为100。 17.单击舞台上的slides_mc影片剪辑实例以将其选中。 18.在”属性”面板中，在”Y”文本框中输入-450。 19.在时间轴中，选择图层1的第80帧。
20.单击舞台上的slides_mc影片剪辑实例以将其选中。 21.在”属性”面板中，在”Y”文本框中输入-600。 22.在”时间轴”中，单击”帧编号”栏中的数字1。 23.按Enter键在舞台上播放动画的预览效果。 在预览模式下将忽略以前输入的stop();ActionScript。
现在完成了slideShow元件的创建，该元件包含自己的复杂的内部时间轴。 九、编辑主时间轴
接下来，返回到Flash文档的主时间轴编辑，添加将影响整个文档的细节。 现在，向主时间轴添加图层： 1.单击时间轴顶部的”场景1”图标。
您将退出元件编辑模式，并返回到FLA文件的主时间轴。 2.单击时间轴底部的”插入图层”按钮。 时间轴中现有图层之上将出现一个新图层。 3.再单击”插入图层”三次，以便再插入三个图层。 现在主时间轴中有5个图层。
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，以便将影片剪辑的左上角与舞台的左上角完全对齐。
26
4.同样，在”属性”面板中，输入slideShow_mc作为影片剪辑的实例名称。 十、创建边框
接下来为舞台创建一个边框，使得在Web页中查看FMA时，其外观更引人注意。 现在创建边框：
1.在时间轴中，选择”缩放”菜单中的100%。 2.在时间轴中，单击border图层的名称以将其选中。 3.从”工具”面板中选择”矩形”工具。
4.在”工具”面板中，从”笔触颜色选取器”中选择”没有颜色”。从”笔触颜色选取器”中选择”无笔触”
5.从”填充颜色选取器”中选择黑色(#000000)。 6.在舞台上绘制一个与舞台形状大致相同的矩形。 7.在”工具”面板中，选择”选择”工具。 8.在舞台上，单击刚绘制的矩形以将其选中。 9.选择”窗口”>“对齐”以打开”对齐”面板。
10.在”对齐”面板中，单击”相对于舞台”选项以将其选中。 这会使”对齐”面板将选定的矩形与舞台区域对齐。
当”相对于舞台”选项处于关闭状态时，“对齐”面板会将多个选定对象互相对齐。 11.在”对齐”面板中，找到”匹配大小”区域并单击”匹配宽和高”按钮。 您的矩形变为与舞台区域大小相同。
12.在矩形处于选中状态的情况下，单击”对齐”面板中的”垂直中齐”按钮。 13.单击”水平中齐”按钮。
现在，矩形被精确放置在舞台的中心位置。 14.在舞台区域外部单击以取消选择黑色矩形。 15.在”工具”面板中，选择”矩形”工具。
16.从”填充颜色选取器”中选择十六进制值为#0000FF的蓝色。 17.在”工具”面板中，双击”矩形”工具。
18.在”矩形设置”对话框中，在”边角半径”文本框中输入16，然后单击”确定”。 19.选择”视图”>“贴紧”>“贴紧至像素”打开像素贴紧功能。 这将导致在绘制形状时，所绘制形状的边缘贴紧至最近的像素。
20.在”矩形”工具仍在”工具”面板中处于选中状态的情况下，在舞台上绘制一个矩形，并使其大小
27
尽可能与舞台相同。
21.在”工具”面板中，单击”选择”工具。 22.单击蓝色的矩形以将其选中。
23.在选中蓝色矩形的情况下，转到”属性”面板，在文本框中输入下列值： W：700 H：150 X：0 Y：0 24.再次双击蓝色矩形以将其选中。 25.按Delete键删除蓝色矩形。
在前面绘制的黑色矩形的中央出现一个白色矩形。在此步骤中，蓝色矩形相当于一个遮罩。现在，舞台的顶部和底部有了一个黑色边框，只剩下黑角的舞台
十一、添加元件
本部分将向舞台右侧添加一个蓝色区域。在该区域中，将显示描述各个菜单项的文本和用来切换菜单项的按钮。
现在添加具有蓝色形状的新元件： 1.单击时间轴中的”blackArea”图层名。 2.选择”插入”>“新建元件”。
3.在”创建新元件”对话框中，在”名称”文本框中键入menu并单击“确定”。 您将进入元件编辑模式，”时间轴”面板将切换为显示新的blueArea影片剪辑的时间轴。 4.在”工具”面板中，选择”矩形”工具。 5.从”笔触颜色选取器”中选择”无笔触”。 6.单击”填充颜色”样本以显示”填充颜色选取器”。
7.在”填充颜色选取器”中，在”Alpha”文本框中输入80％。
8.在”填充颜色选取器”中，在”颜色”文本框中输入343469，然后按Enter键。 这将创建一种偏灰的蓝色。
9.在”工具”面板中，双击”矩形”工具。
10.在”矩形设置”对话框中，在”边角半径”文本框中输入0，然后单击”确定”。 11.使用”矩形”工具，在舞台上绘制一个扁平的矩形。 12.在”工具”面板中，单击”选择”工具。 13.双击您在舞台上绘制的矩形以将其选中。 14.在”属性”面板面板中，为矩形形状输入下列值： W：415 H：150 X：0 Y：0
28
15.按Enter。
16.在”工具”面板中，单击”部分选取”工具。
17.将鼠标移动到矩形左下角的上方，直至箭头指针旁边出现一个小白框。 指针表示可以拖动矩形的角
18.向右拖动矩形的角，使矩形的左边变成一条成大约30度角的对角线。 19.在”工具”面板中，单击”选择”工具。 这将取消选择矩形上的控制点。 十二、添加文本框
下面添加描述各个菜单项的文本。您将添加两个文本框。以后添加的ActionScript代码将在这些文本框中插入文本。
现在添加菜单项标题的文本框：
1.在”工具”面板中，单击”文本”工具。
2.在”属性”面板中，从”文本类型”菜单中选择”动态文本”。 3.仍在”属性”面板中，在”字体大小”文本框中输入14。
4.使用”文本”工具，在刚创建的灰蓝色形状的顶部绘制一个扁平文本矩形。矩形的宽度应当与蓝色形状大致相同。不必考虑矩形的精确位置。以后可以对其进行调整。
5.在”工具”面板中，单击”选择”工具。 6.单击刚绘制的文本框以将其选中。 7.在”属性”面板面板中，输入下列值：
文本类型：动态文本 实例名称：title_txt X：60 Y：10 字体：Verdana 字体大小：14文本（填充）颜色：白色 样式：粗体 线条类型：单行
现在添加第二个文本框，该文本框将保存各个菜目的说明文本。 1.在舞台区域外部单击，以取消选择在上一部分创建的文本框。 2.在”工具”面板中，单击”文本”工具。
3.在”属性”面板中，在”字体大小”文本框中输入12。 4.仍在”属性”面板中，取消选择粗体图标。 5.从”线条类型”菜单中选择”多行”。
6.使用”文本”工具，在舞台上，在单项标题的文本框中创建的矩形下方绘制另一个文本矩形，并填充以前创建的蓝色形状的下半部分。
7.在”工具”面板中，单击”选择”工具。
29
8.在第二个文本矩形仍处于选中状态的情况下，转到”属性”面板面板，并输入下列值：
文本类型：动态文本 实例名称：description_txt X：85 Y：45 字体：Verdana 字体大小：12 颜色：白色
9.在”工具”面板中，单击”选择”工具。
10.在刚绘制的形状外的舞台区域中单击，以取消选择它们。
11.在时间轴中，单击”场景1”链接，退出元件编辑模式并返回到Flash文档的主时间轴。 退出了元件编辑模式，带黑色边框的舞台再次出现。 十三、向舞台添加影片剪辑
现在在主时间轴中将menu影片添加到舞台：
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)”类别名称旁边的加号(+)，打开用户界面。 4.将Button组件从”组件”面板拖动到舞台上蓝色矩形的下半部分中。 除非您在舞台上的其它位置单击，否则该按钮将在舞台上保持选中状态。 5.在选中该按钮的情况下，转到”属性”面板面板，并输入下列值： 实例名称：next_btn X：590 Y：120 6.在”属性”面板面板中，单击”参数”选项卡。
7.在”标签(label)”文本框中，使用名称Next替换名称”Button”，然后按Enter键。 按钮上的标签将更改为”Next”。 十五、添加ActionScript代码
下面添加ActionScript代码，它将为slideShow影片剪辑中的各张幻灯片显示适当的文本和图像。
30
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库FLASH制作基础教程(6)在线全文阅读。
相关推荐：