制作公司Banner.docVIP

一、制作公司网站Banner元件 1. 将公司图片制作为图形元件 （1）打开Flash CS5，新建Flash文档，选择【文件】|【保存】命令，文件名为“公司网站Banner”。单击【属性】面板上的【编辑】按钮，或选择【修改】主菜单中的【文档】命令，打开【文档属性】对话框，设置文档的宽为969px，高为206px，帧频为12fps。如图2-109所示。 图2-109 【文档属性】对话框 （2）单击【确定】按钮，进入“场景1”的编辑区域。选择【文件】主菜单下【导入】子菜单下的【导入到库】命令，打开【导入到库】对话框，选择“查找范围”，找到素材中的“img1.jpg”、“img2.jpg”、“img3.jpg”、“img4.jpg”、“img5.jpg”文件，如图2-110所示。单击【打开】按钮。这时，选中的五幅图片就被导入到了【库】面板中。 图2-110 【导入到库】对话框 （3）选择【插入】主菜单下的【新建元件】命令，在弹出的【创建新元件】对话框中，设置【名称】为“img1”，【类型】为“图形”，如图2-111所示。 图2-111 【创建新元件】对话框 （4）单击【确定】按钮，进入图形元件“img1”的编辑区域。打开【库】面板，将图片“img1.jpg”拖入到编辑区域中央（打开【属性】面板，设置X值为-475，Y值为-103，如图2-112所示），如图2-113所示。 图2-112 设置图片属性 图2-113 编辑图形元件“img1” （5）选择【插入】主菜单下的【新建元件】命令，在弹出的【创建新元件】对话框中，设置【名称】为“img2”，【类型】为“图形”，单击【确定】按钮，进入图形元件“img2”的编辑区域。打开【库】面板，将图片“img2.jpg”拖入到编辑区域中央，如图2-114示。 同样的方法编辑图形元件“img3”、“img4”、“img5”，如图2-115、图2-116、图2-117所示。 图2-114 编辑图形元件“img2” 图2-115 编辑图形元件“img3” 图2-116 编辑图形元件“img4” 图2-117 编辑图形元件“img5” 2. 制作文字图形元件 （1）选择【插入】主菜单下的【新建元件】命令，在弹出的【创建新元件】对话框中，设置【名称】为“text1”，【类型】为“图形”，如图2-118所示。单击【确定】按钮，进入图形元件“text1”的编辑区域。 （2）选择工具箱中的【文本工具】，在【属性】面板上设置字体为“黑体”，颜色为红色，大小为50，字符间距为10，如图2-119所示。在编辑区域中输入文字“开拓进取”。 图2-118 【创建新元件】对话框 图2-119 【属性】面板 （3）选中文字，选择【文本】主菜单下的【样式】子菜单下的【仿粗体】命令，如图2-120所示。 （4）重复执行步骤（1）—（3），制作图形元件“text2”、“text3”、“text4”，文字分别为“求实创新”、“科学管理”、“求实创新”。【库】面板如图2-121所示。 图2-120 设置仿粗体 图2-121 【库】面板 二、编辑公司网站Banner场景 1. 制作动画效果1 （1）单击“场景1”按钮，回到场景中。双击【时间轴】面板左侧的文字“图层1”，输入文字“img1”，将该图层重命名为“img1”。 （2）选择【窗口】主菜单下的【库】命令，打开【库】面板，将图形元件“img1”拖到舞台中，选中实例“img1”，选择【窗口】主菜单下的【属性】命令，打开【属性】面板，设置X值为485，Y值为103，如图2-190所示。 （3）鼠标右键单击该图层的第15帧，从弹出的快捷菜单中选择“插入关键帧”命令，或按键盘上的F6键，插入关键帧。 （4）单击第1帧，再单击舞台上的实例“img1”，在【属性】面板上选择【色彩效果】下【样式】中的“Alpha”，将Alpha值设为0%，如图2-191所示。 图2-190 实例“img1”的属性 图2-191 设置第1帧实例“img1”的属性 （5）鼠标右键单击第1帧到第15帧之间的任意一帧，从弹出的快捷菜单中选择“创建传统补间”命令。选择第35帧，按F5键插入帧。 （6）单击【时间轴】面板左下角的“新建图层”按钮，添加一个图层，双击图层名，重命名为“text1”，选择第10帧，按F7键插入空白关键帧。如图2-192所示。 图2-192 【时间轴】面板 （7）打开【库】面板，将元件“text1”拖到舞台上方，在图层“text1”的第25帧处按F6键插入关键帧。将实例“text1”拖到舞台的合适位置。如图2-193所