搜索
机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社第8章Flash8的综合运用1目标技能学会制作网页banner。掌握Flash导航条的制作方法。学会制作简单的全Flash网站。掌握制作相册的方法。掌握幻灯片的制作方法。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•本章目录•8.1Flash8在网页制作中的运用•8.2利用Flash进行电子相册的制作技巧•8.3利用Flash进行幻灯片的制作机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•本章重点：制作网页banner、导航条、相册和幻灯片。•本章难点：制作简单的全Flash网站。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社8.1Flash8在网页制作中的运用使用Flash制作网站具有以下特点：1、Flash使用矢量技术，生成的文件存储量小，并且采用的流式播放技术，解决了网络带宽这一影响网络多媒体发展的瓶颈问题。2、交互性强，使网络交互多媒体成为现实。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社8.1.1网页banner的制作技巧实例•Banner也叫旗帜广告或横幅广告，通常放置在网页的上方，大小为468*60像素或233*30像素，大多做成动画形式，以吸引访问者浏览和点击。•用Flash来做网页中的横幅广告。•制作的步骤是：机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•1）新建一个Flash动画文件。•2）单击【修改】→【文档】命令，在“文档属性”对话框中修改文档尺寸为750ps×120ps，帧频为24pbs机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社3）在图层第1帧，使用矩形工具绘制一个无边框，大小为750×120的矩形，填充颜色为放射状深蓝（#0169BB）到蓝黑（#031B32）的渐变色。•再使用填充变形工具对填充的颜色进行调整，在矩形上点击右键，选择“转换为元件”，命名为“背景”，图形类型。•选中矩形元件，打开属性面板，输入X和Y的值都为0，与舞台对齐。选中第75帧，按【F5】插入帧，锁定图层1。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•4）新建图层2，使用文本工具输入文字“智慧人士品位之选”，选中文字，在属性面板设置字体为黑体，字号为33，白色加粗，字间距为4。将文字放在舞台正中间。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•5）选中文字，按【Ctrl】＋【B】键将文字打散，在文字上点击右键，选择“分散到图层”，这样每个文字位于一个单独的图层上。将8个文字分别转换为图形元件。然后同时选中8个文字所在图层的第4帧，按【F6】键插入关键帧。同样的方法，在这8个图层的第10和第30帧分别插入关键帧。时间轴效果如图所示。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•6）同时选中第一帧的8个文字，在属性面板设置它们的Alpha值为0，再同时选中第10帧的8个文字，设置Alpha值为0。然后同时选中8个文字图层的第一帧，点击右键，选择“创建补间动画”。•同样地方法创建这8个图层第4帧到第10帧，第10帧到第30帧的补间动画。时间轴效果如图所示。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•7）将鼠标移到图层“智”的第1帧上，按下鼠标左键向后拖动到第30帧处释放鼠标，第1帧到第30帧都处于被选中的黑色状态，然后按下鼠标左键拖动这些帧向后移动3帧。•采用同样的方法，将其他7个文字图层的前30帧均往后移动若干帧，每一层移动的距离都不相同。最后时间轴效果如图所示。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•8）解除图层1的锁定，在该图层的第76帧和第100帧分别按F6键插入关键帧，选中第100帧的背景图片，打开属性面板，选择“颜色”－“色调”，设置颜色为黑色。创建第76帧到第100帧的补间动画。锁定图层1。•9）选中图层2，在第100帧插入关键帧。单击【文件】→【导入】→【导入到舞台】，从弹出的对话框中找到文件“image1.jpg”，点击打开。将图片与舞台对齐，并转换为图形元件，命名为“车头”。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•10）在图层2的第120帧插入关键帧，选中第100帧中的“车头”图形元件，打开属性面板，设置Alpha值为0%。创建第100帧到第120帧的补间动画。•11）在图层2的第145帧和第170帧分别按F6键插入关键帧。选中第170帧中的“车头”元件，打开变形面板，选中约束，在左边的文本框中输入120％，使其水平垂直方向同时放大。然后再打开属性面板，将其Alpha值设为0％。创建第145帧到第170帧的补间动画。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•12）在图层2上新建图层11，在第168帧插入关键帧，将图片“image2.jpg”导入到舞台，并拖放到舞台中间偏右的位置，将其转换为图形元件，命名为“文字”。在图层11上新建图层12，导入图片“image3.jpg”，放置在舞台中间偏左的位置，并转换为图形元件，命名为“车”。此时“文字”和“车”的位置如图所示。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社13）同时选中图层11和图层12的第178帧，按F6键插入关键帧。将“文字”向右移动，“车”向左移动，此时两者的位置如图所示。•同时选中第168帧的“文字”和“车”，在属性面板设置其Alpha值为0％，创建第168帧到第178帧的补间动画。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•14）在图层11和图层12的第220帧和第230帧分别按【F6】键插入关键帧。选中第230帧中的“文字”，将其向右水平拖动一段距离，并将其Alpha值设为0％。再选中第230帧中的“车”，将其向左水平拖动一段距离，并将其Alpha值设为0％。创建图层11和图层12第220帧到第230帧的补间动画。•15）在图层12的第231帧插入空白关键帧，从库中将图形元件“背景”拖入到舞台上，并与舞台对齐。在第245帧插入关键帧，选中第231帧中的背景设置其Alpha值为0％，创建第231帧到第245帧的补间动画。因为动画是循环播放的，这一步就是使动画的结尾和开头有一个过渡。•16）保存并测试动画。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社注意：•网页中的banner是一个广告，因此一般我们在动画制作完之后，还要在动画的最上层做一个透明的按钮，这样网页浏览者如果对这个banner宣传的内容感兴趣，可以马上点击进入相关的页面就行浏览。给这个汽车banner加上透明的按钮的操作步骤如下：机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•1）打开“汽车banner”动画，单击【插入】→【新建元件】命令，在弹出的对话框中输入名称“透明按钮”，类型为按钮。点击确定，进入“透明按钮”元件的编辑窗口。在第4帧插入关键帧，绘制一个无边框、填充为任意色的矩形。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•2）回到场景1，在图层12上新建图层13。将库中的“透明按钮”拖放到舞台上，在信息面板输入参数，使其与舞台大小一致，并与舞台对齐。信息面板参数如图所示。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•3）选中“透明按钮”，打开动作面板，输入动作命令:on(release){getURL();}这样点击动画后就可以链接到其它的网页上了•Banner制作完毕。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社8.1.2网页导航条的制作技巧实例•导航条在网页中起着很重要的作用，它不仅是整个网站的方向标，而且还能体现整个网站的内容，如同书的目录一样，点击导航条中的图像可以链接到不同的页面。•用Flash制作导航条，实际上就是做若干个按钮排列在一起，每一个按钮可以链接到一个页面上去。•下面以一个基本的横式导航条为例，操作步骤如下：机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•1)新建一个Flash动画文件。•2）点击【修改】→【文档】命令，在打开的文档属性对话框中，设置舞台大小为950×90，帧频为24。•3）点击【文件】→【导入】→【导入到舞台】命令，找到文件“image1.png”和“image2.png”，导入到舞台上，将image1覆盖到image2的左端，锁定图层1，如图所示。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•4）点击【插入】→【新建元件】命令，在打开的对话框中输入名称“收缩的方块”，类型为影片剪辑。点击确定经入该元件的编辑窗口。使用矩形工具绘制一个没有边框，填充为白色，大小为75×45的矩形，并将其转换为图形元件。由于背景也是白色，难以区分，我们可以将背景颜色改为黑色，等动画完成后重新改为白色。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•5）在该图层的第10帧按【F6】键插入关键帧，选中矩形，在信息面板设置其宽度为1。信息面板如图所示。在第1帧上点击右键，选择“创建补间动画”。在第12帧插入关键帧，选中这个小矩形，设置其Alpha值为0％，创建第10到第12帧的补间动画。•6）选中第12帧，打开动作面板，输入动作命令“stop；”，影片剪辑在播放一次后停止。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•7）点击【插入】→【新建元件】命令，在打开的对话框中输入名称“首页”，类型为按钮。点击确定进入按钮的编辑窗口。在第1帧用文本工具输入文字“首页”，设置字体为华文新魏，字号为18，白色加粗，字间距为-3。属性面板如图所示。将文字对齐到舞台正中间位置，在第三帧按【F5】键插入帧，锁定该图层。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•8）在图层1上新建图层2，并把图层2拖到图层1下方。在图层2的第2帧插入空白关键帧，从库中将元件“收缩的方块”拖放到舞台正中间位置上，与文字对齐。并设置其Alpha值为33％。•9）在图层2的第3帧插入空白关键帧，选中第4帧，使用矩形工具重新绘制一个没有边框，填充为白色，大小为75×45的矩形，并对齐到舞台正中间。机械工业出版社《Flash8动画设计实例教程》中等职业教育“十一五”规划教材۰电子商务专业机械工业出版社•10）回到场景1，在图层1上新建图层2，打开库面板，将按钮元件“首页”拖放到舞台上，位置如图所示。•选中该按钮，打开动作面板输入动作命令：on(release)