《《flash8动画设计实例教程》第八章.ppt》由会员分享，可在线阅读，更多相关《《flash8动画设计实例教程》第八章.ppt（90页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社第8章 Flash 8的综合运用1 目标技能目标技能学会制作网页banner。掌握Flash导航条的制作方法。学会制作简单的全Flash网站。掌握制作相册的方法。掌握幻灯片的制作方法。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社本章目录本章目录8.1 Flash 8在网页制作中的运用在网页制作中的运用8.2 利用利用Flash进行电子相册的制作技巧进行电子相册的制作
2、技巧8.3 利用利用Flash进行幻灯片的制作进行幻灯片的制作机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社本章重点：制作网页banner、导航条、相册和幻灯片。本章难点：制作简单的全Flash网站。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社8.1 Flash 8在网页制作中的运用 使用Flash制作网站具有以下特点：1、Flash使用矢量技术，生成的文件存储量小，并且采用的流式播放技术，解决了网络带宽这一影
3、响网络多媒体发展的瓶颈问题。2、交互性强，使网络交互多媒体成为现实。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社网页banner的制作技巧实例Banner也叫旗帜广告或横幅广告，通常放置在网页的上方，大小为468*60像素或233*30像素，大多做成动画形式，以吸引访问者浏览和点击。用Flash来做网页中的横幅广告。制作的步骤是：机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社1）新建一个Flash动画文件。2）
4、单击【修改】【文档】命令，在“文档属性”对话框中修改文档尺寸为750ps120ps，帧频为24pbs机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社3）在图层第1帧，使用矩形工具绘制一个无边框，大小为750120的矩形，填充颜色为放射状深蓝（#0169BB）到蓝黑（#031B32）的渐变色。再使用填充变形工具对填充的颜色进行调整，在矩形上点击右键，选择“转换为元件”，命名为“背景”，图形类型。选中矩形元件，打开属性面板，输入X和Y的值都为0，与舞台对齐。选中第75帧，按【F5】插入帧，锁定图层1。机械工业
5、出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社4）新建图层2，使用文本工具输入文字“智慧人士 品位之选”，选中文字，在属性面板设置字体为黑体，字号为33，白色加粗，字间距为4。将文字放在舞台正中间。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社5）选中文字，按【Ctrl】【B】键将文字打 散，在文字上点击右键，选择“分散到图层”，这样每个文字位于一个单独的图层上。将8个文字分别转换为图形元件。然后同时选中8个文字所在图层
6、的第4帧，按【F6】键插入关键帧。同样的方法，在这8个图层的第10和第30帧分别插入关键帧。时间轴效果如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社6）同时选中第一帧的8个文字，在属性面板设置它们的Alpha值为0，再同时选中第10帧的8个文字，设置Alpha值为0。然后同时选中8个文字图层的第一帧，点击右键，选择“创建补间动画”。同样地方法创建这8个图层第4帧到第10帧，第10帧到第30帧的补间动画。时间轴效果如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十
7、一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社7）将鼠标移到图层“智”的第1帧上，按下鼠标左键向后拖动到第30帧处释放鼠标，第1帧到第30帧都处于被选中的黑色状态，然后按下鼠标左键拖动这些帧向后移动3帧。采用同样的方法，将其他7个文字图层的前30帧均往后移动若干帧，每一层移动的距离都不相同。最后时间轴效果如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社8）解除图层1的锁定，在该图层的第76帧和第100帧分别按F6键插入关键帧，选中第100帧的背景图片，打开属性面板，选择“颜色
8、”“色调”，设置颜色为黑色。创建第76帧到第100帧的补间动画。锁定图层1。9）选中图层2，在第100帧插入关键帧。单击【文件】【导入】【导入到舞台】，从弹出的对话框中找到文件“image1.jpg”，点击打开。将图片与舞台对齐，并转换为图形元件，命名为“车头”。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社10）在图层2的第120帧插入关键帧，选中第100帧中的“车头”图形元件，打开属性面板，设置Alpha值为0%。创建第100帧到第120帧的补间动画。11）在图层2的第145帧和第170帧分别按F6
9、键插入关键帧。选中第170帧中的“车头”元件，打开变形面板，选中约束，在左边的文本框中输入120，使其水平垂直方向同时放大。然后再打开属性面板，将其Alpha值设为0。创建第145帧到第170帧的补间动画。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社12）在图层2上新建图层11，在第168帧插入关键帧，将图片“image2.jpg”导入到舞台，并拖放到舞台中间偏右的位置，将其转换为图形元件，命名为“文字”。在图层11上新建图层12，导入图片“image3.jpg”，放置在舞台中间偏左的位置，并转换为图
10、形元件，命名为“车”。此时“文字”和“车”的位置如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社 13）同时选中图层11和图层12的第178帧，按F6键插入关键帧。将“文字”向右移动，“车”向左移动，此时两者的位置如图所示。同时选中第168帧的“文字”和“车”，在属性面板设置其Alpha值为0，创建第168帧到第178帧的补间动画。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社14）在图层11和图层12的
11、第220帧和第230帧分别按【F6】键插入关键帧。选中第230帧中的“文字”，将其向右水平拖动一段距离，并将其Alpha值设为0。再选中第230帧中的“车”，将其向左水平拖动一段距离，并将其Alpha值设为0。创建图层11和图层12第220帧到第230帧的补间动画。15）在图层12的第231帧插入空白关键帧，从库中将图形元件“背景”拖入到舞台上，并与舞台对齐。在第245帧插入关键帧，选中第231帧中的背景设置其Alpha值为0，创建第231帧到第245帧的补间动画。因为动画是循环播放的，这一步就是使动画的结尾和开头有一个过渡。16）保存并测试动画。机械工业出版社 Flash8动画设计实例教程中
12、等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社注意：注意：网页中的banner是一个广告，因此一般我们在动画制作完之后，还要在动画的最上层做一个透明的按钮，这样网页浏览者如果对这个banner宣传的内容感兴趣，可以马上点击进入相关的页面就行浏览。给这个汽车banner加上透明的按钮的操作步骤如下：机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社1）打开“汽车banner”动画，单击【插入】【新建元件】命令，在弹出的对话框中输入名称“透明按钮”，类型为按钮。点击
13、确定，进入“透明按钮”元件的编辑窗口。在第4帧插入关键帧，绘制一个无边框、填充为任意色的矩形。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社2）回到场景1，在图层12上新建图层13。将库中的“透明按钮”拖放到舞台上，在信息面板输入参数，使其与舞台大小一致，并与舞台对齐。信息面板参数如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社3）选中“透明按钮”，打开动作面板，输入动作命令:on(release);这样
14、点击动画后就可以链接到其它的网页上了 Banner制作完毕。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社8.1.2 网页导航条的制作技巧实例导航条在网页中起着很重要的作用，它不仅是整个网站的方向标，而且还能体现整个网站的内容，如同书的目录一样，点击导航条中的图像可以链接到不同的页面。用Flash制作导航条，实际上就是做若干个按钮排列在一起，每一个按钮可以链接到一个页面上去。下面以一个基本的横式导航条为例，操作步骤如下：机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”
15、规划教材规划教材电子商务专业电子商务专业机械工业出版社1)新建一个Flash动画文件。2）点击【修改】【文档】命令，在打开的文档属性对话框中，设置舞台大小为95090，帧频为24。3）点击【文件】【导入】【导入到舞台】命令，找到文件“image1.png”和“image2.png”，导入到舞台上，将image1覆盖到image2的左端，锁定图层1，如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社4）点击【插入】【新建元件】命令，在打开的对话框中输入名称“收缩的方块”，类型为影片剪辑。点击确定经入
16、该元件的编辑窗口。使用矩形工具绘制一个没有边框，填充为白色，大小为7545的矩形，并将其转换为图形元件。由于背景也是白色，难以区分，我们可以将背景颜色改为黑色，等动画完成后重新改为白色。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社5）在该图层的第10帧按【F6】键插入关键帧，选中矩形，在信息面板设置其宽度为1。信息面板如图所示。在第1帧上点击右键，选择“创建补间动画”。在第12帧插入关键帧，选中这个小矩形，设置其Alpha值为0，创建第10到第12帧的补间动画。6）选中第12帧，打开动作面板，输入动作
17、命令“stop；”，影片剪辑在播放一次后停止。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社7）点击【插入】【新建元件】命令，在打开的对话框中输入名称“首页”，类型为按钮。点击确定进入按钮的编辑窗口。在第1帧用文本工具输入文字“首页”，设置字体为华文新魏，字号为18，白色加粗，字间距为-3。属性面板如图所示。将文字对齐到舞台正中间位置，在第三帧按【F5】键插入帧，锁定该图层。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工
18、业出版社8）在图层1上新建图层2，并把图层2拖到图层1下方。在图层2的第2帧插入空白关键帧，从库中将元件“收缩的方块”拖放到舞台正中间位置上，与文字对齐。并设置其Alpha值为33。9）在图层2的第3帧插入空白关键帧，选中第4帧，使用矩形工具重新绘制一个没有边框，填充为白色，大小为7545的矩形，并对齐到舞台正中间。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社10）回到场景1，在图层1上新建图层2，打开库面板，将按钮元件“首页”拖放到舞台上，位置如图所示。选中该按钮，打开动作面板输入动作命令：on(r
19、elease)getURL();引号中的代表该按钮所链接到的网页的网址或路径。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社11）重复步骤7到10，制作其他的按钮分别放到对应的位置上，最终效果如图所示。将背景重新改为白色，保存并测试动画。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社8.1.3 Flash网站设计综合实例Flash网站一般以图形和动画为主，比较适合制作那些文字内容不太多，以平面、动画效果为主的网站
20、，例如企业品牌推广、特定网上广告、网络游戏、个性网站等。制作全Flash网站和制作html网站类似，事先应先在纸上画出结构关系图，包括：网站的主题、要用什么样的元素、用什么风格的音乐、整个网站有几个网页，各网页之间的联系等等。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社网站做法分为两种：网站做法分为两种：一种是把网站做成很多个Flash文件，例如每个页面单独做成一个flash文件，然后再进行连接调用，这样做的好处是修改容易，且思路清晰，比较适合页面多，比较复杂的网站。另外一种就是将所有内容都做在一个F
21、LASH文件当中，这种方法适合制作页面少，比较简单的网站。本例采用第二种方法。本实例制作的是一个个人网站，站点的主题是My World，共有5个页面。制作流程为：loading片头动画站点首页和其他各级页面添加按钮和声音。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社第一步 制作loading1）新建一个Flash动画文件。2）点击【修改】【文档】命令，在打开的文档属性对话框中，设置舞台大小为770600，背景颜色为淡灰色（CECFCE），帧频为30。3）点击【文件】【导入】【导入到舞台】命令，在打开的
22、对话框中找到文件“media”导入到舞台上，并与舞台对齐，图层1改名为“背景”，第200帧插入帧，锁定该图层。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社4）点击【插入】【新建元件】，命名为loading，影片剪辑类型。点击确定进入该元件的编辑窗口，使用矩形工具绘制一个灰色边框黑色填充的的长条矩形，将矩形边框剪切到剪切板，新建图层2，将边框粘贴到当前位置。5）选中图层1，在边框下方输入白色文字“loading”，在第100帧插入帧。选中图层2，在第100帧插入关键帧。选中第一帧中的矩形，使用任意变形工
23、具将其向左压缩，创建第1到第100帧的补间动画。如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社6）回到场景1，新建图层2改名为“loading”，将做好的loading元件放在舞台正中间位置。选中该影片剪辑，在动作面板输入命令：onClipEvent(load)total=_root.getBytesTotal();onClipEvent(enterFram
24、e)loaded=_root.getBytesLoaded();percent=int(loaded/total*100);text=percent+%;gotoAndStop(percent);if(loaded=total)_root.gotoAndPlay(2);在第2帧插入空白关键帧。loading制作完毕。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社第二步 制作片头动画 1）新建图层3，改名为“白色背景”。第2帧插入空白关键帧，在舞台上绘制一个无边框745409的白色矩形。将矩形转换为图形元
25、件，第15帧插入关键帧，将第2帧的矩形缩小，创建第2帧到第15帧的补间动画。第280帧插入帧，锁定该图层。如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社2）新建图层4，改名为“左背景”。第20帧插入空白关键帧，在白色矩形左边绘制一个无边框285383的圆角矩形，填充色为F0F0F0。将矩形转换为图形元件，在第40帧插入关键帧，将第20帧的矩形缩小，创建动画补
26、间完成矩形由小变大的过程。锁定该图层。3）新建图层5，改名为“右背景”。第20帧插入空白关键帧，同上一步方法，在白色背景右边做一个圆角矩形由小变大的动画。该矩形大小为426.6381.6。效果如图。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社4）新建图层6，改名为“圆圈”。第20帧插入空白关键帧，使用椭圆工具绘制几个白色小圆作为左背景的图案。如图所示。锁定该图层。机
27、械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社5）点击【插入】【新建元件】，命名为“导航条”，图形类型。点击确定进入该元件的编辑窗口，使用矩形工具和直线工具绘制一个导航条，并在上面输入文字。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社6）回到场景1，新建图层7，在第20帧插入空白关键帧，将导航条元件拖放到舞台上方，如右图。在第35帧插入关键帧，将导航条向下移动到舞台。如图所示。创建第20到第35帧的补间动画。锁定
28、该层。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社7）新建图层8，改名为“标题”。在第20帧插入关键帧，在舞台左上角输入文字“My World”，文字属性设置如图 机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社8）点击【插入】【新建元件】，命名为“女孩”，影片剪辑类型。点击确定进入该元件的编辑窗口，使用椭圆工具和直线工具绘制一个阴井的图形，如图所示。将该图形转换为图形元件，在第22、70、85帧分别插入关键帧，
29、将第1和第85帧中的图形缩小，创建第1到第22，第70到第85帧的动作补间，完成阴井由小变大，再变小的过程。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社9）新建图层2，第24帧插入关键帧，从打开的外部库中将位图Media 13拖放到舞台上，位于阴井上方，将该图片转换为图形元件。在第65帧插入关键帧，并将第24帧的元件向下移动，制作动作补间。完成女孩由井下上升到地面的效果。10）新建图层3，第24帧插入关键帧，在井的上方绘制一个任意颜色的形状块，使他刚好能遮盖住女孩图形。图层3转换为遮罩层，图层2为被遮
30、罩层。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社11）新建图层4，在第85帧插入关键帧，在女孩嘴边绘制一个如图所示的红色圆球，作为泡泡糖。将该图形转换为影片剪辑类型的元件，命名为“泡泡”。双击进入“泡泡的编辑窗口。12）将图层1的泡泡图形再次选中，转换为图形元件。在第150帧插入关键帧，将第1帧中的泡泡压缩变小，创建第1到第150帧的动作补间，完成泡泡由小变大的过程。第154帧插入空白关键帧。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务
31、专业电子商务专业机械工业出版社12）将图层1的泡泡图形再次选中，转换为图形元件。在第150帧插入关键帧，将第1帧中的泡泡压缩变小，创建第1到第150帧的动作补间，完成泡泡由小变大的过程。第154帧插入空白关键帧。13）新建图层2，第150帧插入空白关键帧，绘制一个如图所示的多角星形并转换为图形元件。第155和160帧分别插入关键帧，将第155帧中的图形放大，创建第150到第155，第155到第160的动作补间，完成多角星形由小变大，再变小的过程。第161帧插入空白关键帧，第240帧插入帧作为延续。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教
32、材电子商务专业电子商务专业机械工业出版社14）回到“女孩”影片剪辑的编辑窗口，新建图层5，在第85帧插入关键帧，打开动作面板输入命令“stop();”，这样，这个影片剪辑播放一次就会停止。15）回到场景1，新建图层9，改名为“女孩”。在第30帧插入空白关键帧，将做好的“女孩”影片从库中拖放到舞台左下方。CtrlEnter键测试影片，调整“女孩”影片的位置。效果如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教
33、材规划教材电子商务专业电子商务专业机械工业出版社第三步 制作主页及其他页面 1）点击【插入】【新建元件】，命名为“内容背景”，图形类型。点击确定进入该元件的编辑窗口。导入图片Media3，放到舞台正中间，并转换为图形元件。第15帧插入关键帧，将第1帧中图片的缩小，创建补间动画。2）新建图层2，在第10帧插入空白关键帧，将图片media4导入到舞台上，位于方形左边。将该图片转换为元件，在第15帧插入关键帧，将第10帧的图片向左压缩，创建补间动画。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社3）新建图层3
34、，在该图层使用步骤2的方法，在方形右边制作一个相同的动画。时间轴与效果如图所示 机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社4）回到场景1，新建图层10，改名为“内容背景”。在第80帧插入关键帧，将“内容背景”从库中拖放到舞台上，选中该元件，打开属性面板，设置为播放一次。如左图。5）选中“内容背景”图层的第80帧，打开属性面板，输入帧标签为“home”，说明主页home从第80帧开始。如右图。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专
35、业电子商务专业机械工业出版社6）新建图层11，改名为“网页内容”。在第110帧插入关键帧，在内容背景区域输入主页Home的图片和文字内容。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社7）新建图层12，改名为“内容遮罩”。在第110帧插入关键帧，使用矩形工具绘制一个与内容背景一样大小的矩形，颜色任意。在第120帧插入关键帧，选中第110帧中的矩形，用任意变形工具将其向上压缩，创建第110到120帧的形状补间动画。将图层“内容遮罩”设为遮罩层。第110帧和第120帧遮罩矩形如图所示。机械工业出版社 Fla
36、sh8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社8）新建图层13，改名为“AS”。在第120帧插入关键帧，选中该帧，在动作面板输入命令“stop();”。主页Home制作完毕，从第80帧开始到第120帧结束。9）选中“内容背景”图层第121帧，插入关键帧。在属性面板设置帧标签为“about me”，表示第二个页面从该帧开始。选中121帧中的“图形背景”元件，在属性面板设置为“从第1帧开始，播
37、放一次”。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社10）解除“网页内容”图层的锁定，分别选中第121帧和第150帧插入空白关键帧，选中第150帧在舞台上输入第2个页面的内容。11）选中图层“内容遮罩”的第110帧到第120帧之间的所有帧，复制这些帧，并粘贴到该层的第150帧处。选中图层“AS”的第160帧，插入关键帧，在动作面板输入命令“stop();”。第二个页面制作完毕，从第121帧开始到第160帧结束。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教
38、材规划教材电子商务专业电子商务专业机械工业出版社重复步骤9-11，制作其他3个页面。页面my picture从第160帧开始到第200帧结束；页面diary从第201帧开始到第240帧结束；页面contactme从第241帧开始到第280帧结束。这两个页面的时间轴效果如图所示：网页制作完毕。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社第四步：插入按钮和声音1）点击【插入】【新建元件】，命名为“透明按钮”，按钮类型。点击确定进入该元件的编辑窗口。用鼠标在“点击”帧上插入关键帧，使用矩形工具绘制一个无边框
39、任意颜色得矩形块。这是一个透明的按钮。2）回到场景1，在图层“导航条”上新建图层14，改名为“按钮”。在第35帧插入关键帧，从库中拖出5个透明按钮，分别放置在导航条5个项目上，并根据项目长短调整隐形按钮的大小机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社3）选中“HOME”上方的透明按钮，打开动作面板，添加动作“on”。再添加动作“goto”，注意，要在脚本助手中选择“帧标签”，“home”，这样，点击HOME上的透明按钮后会跳转到添加了“home”标签的帧上开始播放。4）采用同样的方法，为其他4个按钮
40、添加动作，他们分别跳转到帧标签为“about me”、“my picture”、“diary”、“contact me”的帧上继续播放。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社5）将所使用到的声音素材“Media1.wav”、“Media3.wav”、“Media6.wav”、“Media10.wav”、“Media12.wav”、“Media14.wav”、“Media15.wav”、“Media19.wav”导入到库中 6）首先添加背景音乐。在AS图层上新建图层，改名为声音。在第二帧插入关键帧
41、，打开属性面板设置声音为“Media1.wav”、同步为“事件”，重复0次。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社7）在第35帧插入关键帧，添加声音“Media12.wav”，同步为“事件”，重复0次。在第82、123、163、203、243帧分别插入关键帧，并分别添加声音“Media3.wav”，同步为“事件”，重复0次。8）在第77帧插入关键帧，添加声音“Meida19.wav”，同步为“事件”，重复999次。这个是主要的背景音乐，因此要不停的重复播放。机械工业出版社 Flash8动画设计实
42、例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社9）给按钮添加声音。打开“透明按钮”元件，新建图层2，在“指针经过”帧插入关键帧，添加声音“Meida10.wav”，同步为“事件”，重复0次。在点击帧插入关键帧，添加声音“Media6.wav”，同步为“事件”，重复0次。10）给影片剪辑添加声音。打开“泡泡”元件，新建图层3，在第33帧插入关键帧，添加声音“Meida14.wav”，同步为“事件”，重复0次。在第155帧插入关键帧，添加声音“Meida15.wav”，同步为“事件”，重复0次。最后按【Ctrl】【Enter】键测试影片进行修改
43、，个人网站制作完成。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社8.2 利用利用Flash进行电子相册的制作进行电子相册的制作技巧技巧宠物电子相册制作方法宠物电子相册制作方法：1）新建一个Flash动画文件。点击【修改】【文档】命令，在打开的文档属性对话框中，设置舞台大小为800600，帧频为12。2）将图层1改名为“背景”。我们首先来绘制背景，使用直线工具和箭头工具在舞台上绘制如图所示的线条。然后给4个部分填充颜色，每部分颜色RGB值如图所示。然后将线条全部删除，只剩下颜色块。在第9帧插入帧，锁定该
44、层 机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社3）新建图层2，改名为“图案文字”。使用矩形工具，在舞台中心绘制一个圆角矩形，边框是粗细为5的红色点状线，填充色为30透明度的白色。然后再绘制一个白色的小狗爪子的图案，并转换为元件“狗爪”。4）使用文本工具在舞台上输入文字“Photo Album”，字体为Arial Baltic，70号，颜色值为D64100，加粗，字
45、间距为-3，然后将其顺时针旋转90度，放置在舞台左侧。在舞台中心输入文字“My Pets”，字体为DFKanTingLiu-B5，90号，白色，加粗，字间距为2。然后在第2帧插入空白关键帧，锁定该层。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社5）新建图层3，改名为“照片背景”。使用矩形工具绘制一个大矩形，边框是粗细为5的红色点状线，填充色为30透明度的白色，放置在
46、舞台偏下的位置。然后在舞台左上角输入文字“My Pets Album”，字体为DFKanTingLiu-B5，90号，白色，加粗。然后从库中将“狗爪”元件拖放到文字右边，效果如图所示。锁定该层。6）新建图层4，改名为“遮罩”。第2帧插入关键帧，点击【视图】【标尺】命令，从标尺处拖出2条水平辅助线，纵坐标分别为100和550；再拖出2条垂直辅助线，横坐标分别为50和750。然后在辅助线围成的方形处绘制一个任意颜色矩形，如图所示。这个矩形实际上就是播放相片的窗口。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版
47、社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社7）新建图层5，拖放在“遮罩”层下方，并改名为“相片”，将“遮罩层”隐藏。点击【文件】【导入】【导入到库】命令，将图片1.jpg至8.jpg导入到库中。在“相片”层的第2帧插入关键帧，从库中将图片1.jpg拖放到舞台上，调整其大小和位置，使其能充满辅助线围起的矩形框。8）在图层“相片”的第3帧插入空白关键帧，将图片2.jpg拖放到舞台上，调整其大小和位置。使用相同的方法，继续插入空白关键帧并放入图片，最终将8张图片全部放进“相片”图层，每个关键帧中有一张图
48、片。9）显示“遮罩”图层，并在该层上点击右键，选择“遮罩”，“相片”图层为被遮罩层。时间轴及效果如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社10）“遮罩”层上新建图层6，改名为“按钮”。选中第一帧，在矩形框下输入文字“entry”，字体为Arial，30号，白色。将文字转换为按钮元件，打开其编辑窗口，在“点击”帧插入关键帧，在文字位置绘制一个小矩形做为点击
49、反应区。11）回到场景1，选中该按钮，在动作面板输入命令：on(release)nextFrame();再选中“按钮”层的第一帧，在动作面板输入命令“stop();”。这样，动画不会自动播放，只有当点击按钮后才会跳转到第2帧。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社12）在第2帧插入空白关键帧，单击【窗口】【公用库】【按钮】命令，在打开的公用按钮库中，找到classic buttons 文件夹下ovals文件夹中的按钮，依次从库中拖出红色、黄色、绿色、橙色四个按钮放在舞台右上方，从左到右水平排列。
50、13）使用文本工具在红、黄、绿、橙4个按钮下依次输入文字“Home”、“Back”、“Next”、“Exit”，字体为Arial Black，15号，白色，加粗。按钮及文字位置如图所示。机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社机械工业出版社 Flash8动画设计实例教程中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社14）选中红色按钮，在动作面板输入：on(release)gotoAndPlay(1);/返回第一帧；选中黄色按钮，在动作面板输入：on(