网页制作技术与案例精解.ppt

《网页制作技术与案例精解.ppt》由会员分享，可在线阅读，更多相关《网页制作技术与案例精解.ppt（26页珍藏版）》请在三一办公上搜索。

1、教材：网页制作技术与案例精解主编：赖步英 清华大学出版社(2009.8),网页制作技术与案例精解,2,第9章 Flash CS3让网页动起来,在网页设计中，除了在网页中插入文字、图片、表格、层等元素外，动画也是不可少的一种网页元素。网页设计中的动画设计，一般采用Flash动画制作软件来制作。利用包含Flash创作工具、渲染引擎，我们可以制作出各式各样的Flash动画来为网页增添动态美感。主要内容:任务1 Flash动画原理任务2 Flash基础任务3 制作一个按钮元件任务4 制作一个逐帧动画任务5 制作一个补间动画任务6 创建遮罩动画任务7 创建交互动画任务8 声音任务9 Flash影片的发布

2、,3,任务1 Flash动画原理,知识点：Flash CS3动画原理、功能和应用1传统动画、实时动画和电脑动画传统动画（Conventional Animation）是连续画面（Frame By Frame）的动画。实时动画（Realtime Animation）是电脑应用于动画制作之后产生的一个全新概念。电脑动画（Computer Animation）是指使用计算机产生动画效果。2Flash CS3的特点与主要功能Flash CS3（CS就是Creative Suite的意思）是两个媒体设计界巨头合并后于2007年开发的新版Flash动画制作软件，它的特点与主要功能见教材3Flash CS3

3、应用领域在现阶段，Flash CS3应用的领域主要有以下。娱乐短片;片头;广告;MTV;导航条;小游戏：应用程序开发的界面;开发网络应用程序等.,返回目录,4,知识点：认识Flash CS3工作窗口1Flash CS3的工作窗口Flash CS3工作窗口一般包括标题栏、菜单栏、时间轴、工具栏、工作区、填充色、帧动作面板、属性面板和浮动面板等。1）工具栏:工具栏分为工具、查看、颜色和选项4个区域。2）浮动面板:浮动面板位于工作窗口的右侧，可以根据用户的需要任意关闭或打开。3）属性面板:“属性”面板位于视图的最下方，在工作区中编辑的每个对象，在其选中状态下，都将在“属性”面板中显示其常规信息，并且

4、可以在属性面板中对其信息进行修改。4）菜单栏:动画制作所需要的所有操作选项均保存在菜单栏中。5）舞台、工作区、场景:工作窗口下半部分的灰色区域是工作区，工作区中的白色区域称为舞台，它是绘制静态画面的区域。6）时间轴窗口:时间轴位于工作区的上方。,任务2 Flash基础,返回目录,5,知识点：创建元件和转换为元件1元件的创建执行下面的步骤可创建元件。（1）选择“插入”|“新建元件”命令，弹出“创建新元件”对话框。（2）在“名称”文本框中为新元件命名。“类型”选项组中包括以下3种选项。影片剪辑：使用影片剪辑元件可以创建可重用的动画片段。图形：图形元件可用于静态图像，并可用于创建连接到主时间轴的可重

5、用的动画片段。按钮：使用按钮元件可以创建响应鼠标点击、滑过或其他动作的交互，可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。2转换元件,转换方法如下：（1）选中需要转换的图像。（2）选择“修改”|“转换为元件”命令，在“转换为元件”对话框中选择新元件的类型.,任务3 制作一个按钮元件,返回目录,6,操作步骤：（1）启动Flash CS3，新建一个Flash文档，利用“椭圆”工具在场景1中绘制一个椭圆，设置椭圆线条粗细为5.75，填充色为无。（2）利用“橡皮”工具在椭圆顶端和底端擦出一个缺口。（3）利用“铅笔”工具在椭圆形顶端画一条根茎。（4）利用“选择”工具将“苹果”选中，把苹果转

6、换为按钮。（5）在时间轴的“指针经过”下方的空格处右击，选择“插入关键帧”。选中“苹果”，利用“变形”工具将“苹果”的大小设置为高为130，宽为130。（6）利用“文字工具”在“苹果”图形上面输入“APPLE”。（7）在时间轴上的“按下”下方的空格处右击，选择“插入关键帧”。选中文字“APPLE”并将它删除，利用“橡皮”工具将“红苹果”擦成如图9-7所示的形状。（8）在时间轴“点击”下方的空格处右击，选择“插入关键帧”。单击“场景1”，选择“控制”|“测试影片”命令测试“动感红苹果”。（9）保存文件，选择“文件”|“导出”|“导出影片”命令。,【案例9-1】创建动感“红苹果”按钮,返回目录,7

7、,知识点：帧、关键帧和逐帧动画1帧和关键帧动画是由若干张连续播放动画的画面组成的，帧正是组成动画的单一画面，是动画中最小的时间单位。关键帧可定义在动画中的变化的帧。创建逐帧动画时，每个帧都是关键帧。在补间动画中，可以在动画的重要位置定义关键帧，让Flash创建关键帧之间的其他帧。关键帧在时间轴中有明显的标志：有内容的关键帧以该帧前面的实心圆表示；空白关键帧之间的其他帧则以该帧前面的空心圆表示，以后添加到同一层的帧的内容将和关键帧相同。2制作逐帧动画创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。每个新关键帧最初包含的内容与它前面的关键帧一样，因此可以递增地修改动画中的帧。

8、,任务4 制作一个逐帧动画,返回目录,8,操作步骤：（1）选择“文件”|“新建”命令，设置场景尺寸宽为550像素、高为200像素，背景颜色为黑色。（2）在图层1中创建一个橘红色矩形（宽550，高150），作为主画面。在时间轴上的第45帧处右击选择“插入帧”。（3）新建图层即“图层2”，在此层的时间轴上单击第1帧，选取“文本”工具，输入第一个文字“广”。设置文字为宋体，白色，字号为50。（4）在“图层2”的时间轴中第5帧上右击，在弹出的快捷菜单中选择“插入关键帧”，选取“文本”工具在“广”后面输入文字“州”。（5）按步骤（4）相同的方法，依次在第10、15、20、25、30、35、40、45等帧

9、处右击选择“插入关键帧”，并依次输入文字“外”、“语”、“艺”、“术”、“职”、“业”、“学”、“院”，如图9-10所示。（6）测试影片按组合键Shift+Enter，可以看见文字的打印效果。（7）保存文件，选择“文件”|“导出”|“导出影片”命令，以dazi.swf文件名保存在,【案例9-2】逐帧动画打字效果,返回目录,9,【案例9-3】逐渐消失的“爱”,操作步骤：（1）启动FlashCS3，新建文档，将文档属性设置为：高为400像素，宽为400像素，背景颜色为白色。（2）选取“文本”工具，在舞台中输入“爱”字（字体为华文楷体，字号为96，颜色为红色），并使用“变形”工具放大为宽200高19

10、7.5，如图9-11所示。（3）用“选择”工具选中“爱”字，选择“修改”|“分离”命令，将“爱”字打散，在图层一时间轴上的第5帧处右击并在弹出的快捷菜单中选择“插入关键帧”。（4）单击第5帧处的关键帧，选取“橡皮”工具，擦掉“爱”字底部的小部分，同样在第10帧处右击并在弹出的快捷菜单中选择“插入关键帧”，再选取“橡皮”工具，擦掉“爱”字的下半部分，依次类推，直到第30帧，把“爱”字从下往上逐渐擦掉，如图9-12所示为第5帧和第15帧“爱”字被擦除的效果。（5）以ai.fla保存在“chap9案例9-3”文件夹中。（6）测试并导出影片，选择“文件”|“导出”|“导出影片”命令，以ai.swf文件

11、名保存在“chap9案例9-3”文件夹中。,返回目录,10,【案例9-4】夜晚天空上闪烁的星星,返回目录,11,客户端,服务器端,【案例9-4】夜晚天空上闪烁的星星操作步骤：（1）新建一个Flash文档，设置文档大小为550像素宽、400像素高，背景色设置为黑色。（2）在“图层1”中选取“椭圆形”工具，并在“属性”面板中设置填充色为“白色”，描边颜色为“无”，在舞台中绘制一个椭圆形。（3）选中整个椭圆，选择“编辑”|“复制”命令，选择“编辑”|“粘贴到中心位置”命令，则复制一个相同的椭圆形。将复制的椭圆形旋转45，并与椭圆形中心点对齐，同理再复制两个相同的椭圆形，得到了一个星形。（4）选择“编

12、辑”|“全选”命令，将“星形”全部选中，选择“修改”|“转换元件”命令，设置类型为图形，把星形转换为图形元件1。（5）将留在场景中的星形元件全部删除，在场景中利用“椭圆工具”绘制一个圆形，改变颜色，使圆形变为光晕效果。然后，选择“修改”|“转换为元件”命令，设置类型为图形，转换为元件2。,任务5 制作一个补间动画,返回目录,12,（6）将留在场景中的圆形元件全部删除，选择“插入”|“新建元件”命令，在打开的对话框中设置类型为“影片剪辑”，新建一个“影片剪辑”元件3，进入元件3的编辑模式，打开“库”面板，分别把“星形”元件1和“光晕”元件2拖拽到元件3场景中，使得“光晕”和“星形”元件中心点重合

13、。（7）在元件3“图层1”的时间轴上，分别在20、40、60帧处插入关键帧。利用“选择”工具，分别在第1、20、40、60帧中单击元件1或元件2（星形或圆），设置“颜色”为“色调”，设置第1帧为白色。设置第20帧的RGB为204、153、0。（8）在元件3的“图层1”的时间轴中，选取“任意变形”工具，分别对第20帧、第40帧和第60帧处的“星形”元件1进行缩放、旋转。然后，在第80帧处右击，选择“插入关键帧”。（9）单击“场景1”，回到“场景1”中，打开“库”面板，将“影片剪辑”元件3拖拽到场景中，选取“任意变形”工具，将在场景中的“元件3”缩放、旋转到适当大小。（10）用“选择”工具选中场景

14、中的“元件3”，选择“编辑”|“复制”命令，选择“编辑”|“粘贴到中心位置”命令，（11）测试影片，保存文件,选择“文件”|“导出”|“导出影片”命令。,返回目录,13,【案例9-5】创建位置和旋转动画,操作步骤：（1）新建一个Flash文档，设置文档宽为500、高为395，背景色为白色，（2）选择“文件”|“导入”|“导入到库”，选择图像文件（涡1.jpg），将“涡1.jpg”拖放到舞台中作为背景，在时间轴上第40帧右击，选择“插入关键帧”。（3）新建“图层2”，使用“文字”工具，输入文字“Flash CS3”，选中文字，选择“修改”|“转换为元件”命令，将类型设置为图形。（4）在“图层2”

15、的第1帧处选取“任意变形”工具，单击“Flash CS3”文字，将其缩小并拖放到背景画面底部，并在“属性”面板中设置其颜色和色调。（5）在第10帧处右击并选择“插入关键帧”命令，选取“任意变形”工具，在舞台上将该帧“Flash CS3”文字放大并移动到画面中央，并设置其颜色为红色。（6）在第15帧处右击并选择“插入关键帧”命令，用“变形”工具将“Flash CS3”文字缩小并旋转，并设置其颜色为白色。（7）在第20帧处右击并选择“插入关键帧”命令，使用“变形”工具使文字旋转倒置并放大，设置其颜色为粉红色.（8）在第30帧处右击并选择“插入关键帧”命令，使用“变形”工具使文字旋转正放并放大，设置

16、其颜色为白色。（9）在第40帧处，右击并选择“插入关键帧”命令，使用“变形”工具使文字旋转正放并放大，设置其颜色为白色。（10）选中第1、15、20、30帧，右击并选择“创建补间动画”命令。（11）测试影片。选择“文件”|“导出”|“导出影片”命令，保存动画。,返回目录,14,知识点：网站开发流程,知识点：遮罩动画遮盖项目可以是填充的形状、文字对象、图形元件的实例或影片剪辑。可以将多个图层组织在一个遮罩之中，以创建复杂的效果。创建遮罩层时，可以将遮罩项目放置在需要用作遮罩的层上。与填充或笔触不同，遮罩项目好像是个窗口，透过它可以看到位于它下面的链接层区域。除了透过遮罩项目显示的内容之外，其余的

17、所有内容都被遮罩层的其余部分隐藏起来。一个遮罩层只能包含一个遮罩项目。按钮内部不能有遮罩层，也不能将一个遮罩层应用于另一个遮罩层。,任务6 创建遮罩动画,返回目录,15,（1）新建文档，宽550、高300，背景为黑色，新建一个图层并命名为TEXT，单击TEXT层的第1帧，选取“文字”工具，在舞台中输入“中国益智网”文本，在属性面板中，设置文本为宋体，大小为70，颜色为蓝色。在TEXT层中的第30帧处右击并选择“插入关键帧”命令。（2）单击“文件”|“导入”|“导入到库”命令，选择图像文件(船.gif），作为移动的背景图像。（3）双击“图层1”名称改名为“遮盖层”。单击“遮盖层”的第1帧，将“库

18、”面板中的“船”元件1拖放到画面右侧，选择“修改”|“转换为元件”命令，选择类型为图形。（4）在“遮盖层”的第30帧处右击并选择“插入关键帧”命令。单击“遮盖层”层的第30帧，将“船”元件1移动到画面的最左侧.（5）在“遮盖层”层时间轴上的第130帧之间任意帧处右击，选择“创建补间动画”命令，设置图层为移动补间动画。（6）对着TEXT图层右击，选择“遮罩层”命令。（7）测试影片。选择“文件”|“导出”|“导出影片”命令，保存动画.,【案例9-6】制作一个遮罩动画,返回目录,16,操作步骤：（1）新建Flash文档，设置文档大小：宽为500、高400。选择“文件”|“导入”|“导入到库”命令，分

19、别导入4张不同的新闻图像文件（1.jpg，2.jpg,3.jpg，4.jpg）。（2）选择“插入”|“新建元件”命令，选择类型为图形，将“库”面板中的“1.jpg”图像拖放到元件1的舞台上，则把“1.jpg“图像转换为图形元件1。用相同方法分别把其他3幅图像转换为图形元件24。（3）单击“场景1”，在“图层1”的第1帧处单击，将“库”面板中的“元件1”拖放到场景中央的位置。（4）在“图层1”的第10、15、25帧处分别右击选择“插入关键帧”，在第1、25帧处分别单击场景中的元件1图像，在其属性面板中设置“颜色”为“Alpha”，值为“0%”，在第10、15帧处分别单击场景中的元件1图像，在其属

20、性面板中设置“颜色”为“Alpha”，值为“100%”，在第110帧之间任意帧处右击，选择“创建补间动画”命令，同样，在第1525帧之间任意帧处右击，在弹出的快捷菜单中选择“创建补间动画。（5）在“场景1”的“图层1”上面新建“图层2”，在25帧处右击并选择“插入关键帧”命令，将“库”中的元件2拖放到场景中，并移动到场景右侧。,【案例9-7】新闻广告片头,返回目录,17,（6）在“图层2”的第35帧处插入关键帧。单击选中第35帧，移动元件2到场景中央。在第40、50帧分别插入关键帧，单击选中第50帧，移动元件2到场景左侧。在第2540帧之间的任意一帧处右击并选择“创建补间动画”，同样，在第40

21、50帧之间的任意一帧处右击并选择“创建补间动画。（7）在“图层2”上面新建“图层3”，在第50帧处插入关键帧，从“库”中导入元件3到场景中，并移动到场景上方。（8）在“图层3”的第60帧处插入关键帧。单击选中第60帧，移动元件3到场景中央。在第65、75帧处插入关键帧，单击选中第75帧，移动元件3到场景下方。单击选中第50、75帧，利用“变形”工具缩小元件3并旋转180。分别在第50、65帧处右击，在弹出的快捷菜单中选择“创建补间动画”命令，设置补间动画，并在“属性”面板中设置旋转，逆时针转2次，如图9-29所示。（9）在“图层3”上面新建“图层4”，在第75帧处插入关键帧，从“库”中导入元件

22、3到场景中，并移动到场景中央。（10）在“图层4”的第85、90、100帧处插入关键帧，单击选中第100帧，利用“变形”工具先把元件4旋转180，并缩小元件4的宽和高直到0。在第75、100帧处单击，在元件4属性面板中，调整“颜色”为“Alpha”，值为0%。分别在第75、90帧处右击，在弹出的快捷菜单中选择“创建补间动画”命令，设置补间动画，并在第75帧处元件4的“属性”面板中设置旋转，顺时针转2次，如图9-30所示。（11）测试影片。选择“文件”|“导出”|“导出影片”命令，保存动画。,返回目录,18,任务7 创建交互动画,【案例9-8】鼠标悬停动画操作步骤：（1）新建一个Flash文档，

23、改变文档大小，宽为240，高为131像素。从外部导入4幅图（1.jpg，2.jpg，3.jpg，4.jpg）到“库”中，并分别转换为4个图形元件。（2）选择“插入”|“新建元件”命令，选择类型为按钮，单击“确定”按钮，建立一个按钮“元件5”。（3）在按钮“元件5”的“弹起”下面空格处单击，然后，将“库”面板中的图形元件1拖拽到舞台中央位置。（4）在“鼠标经过”下面空格处右击并选择“插入关键帧”命令，单击舞台中的图形，并在其“属性”面板中设置“颜色”为“亮度”，亮度值为“16%”。（5）同样，按照步骤（2）（4）分别建立3个按钮元件，并将其他3个图形元件分别加入到3个按钮元件中，然后，采用和设置

24、按钮“元件5”一样的方法设置3个按钮元件的属性。（6）选择“插入”|“新建元件”命令，选择类型为“影片剪辑”，单击“确定”按钮，则建立一个“影片剪辑”元件9，单击时间轴上的第1帧，依次将“库”面板中的4个按钮元件拖拽到“影片剪辑”元件9中，并将4个按钮元件并排放着。,返回目录,19,（7）在“影片剪辑”元件9的第60帧和第120帧处分别插入关键帧，单击选中第60帧，单击4个按钮元件，按下向右方向键不放直到4个按钮元件向右移动两幅图的位置。在第1帧60帧的任意一帧上右击并在弹出的快捷菜单中选择“创建补间动画”命令，在第60120帧的任意一帧上右击并选择“创建补间动画”命令，使影片剪辑中的按钮左右

25、来回移动。（8）在“库”面板中双击“补间1”前面的图标，进入“补间1”编辑模式。（9）在“补间1”的舞台上右击第一个按钮元件5，选择“动作”命令，如图9-36所示，在“动作-帧”面板的右边文本框中输入如下方框中的语句（或单击“+”按钮并在弹出的快捷菜单中选择“全部函数”|“影片剪辑控制”|“on”命令）。On（rollOver）Stop();On（rollOut）Play();（10）在“补间1”的舞台上依次单击其他3个按钮元件，然后，在“动作-帧”面板右边的文本框中依次输入上面方框中的语句。（11）单击“场景1”，将“库”中的“影片剪辑”元件9拖拽到场景中，并测试影片。（12）保存文件，选择

26、“文件”|“导出”|“导出影片”命令，,返回目录,20,知识点：为动画添加声音1导入声音Flash在库中保存声音、位图和元件。与图形元件一样，只要有一个声音文件的副本，就可以在文档中以各种方式使用这个声音。2为动画添加声音要将声音从库中添加到文档，可以把声音分配到一个层，然后在“属性”面板的“声音”控件中设置选项。应将每个声音放在独立的层上。3编辑声音定义声音的起始点或控制播放时的音量，可以使用“属性”面板中的“声音”编辑控件，如图9-37所示。Flash可以改变声音开始播放与停止播放的位置，这对于通过删除声音文件的无用部分来减小文件的大小是很有用的。执行下列操作可编辑声音。（1）单击“属性”

27、面板中的“编辑”按钮，弹出“声音编辑”对话框，在该对话框中可以对声音进行编辑。（2）在“属性”面板中的“效果”下拉列表框中设定声音的效果，包括左声道、从左到右淡出、从右到左淡出、淡入和淡出等效果。,任务8 声音,返回目录,21,片头制作操作步骤：（1）新建一个Flash文档，在场景1中新建一图层，绘制两个没有边线的黑色矩形，一个在“图层1”场景上方，一个在“图层2”场景下方，大小为550像素200像素，并转换为图形元件。（2）分别在“图层1”和“图层2”的第20帧插入关键帧，利用“变形”工具，分别缩小两个元件的尺寸为：550像素宽，50像素高，位置调整好，并分别在“图层1”和“图层2”的第1帧

28、设置为补间动画。（3）右击“图层2”，选择“插入图层”命令，新建“图层3”，用同样的方法新建“图层4”，并在“图层1”和“图层2”的第30帧插入关键帧。（4）分别在“图层3”和“图层4”的第20帧中右击插入关键帧，选中“图层3”的第20帧，利用“文字”工具在场景的左侧输入“日不落”，并转换为图形元件。选中“图层4”的第20帧，从外部导入图片“c1.jpg”，并转换为图形元件，放在场景的右侧。（5）分别在“图层3”和“图层4”的第30帧处右击插入关键帧，选中“图层3”的第30帧，把“日不落”图形元件移到场景中。选中“图层4”的第20帧，选中场景中的图片元件，设置其属性面板中的“颜色”为“Alph

29、a”，值为0%。分别在“图层3”和“图层4”的第20帧处创建补间动画。（6）制作按钮元件。从外部导入“b1.jpg”、“b2.jpg”和“b3.jpg”图像文件到“库”中。新建一个按钮元件，在按钮元件场景中的“弹起”帧、“指针经过”帧和“按下”帧处分别插入空白关键帧，然后从“库”中分别引入相应的图形元件“b1.jpg”、“b2.jpg”和“b3.jpg”，设置坐标位置统一为：X为-56.5、Y为-21.1。,【案例9-9】MTV制作,返回目录,22,（7）单击“场景1”回到场景，选中“图层1”的第30帧，在“动作”属性面板中添加命令：STOP()，使得动画播放到第30帧自动停止。从库中拖拽按钮

30、元件5到场景1中，并调整好位置。选中按钮，在动作“属性”面板中添加命令：on（release）gotoAndPlay（30）;。测试影片。MTV音乐制作操作步骤：（1）新建“图层文件夹1”并改名为“文件夹1”，把制作片头动画的4个图层按顺序拖放到“文件夹1”中，如图9-42所示。在“文件夹1”的上方新建“图层5”，从外部导入“日不落（片断）.mp3”文件到库中。（2）在“图层5”的第30帧处右击插入关键帧，并选中此关键帧，将“库”中的“日不落（片断）.mp3”拖放到场景中，然后，在“属性”面板中设置“声音”为“日不落（片断）.mp3”、“效果”为“淡出”、“同步”为“数据流”。在“图层5”的第

31、929帧插入空白关键帧。（3）在“文件夹1”中选中“图层1”的第31帧，插入关键帧，把按钮元件5“开始播放”删除。分别在“图层1”和“图层2”的第929帧处插入关键帧。（4）打开“文件夹1”，选中“图层1”的第929帧，在动作“属性”面板中添加命令：STOP()；使得动画播放到第929帧自动停止。导入外部图片“b4.jpg”到库中并转换为按钮元件6，将b4.jpg按钮元件6从库中拖拽到按钮元件6的“弹起”帧处，并在“指针经过”帧和“按下”帧插入关键帧。在“指针经过”帧输入“文字再来一次？”，在“按下”帧处输入“Go”。,返回目录,23,（5）回到场景1中。选中“图层1”的第929帧，从库中把按

32、钮元件6拖拽到场景中，调整好位置。选中按钮元件6，在“动作”属性面板中添加命令：on（release）gotoAndPlay（1）;。测试影片。MTV字幕制作操作步骤：（1）出现字幕前的动画制作。在“图层3”中的第50帧处插入关键帧，把文字“日不落”缩小并放到黑色上面中央。在第100、200、300、400、500、600、700、800、900、929帧处插入关键帧。在第100、500帧处利用“变形”工具逆时针旋转某个角度，在300、700帧处顺时针旋转某个角度，在850帧处插入关键帧，利用“变形”工具对“日不落”稍微放大，不要超过上黑幕边界。在929帧处选中“日不落”，设置其“属性”面板中

33、的“颜色”，“Alpha”值为0%。分别对第100、200、300、400、500、600、700、800、850、900帧处设置补间动画，如图9-45所示。（2）在“图层5”上新建“图层6”，在“图层6”的第50帧处右击插入关键帧。从外部导入图片“bg0.jpg”到“库”中，并拖拽到“图层6”的第50帧处场景中，转换为图形元件7，调整位置到场景右侧。在第80帧插入关键帧，把元件6移到场景左侧处。在第100帧处插入关键帧，选中元件6，设置其“属性”面板中值为“颜色”，Alpha值为0%。最后在第50、80、100帧处右击选择创建补间动画。（3）参照步骤（2），在“图层6”上新建“图层7”，在“

34、图层7”的第100帧处插入关键帧，从外部导入“bg1.jpg”到“库”中，并拖拽到“图层7”的第100帧场景处，转换为图形元件7，移动位置到场景中央，并调整图片尺寸使得图片刚好充满整个场景白色区域。在第150、300、358帧处插入关键帧。设置第100帧和358帧处元件的属性面板值为“颜色”，Alpha值为0%，然后在第100、300帧处设置补间动画。,返回目录,24,（4）参照步骤（2），在“图层7”上插入“图层8”，在第358帧处插入关键帧，从外部导入“bg2.jpg”到“库”中，并拖拽到“图层8”的第358帧场景处，转换为图形元件8，移动位置到场景中央，并调整图片尺寸使得图片刚好充满整个

35、场景白色区域。在第400、500、533帧处插入关键帧。设置第358帧和533帧处元件的属性面板值为“颜色”，Alpha值为0%，然后在第358、500帧处设置补间动画。（5）参照步骤（2），在“图层8”上插入“图层9”，在第533帧处插入关键帧，从外部导入“bg3.jpg”到“库”中，并拖拽到“图层9”的第533帧场景处，转换为图形元件9，移动位置到场景中央，并调整图片尺寸使得图片刚好充满整个场景白色区域。在第600、730、800帧处插入关键帧。设置第533帧和800帧处元件的属性面板值为“颜色”，Alpha值为0%，然后在第533、730帧处设置补间动画。（6）参照步骤（2），在“图层9

36、”上插入“图层10”，在第800帧处插入关键帧，从外部导入“bg4.jpg”到“库”中，并拖拽到“图层10”的第800帧处场景，转换为图形元件10，移动位置到场景中央，并调整图片尺寸使得图片刚好充满整个场景白色区域。在第840、900、929帧处插入关键帧。设置第800帧和929帧处元件的属性面板值为“颜色”，Alpha值为0%，然后在第800、900帧处设置补间动画。（7）在“图层10”上方插入“图层文件夹2”，依次把“图层6”“图层10”移动到“图层文件夹2”里。（8）设置文档的背景色为黑色，在“图层文件夹2”上方插入“图层11”，根据“图层5”音乐帧长。在“图层11”的199帧929帧制

37、作逐帧歌词文字，注意行字幕之间的帧内容要清除，即另一行歌词出现之前要在此帧处插入空白帧，歌词文字出现时对应的帧如表9-3所示。举例：如图9-48所示，在“图层11”的第199帧处右击插入关键帧并输入文字“天”，然后在第202帧插入关键帧并在“天”后面输入“空”。用同样的方法，按如表9-3所在的帧处插入关键帧并输入相应的一个歌词。（9）测试影片，保存文件，,返回目录,25,知识点：测试与发布Flash影片1测试与播放Flash影片 1）测试Flash影片选择“控制”菜单，有“测试影片”和“测试场景”两个选项。2）播放Flash影片选择“控制”菜单，有“播放”、“循环播放”和“播放所有场景”3个选

38、项。“播放”可以在视图中直接播放动画。2发布Flash影片1）发布设置选择“文件”|“发布设置”命令，弹出“发布设置”对话框，如图9-49所示。“发布设置”对话框列出了可发布影片的文件类型。用户可以选择多个文件类型。选取文件类型后，系统为每类文件提供了设置选项卡，可以进行必要的设置。设置完毕，单击“发布”按钮即可在当前文件夹同时建立选取的各类文件。2）发布预览选择“文件”|“发布预览”命令，可在发布影片之后打开相应的播放程序，播放影片。3）发布选择“文件”|“发布”命令，将按照在“发布设置”对话框所设置的文件类型建立该类文件。,任务9 Flash影片的发布,返回目录,26,本章结束,谢谢,返回目录,