Flash CS5动画设计实例教程 第2版 教学课件 作者 鲍雷 教案 flash cs5动画设计实例教程8.pptVIP

第8章 Flash cs5的综合运用1 目标技能 学会制作网页banner。 掌握Flash导航条的制作方法。 学会制作简单的全Flash网站。 掌握制作相册的方法。 掌握幻灯片的制作方法。 本章目录 8.1 Flash cs5在网页制作中的运用 8.2 利用Flash进行电子相册的制作技巧 8.3 利用Flash进行幻灯片的制作 本章重点：制作网页banner、导航条、相册和幻灯片。 本章难点：制作简单的全Flash网站。 8.1 Flash cs5在网页制作中的运用 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帧中的“车”，将其向左水平拖动一段距离，并将其A