《flash8动画设计实例教程》第八章Flash8的综合运用..ppt

第8章 Flash 8的综合运用1目标技能 学会制作网页banner。 掌握Flash导航条的制作方法。 学会制作简单的全Flash网站。 掌握制作相册的方法。 掌握幻灯片的制作方法。 本章目录 8.1 Flash 8在网页制作中的运用 8.2 利用Flash进行电子相册的制作技巧 8.3 利用Flash进行幻灯片的制作 本章重点：制作网页banner、导航条、相册和幻灯片。 本章难点：制作简单的全Flash网站。 8.1 Flash 8在网页制作中的运用 8.1.1网页banner的制作技巧实例 Banner也叫旗帜广告或横幅广告，通常放置在网页的上方，大小为468*60像素或233*30像素，大多做成动画形式，以吸引访问者浏览和点击。 用Flash来做网页中的横幅广告。 制作的步骤是： 1）新建一个Flash动画文件。 2）单击【修改】→【文档】命令，在“文档属性”对话框中修改文档尺寸为750ps×120ps，帧频为24pbs 3）在图层第1帧，使用矩形工具绘制一个无边框，大小为750×120的矩形，填充颜色为放射状深蓝（#0169BB）到蓝黑（#031B32）的渐变色。 再使用填充变形工具对填充的颜色进行调整，在矩形上点击右键，选择“转换为元件”，命名为“背景”，图形类型。 选中矩形元件，打开属性面板，输入X和Y的值都为0，与舞台对齐。选中第75帧，按【F5】插入帧，锁定图层1。 4）新建图层2，使用文本工具输入文字“智慧人士 品位之选”，选中文字，在属性面板设置字体为黑体，字号为33，白色加粗，字间距为4。将文字放在舞台正中间。 5） 选中文字，按【Ctrl】＋【B】键将文字打 散，在文字上点击右键，选择“分散到图层”，这样每个文字位于一个单独的图层上。将8个文字分别转换为图形元件。然后同时选中8个文字所在图层的第4帧，按【F6】键插入关键帧。同样的方法，在这8个图层的第10和第30帧分别插入关键帧。时间轴效果如图所示。 6）同时选中第一帧的8个文字，在属性面板设置它们的Alpha值为0，再同时选中第10帧的8个文字，设置Alpha值为0。然后同时选中8个文字图层的第一帧，点击右键，选择“创建补间动画”。同样地方法创建这8个图层第4帧到第10帧，第10帧到第30帧的补间动画。 时间轴效果如图所示。 7） 将鼠标移到图层“智”的第1帧上，按下鼠标左键向后拖动到第30帧处释放鼠标，第1帧到第30帧都处于被选中的黑色状态，然后按下鼠标左键拖动这些帧向后移动3帧。采用同样的方法，将其他7个文字图层的前30帧均往后移动若干帧，每一层移动的距离都不相同。最后时间轴效果如图所示。 8）解除图层1的锁定，在该图层的第76帧和第100帧分别按F6键插入关键帧，选中第100帧的背景图片，打开属性面板，选择“颜色”－“色调”，设置颜色为黑色。创建第76帧到第100帧的补间动画。锁定图层1。 9）选中图层2，在第100帧插入关键帧。单击【文件】→【导入】→【导入到舞台】，从弹出的对话框中找到文件“image1.jpg”，点击打开。将图片与舞台对齐，并转换为图形元件，命名为“车头”。 10）在图层2的第120帧插入关键帧，选中第100帧中的“车头”图形元件，打开属性面板，设置Alpha值为0%。创建第100帧到第120帧的补间动画。 11）在图层2的第145帧和第170帧分别按F6键插入关键帧。选中第170帧中的“车头”元件，打开变形面板，选中约束，在左边的文本框中输入120％，使其水平垂直方向同时放大。然后再打开属性面板，将其Alpha值设为0％。创建第145帧到第170帧的补间动画。 12）在图层2上新建图层11，在第168帧插入关键帧，将图片“image2.jpg”导入到舞台，并拖放到舞台中间偏右的位置，将其转换为图形元件，命名为“文字”。在图层11上新建图层12，导入图片“image3.jpg”，放置在舞台中间偏左的位置，并转换为图形元件，命名为“车”。此时“文字”和“车”的位置如图所示。13）同时选中图层11和图层12的第178帧，按F6键插入关键帧。将“文字”向右移动，“车”向左移动，此时两者的位置如图所示。同时选中第168帧的“文字”和“车”，在属性面板设置其Alpha值为0％，创建第168帧到第178帧的补间动画。 14）在图层11和图层12的第220帧和第230帧分别按【F6】键插入关键帧。选中第230帧中的“文字”，将其向右水平拖动一段距离，并将其Alpha值设为0％。再选中第230帧中的“车”，将其向左水平拖动一段距离，并将其Alpha值设为0％。创建图层11和图层12第220帧到第230帧的补间动画。 15）在图层12的第231帧插入空白关键帧，从库中将图形元件“背景”