《第3章flash.ppt》由会员分享，可在线阅读，更多相关《第3章flash.ppt（99页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第3章章 flash3.1 广告条动画广告条动画3.2 联系地图动画联系地图动画3.3 公告栏动画公告栏动画3.4 商品宣传广告动画商品宣传广告动画3.1 广告条动画广告条动画3.1.1实例介绍实例介绍l1.打开制作软件并建立文件打开制作软件并建立文件l(1)打开制作软件打开制作软件flash8l(2)建立建立banner.fla文件文件l我们现在看到的文件叫做我们现在看到的文件叫做“未命名未命名-1”，单击属性设置面，单击属性设置面板中的板中的【大小大小】，根据我们的制作广告条的实际尺寸，在，根据我们的制作广告条的实际尺寸，在文档属性中更改舞台尺寸为宽文档属性中更改舞台尺寸为宽:556px
2、,高高110px。更改好以。更改好以后，单击后，单击【确定确定】。我们将会看到舞台尺寸己经改变为我。我们将会看到舞台尺寸己经改变为我们想要的宽们想要的宽556px,高高110px。单击。单击【文件文件】菜单菜单【另存另存为为】。将弹出另存为窗口，在窗口中的。将弹出另存为窗口，在窗口中的【保存类型保存类型】下一页返回3.1 广告条动画广告条动画l位置，选取位置，选取“flash8文档文档(*.fla)”;在窗口中的在窗口中的“文件名文件名”位置，输入我们要为文件起的名字位置，输入我们要为文件起的名字“banner.fla”;在在窗口中的窗口中的【保存在保存在】位置，选取我们要把该文件保存的位位置
3、，选取我们要把该文件保存的位置，在此我们可以在任意盘符下新建一个名为广告条的文置，在此我们可以在任意盘符下新建一个名为广告条的文件夹来保存我们的文件，单击件夹来保存我们的文件，单击【确定确定】。我们将看到名为。我们将看到名为“未命名未命名-1”的文件己经变成我们想要的的文件己经变成我们想要的“banner.fla”文件。文件。l单击单击【文件文件】菜单菜单【导入导入】【导入到库导入到库】，将弹出，将弹出【导入到库导入到库】窗口，在窗口中的窗口，在窗口中的【查找范围查找范围】中，选取素材中，选取素材图片所在文件夹图片所在文件夹“第一部分第一部分flash”文件夹中的文件夹中的“所用图片所用图片”
4、文件夹，选择文件夹，选择“beijing0l.jpg”文件，单击文件，单击【打开打开】。在库面板中将会看到名称为在库面板中将会看到名称为“beijing0l.jpg”的位图。的位图。在导入在导入上一页 下一页返回3.1 广告条动画广告条动画l过程中，除了过程中，除了【导入到库导入到库】还有还有【导入到舞台导入到舞台】选项，但选项，但是我们一般都会选择是我们一般都会选择【导入到库导入到库】选项，这样便于更改和选项，这样便于更改和使用素材图片。使用素材图片。l左键双击左键双击【时间轴窗口时间轴窗口】中的中的“图层图层1”3个字，将图层名个字，将图层名称称“图层图层1”更改为更改为“背景背景”。l左
5、键单击左键单击【时间轴窗口时间轴窗口】中，中，“背景背景”图层第图层第1帧，表示帧，表示要在该帧上填入内容。我们在单击前看到第要在该帧上填入内容。我们在单击前看到第1帧上有一个帧上有一个空心的圆，表示空白关键帧。空心的圆，表示空白关键帧。l帧就是在动画最小时间单出现的画面。帧就是在动画最小时间单出现的画面。Flash8制作的动画制作的动画是以时间轴为基础的动画，由先后排列的一系列帧组成。是以时间轴为基础的动画，由先后排列的一系列帧组成。帧的数量和帧率决定了动画播放的时间，同时帧还决定帧的数量和帧率决定了动画播放的时间，同时帧还决定上一页 下一页返回3.1 广告条动画广告条动画l了动画的时间与动
6、作之间的关系。为了帮助大家学习先简了动画的时间与动作之间的关系。为了帮助大家学习先简单介绍一下单介绍一下“帧帧”，然后在相关知识中我们再详细介绍。，然后在相关知识中我们再详细介绍。l在时间线上，实心圆点表示关键帧，空心圆点表示空白关在时间线上，实心圆点表示关键帧，空心圆点表示空白关键帧。创建一个新图层时，每一图层的首帧将自动被设置键帧。创建一个新图层时，每一图层的首帧将自动被设置为关键帧。若帧被设置成关键帧，而该帧又没有任何对象为关键帧。若帧被设置成关键帧，而该帧又没有任何对象时，它就是一个空白关键帧。时，它就是一个空白关键帧。l拖动拖动“库库”面板中的面板中的“beijing0l.jpg”到
7、舞台。很多时到舞台。很多时候我们导入的图片的大小和形状，并不能满足我们的要求，候我们导入的图片的大小和形状，并不能满足我们的要求，所以我们要调整图片的大小和形状以使图片满足我们制作所以我们要调整图片的大小和形状以使图片满足我们制作的要求。的要求。l当图片拖动到舞台后，我们会看到当图片拖动到舞台后，我们会看到“背景背景”图层第图层第1帧由帧由原原上一页 下一页返回3.1 广告条动画广告条动画l来的空心圆圈，变成了黑色实心圆圈，黑色的实心圆圈就来的空心圆圈，变成了黑色实心圆圈，黑色的实心圆圈就表示关键帧，表示己经添加了内容。表示关键帧，表示己经添加了内容。l单击已经拖动到舞台的单击已经拖动到舞台的
8、“beijing01.jpg”，然后单击，然后单击【窗口窗口】菜单菜单【对齐对齐】，调用对齐面板。一般对齐面板出，调用对齐面板。一般对齐面板出现在右侧中间部位，也可以根据自己的习惯放置。现在右侧中间部位，也可以根据自己的习惯放置。l单击单击【对齐对齐】面板中的面板中的【相对于舞台相对于舞台】按钮，表示对于按钮，表示对于“beijing01.jpg”相对于舞台进行对齐调整。依次单击相对于舞台进行对齐调整。依次单击【对齐对齐】面板中的面板中的【水平中齐水平中齐】、【垂直居中分布垂直居中分布】、【匹配宽度匹配宽度】、【匹配高度匹配高度】。l相应调整以后，我们会发现，图片相应调整以后，我们会发现，图片
9、“beijing01.jpg”和和舞台完全重合。舞台完全重合。上一页 下一页返回3.1 广告条动画广告条动画l右键单击右键单击“背景背景”图层第图层第70帧，插入关键帧。帧，插入关键帧。l随便单击随便单击“背景背景”图层任意两帧，这里我们选取第图层任意两帧，这里我们选取第25帧和帧和第第43帧，可以发现这样通过第帧，可以发现这样通过第1帧和第帧和第70帧两个关键帧就帧两个关键帧就可以实现，在可以实现，在“背景背景”图层图层170帧内都有帧内都有“beijing01.jpg”背景图片。背景图片。l单击单击“背景背景”图层后面第图层后面第2个圆点，圆点会变成锁的形状，个圆点，圆点会变成锁的形状，这
10、样就锁定图层。当完成一个图层后，我们经常会锁定图这样就锁定图层。当完成一个图层后，我们经常会锁定图层，然后再插入新的图层进行制作，这样就不会在制作新层，然后再插入新的图层进行制作，这样就不会在制作新图层时，影响到已经完成的图层。如果还击要再更改已经图层时，影响到已经完成的图层。如果还击要再更改已经锁定的图层，只击要在此单击就可以解锁，锁的形状又变锁定的图层，只击要在此单击就可以解锁，锁的形状又变成圆点。成圆点。上一页 下一页返回3.1 广告条动画广告条动画l3.文字制作及逐帧动画文字制作及逐帧动画l在在“背景背景”图层上右键单击，插入新图层，把新图层改名图层上右键单击，插入新图层，把新图层改名
11、为为“文字文字”l(1)文字制作文字制作l右键单击右键单击“文字文字”图层第图层第5帧，单击帧，单击【插入关键帧插入关键帧】l单击单击“文字文字”图层第图层第5帧，表示我们下面的制作将在帧，表示我们下面的制作将在“文文字字”图层第图层第5帧内。帧内。l单击单击【工具箱工具箱】中的中的【文本工具文本工具】l设置属性面板中的相关项设置属性面板中的相关项:文本类型为静态文字文本类型为静态文字;字体为字体为TimesNewRoman;字体大小为字体大小为23;文本文本(填充填充)颜色为蓝色颜色为蓝色;对齐方式为左对齐对齐方式为左对齐;字母间距为字母间距为0;字符位置为一般字符位置为一般;字体呈字体呈上
12、一页 下一页返回3.1 广告条动画广告条动画l现方法为可读性消除锯齿。并目自动调整字距。现方法为可读性消除锯齿。并目自动调整字距。l左键在舞台区域按下，保持按下状态并拖动出文字输入区左键在舞台区域按下，保持按下状态并拖动出文字输入区域。域。l抬起左键，在拖曳的区域内输入抬起左键，在拖曳的区域内输入“我们用康达电器，我们用康达电器，”l单击单击【工具箱工具箱】中的中的【选择工具选择工具】，就可以退出文字的输，就可以退出文字的输入状态入状态l我们还可以在上图的状态下，在我们还可以在上图的状态下，在【属性面板属性面板】中，更改中，更改X,Y的值。在这单我们取的值。在这单我们取X:238.1，Y:14
13、.3l在更改了文字的一些基本属性的基础上，可以为文字加一在更改了文字的一些基本属性的基础上，可以为文字加一些特殊效果，以起到美化文字的作用。我们单击些特殊效果，以起到美化文字的作用。我们单击【属属上一页 下一页返回3.1 广告条动画广告条动画l性面板性面板】中中【属性属性】右侧的右侧的【滤镜滤镜】，打开滤镜面板。，打开滤镜面板。l单击单击“+”为文字添加滤镜效果，在滤镜效果中可以根据为文字添加滤镜效果，在滤镜效果中可以根据不同需要添加一种或多种效果。不同需要添加一种或多种效果。l在这单我们添加发光效果，单击在这单我们添加发光效果，单击【发光发光】，弹出选项，选，弹出选项，选择模糊择模糊X:5;
14、模糊模糊Y:5;强度强度:100%;品质品质:低低;颜色颜色:红色。选红色。选好以后效果如好以后效果如图图3.28所示。所示。l(2)逐帧动画制作逐帧动画制作l在文字制作好以后我们在在文字制作好以后我们在“文字文字”图层上添加关键帧，单图层上添加关键帧，单击击“文字文字”图层第图层第10帧，按帧，按“F6”功能键插入一个关键帧，功能键插入一个关键帧，然后依次在第然后依次在第15帧、第帧、第20帧、第帧、第25帧、第帧、第30帧、第帧、第35帧上帧上插入一个关键帧。插入一个关键帧。上一页 下一页返回3.1 广告条动画广告条动画l单击单击“文字文字”图层第图层第5帧，舞台中显示文字为帧，舞台中显示
15、文字为“我们用康我们用康达电器，我们做健康达人达电器，我们做健康达人!”，l在不改变文字位置及样式的情况下，留下第一句中的在不改变文字位置及样式的情况下，留下第一句中的“我我”字，第一句中的字，第一句中的“我我”字，其他文字删除。字，其他文字删除。l单击单击“文字文字”图层第图层第10帧，舞台中显示文字为帧，舞台中显示文字为“我们用康我们用康达电器，我们做健康达人达电器，我们做健康达人!”，l在不改变文字位置及样式的情况下，留下第一句中的在不改变文字位置及样式的情况下，留下第一句中的“我我们们”字，第一句中的字，第一句中的“我们我们”字，其他文字删除。字，其他文字删除。l按以此方式大家制作第按
16、以此方式大家制作第15帧、第帧、第20帧、第帧、第25帧、第帧、第30帧、帧、第第35帧。帧。上一页 下一页返回3.1 广告条动画广告条动画l单击单击“文字文字”图层第图层第70帧，按帧，按F6插入一个关键帧。插入一个关键帧。l按下回车键，会看到舞台中的文字活动起来了，这就是逐按下回车键，会看到舞台中的文字活动起来了，这就是逐帧动画。通过更改帧中的舞台内容来制作动画，最适合制帧动画。通过更改帧中的舞台内容来制作动画，最适合制作复杂的动画。要创建逐帧动画，需要将每个帧都定义为作复杂的动画。要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。每个新关键帧最关键帧，然后给每个帧创
17、建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的，因此可以递增初包含的内容和它前面的关键帧是一样的，因此可以递增地修改动画中的帧。地修改动画中的帧。l4.补间动画及引导动画的制作补间动画及引导动画的制作l右键单击右键单击“文字文字”图层，选择插入图层，或者单击时间轴图层，选择插入图层，或者单击时间轴面板左边图层区中的面板左边图层区中的【插入图层插入图层】。将新建图层改名为。将新建图层改名为“图标移动图标移动”，右键单击该图层，在弹出菜单中选择，右键单击该图层，在弹出菜单中选择【添添上一页 下一页返回3.1 广告条动画广告条动画l加引导层加引导层】，单击，单击【文件文件】【导入导
18、入】【导入到库导入到库】，将将“所用文件所用文件”文件夹中的文件夹中的“logo.gif”文件导入到库中。文件导入到库中。l单击单击“引导层引导层:图标移动图标移动”第第1帧，单击帧，单击【工具箱工具箱】中的中的【铅笔工具铅笔工具】，选择，选择【工具箱工具箱】中中【选项选项】中的中的【平滑平滑】。l在属性面板中选择在属性面板中选择“笔触颜色笔触颜色”为黑色，为黑色，“笔触高度笔触高度”为为1,“笔触样式笔触样式”为实线，为实线，“笔触平滑度笔触平滑度”为为50。l在舞台中绘制一条曲线，单击在舞台中绘制一条曲线，单击“引导层引导层:图标移动图标移动”第第35帧，按下帧，按下F6插入一个关键帧，使
19、曲线的作用范围从第帧到插入一个关键帧，使曲线的作用范围从第帧到第第35帧。帧。上一页 下一页返回3.1 广告条动画广告条动画l单击单击“图标移动图标移动”第第1帧，从库中将帧，从库中将“logo.glf”图片移图片移动到舞台上。动到舞台上。l单击该图片，打开单击该图片，打开【变形变形】面板面板l更改该图片大小，在线板中选择水平宽度为更改该图片大小，在线板中选择水平宽度为30.0%，垂直，垂直宽度为宽度为30.0%，旋转，旋转0.0度。度。l锁定除锁定除“图标移动图标移动”图层以外的各个图层，单击图层以外的各个图层，单击“图标移图标移动动”图层第图层第1帧，单击帧，单击“logo.gif”图片，
20、并将图片移动图片，并将图片移动到曲线上的靠上位置。到曲线上的靠上位置。l单击单击“图标移动图标移动”图层第图层第35帧，按帧，按F6插入一个关键帧，单插入一个关键帧，单击击“logo.gif”图片，并将图片移动到曲线上的水平末端图片，并将图片移动到曲线上的水平末端位置。位置。上一页 下一页返回3.1 广告条动画广告条动画l单击单击“图标移动图标移动”图层第图层第1帧，在属性面板中，选择帧，在属性面板中，选择“补补间间:动画动画”l将属性面板中的各项进行调整，将属性面板中的各项进行调整，“缓动缓动”改为改为50;“旋转旋转”改为顺时针，次数为改为顺时针，次数为10;将将“调整到路径调整到路径”、
21、“同步同步”、“对齐对齐”3项前面的方框中打钩。同时在时间轴项前面的方框中打钩。同时在时间轴“图标移图标移动动”图层上，会形成一个从第图层上，会形成一个从第1帧指向第帧指向第35帧的箭头，说帧的箭头，说明补间动画创建成功。单击回车键，会看到明补间动画创建成功。单击回车键，会看到“logo.gif”图片，顺时针按所画曲线路径，从上到下运动，说明引导图片，顺时针按所画曲线路径，从上到下运动，说明引导动画创建成功。动画创建成功。l单击单击“图标移动图标移动”图层上第图层上第50帧，按帧，按F6插入一个关键帧，插入一个关键帧，制作从第制作从第35第第50帧的一个补间动画效果，属性面板参数帧的一个补间动
22、画效果，属性面板参数如如图图3.53所示。所示。上一页 下一页返回3.1 广告条动画广告条动画l制作好后的时间轴如制作好后的时间轴如图图3.54所示。所示。l单击单击“图标移动图标移动”图层上第图层上第70帧，按帧，按F6插入一个关键帧。插入一个关键帧。l5.元件及补间形状的制作元件及补间形状的制作l插入一个新图层，命名为插入一个新图层，命名为“星星星星”。l单击单击【插入插入】【插入新元件插入新元件】，或者使用快捷键，或者使用快捷键Ctrl+F8创建一个新的元件将名称改为创建一个新的元件将名称改为“星星星星”，类型为，类型为“影片剪辑影片剪辑”，单击，单击【确定确定】。这时会出现一个新的界面
23、，。这时会出现一个新的界面，称为元件编辑界面。称为元件编辑界面。l左键按住左键按住【工具箱工具箱】中的中的【矩形工具矩形工具】，在，在【矩形工具矩形工具】出现选项时，选择出现选项时，选择【多角星形工具多角星形工具】，选择好以后，更改，选择好以后，更改“属性属性”面板中的相应设置，如面板中的相应设置，如图图3.60所示。所示。上一页 下一页返回3.1 广告条动画广告条动画l更改属性面板中更改属性面板中“笔触颜色笔触颜色”为无为无;“填充颜色填充颜色”为彩虹为彩虹色色l选择属性面板中的选择属性面板中的【选项选项】，弹出，弹出【工具设置工具设置】窗口，将窗口，将样式设置为星形，边数为样式设置为星形，
24、边数为8，星形顶点大小为，星形顶点大小为0.20，单击，单击【确定确定】。l在元件编辑界面的舞台中，左键单击并按住进行拖曳，绘在元件编辑界面的舞台中，左键单击并按住进行拖曳，绘制一个适合大小的星星。制一个适合大小的星星。l选中所画星星，单击选中所画星星，单击【工具箱工具箱】中的中的【任意变形工具任意变形工具】l在在【工具箱工具箱】中的中的【选项选项】单分别单击单分别单击【扭曲扭曲】和和【缩放缩放】，调整星星的形状及大小。，调整星星的形状及大小。l在元件界面在元件界面“图层一图层一”中，分别在第中，分别在第15帧和第帧和第30帧上，按帧上，按上一页 下一页返回3.1 广告条动画广告条动画lF6各
25、插入一个关键帧。单击第巧帧，用各插入一个关键帧。单击第巧帧，用【任意变形工具任意变形工具】调整星星，将星星缩小。调整星星，将星星缩小。l在元件界面在元件界面“图层一图层一”中，单击第中，单击第1帧，在属性面板中，帧，在属性面板中，将将“补间补间:无无”改为改为“补间补间:形状形状”:单击第单击第15帧，在属性帧，在属性面板中，将面板中，将“补间补间:无无”改为改为“补间补间:形状形状”。l这时元件界面这时元件界面“图层一图层一”中，第中，第1一第一第15帧将出现箭头连帧将出现箭头连接，第接，第15一第一第30帧也出现箭头连接，说明帧也出现箭头连接，说明“补间形状补间形状”建建立成功。立成功。“
26、补间形状补间形状”和和“补间动画补间动画”l在时间轴中很直观地可以看出，它们的起始帧与终止帧间在时间轴中很直观地可以看出，它们的起始帧与终止帧间的颜色是不一样的，的颜色是不一样的，“补间形状补间形状”两帧之间是绿色的。两帧之间是绿色的。l单击回车键，星星会从大到小又从小到大变化。单击回车键，星星会从大到小又从小到大变化。上一页 下一页返回3.1 广告条动画广告条动画l单击图层上方的按钮单击图层上方的按钮“场景场景1”，回到主编辑界面。，回到主编辑界面。l单击单击“星星星星”图层第图层第1帧，将帧，将“库库”中的中的“星星星星”元件拖元件拖曳到舞台中曳到舞台中l连续拖曳连续拖曳3个个“星星星星”
27、元件，放入舞台，并调整大小元件，放入舞台，并调整大小l单击单击“星星星星”图层，第图层，第35帧，按帧，按F6插入关键帧，选中舞台插入关键帧，选中舞台中的任意一个中的任意一个“星星星星”元件，按住元件，按住Shift键，左键单击另两键，左键单击另两个个“星星星星”元件，选好后，将星星元件，选好后，将星星“元件元件”移动到移动到图图3.72所示的位置。所示的位置。上一页 下一页返回3.1 广告条动画广告条动画l单击单击“星星星星”图层第图层第70帧，按帧，按F6插入关键帧。插入关键帧。l6.测试及导出测试及导出l单击单击【控制控制】菜单菜单【测试影片测试影片】命令，或者使用命令，或者使用Ctrl
28、+Enter快捷键测试动画。快捷键测试动画。l影片测试成功后，单击影片测试成功后，单击【文件文件】菜单菜单【导出导出】【导出导出影片影片】命令命令l击击【导出影片导出影片】命令后，会出现命令后，会出现【导出影片导出影片】窗口，将文窗口，将文件名命名为件名命名为“banner.swf”并保存在相应位置。并保存在相应位置。3.1.2相关知识相关知识l1.逐帧动画逐帧动画上一页 下一页返回3.1 广告条动画广告条动画l逐帧动画更改每一帧中的舞台内容，它最适合于每一帧中逐帧动画更改每一帧中的舞台内容，它最适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动的图像都在更改而不是仅仅简单地在舞
29、台中移动的复杂动画。逐帧动画增加的文件大小的速度比补间动画快得多。画。逐帧动画增加的文件大小的速度比补间动画快得多。在逐帧动画中，在逐帧动画中，Flash会保存每个完整帧的值。要创建逐会保存每个完整帧的值。要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的，因此可以递增地修改动画中的帧。关键帧是一样的，因此可以递增地修改动画中的帧。l2.补间动画补间动画l要补间实例、组和类型的属性的更改，可以使用补间动画。要补间实例、组和类
30、型的属性的更改，可以使用补间动画。Flash可以补间实例、组和类型的位置、大小、旋转可以补间实例、组和类型的位置、大小、旋转上一页 下一页返回3.1 广告条动画广告条动画l和倾斜。另外，和倾斜。另外，Flash可以补间实例和类型的颜色、创建可以补间实例和类型的颜色、创建渐变的颜色切换或使实例淡入或淡出。要补间组或类型的渐变的颜色切换或使实例淡入或淡出。要补间组或类型的颜色，必须把它们变为元件。要使文本块中的单个字符分颜色，必须把它们变为元件。要使文本块中的单个字符分别动起来，可以将每个字符放在独立的文本块中。如果应别动起来，可以将每个字符放在独立的文本块中。如果应用补间动画，然后改变两个关键帧
31、之间的帧数，或移动任用补间动画，然后改变两个关键帧之间的帧数，或移动任一关键帧中的组或元件，一关键帧中的组或元件，Flash会自动重新补间帧。会自动重新补间帧。l3.补间形状动画补间形状动画l通过补间形状，可以创建类似于形变的效果，使一个形状通过补间形状，可以创建类似于形变的效果，使一个形状看起来随着时间变成另一个形状。看起来随着时间变成另一个形状。Flash也可以补间形状也可以补间形状的位置、大小、颜色和不透明度。一次补间一个形状的位置、大小、颜色和不透明度。一次补间一个形状上一页 下一页返回3.1 广告条动画广告条动画l通常可以获得最佳效果。如果一次补间多个形状，则所有通常可以获得最佳效果
32、。如果一次补间多个形状，则所有的形状必须在同一个图层上。要对组、实例或位图图像应的形状必须在同一个图层上。要对组、实例或位图图像应用补间形状，首先必须分离这些元素。要对文本应用补间用补间形状，首先必须分离这些元素。要对文本应用补间形状，必须将文本分离两次，从而将文本转换为对象。形状，必须将文本分离两次，从而将文本转换为对象。l4.引导层动画引导层动画l基本的动画补间动画只能使对象产生直线方向的移动，而基本的动画补间动画只能使对象产生直线方向的移动，而对于一个曲线运动，就必须不断的设置关键帧，为运动指对于一个曲线运动，就必须不断的设置关键帧，为运动指定路线。为此定路线。为此Flash提供了一个自
33、定义运动路径的功能。提供了一个自定义运动路径的功能。这个功能可以在运动对象的上方添加一个运动路径的层，这个功能可以在运动对象的上方添加一个运动路径的层，然后用户可以在该层中绘制对象的运动路线，让然后用户可以在该层中绘制对象的运动路线，让上一页 下一页返回3.1 广告条动画广告条动画l对象掩盖路线运动。在播放时，该层是隐藏的。运用引导对象掩盖路线运动。在播放时，该层是隐藏的。运用引导层可以绘制路径，补间实例、组或文本块均可以沿着这些层可以绘制路径，补间实例、组或文本块均可以沿着这些路径运动。也可以将多个层链接到一个运动引导层，使多路径运动。也可以将多个层链接到一个运动引导层，使多个对象沿同一路径
34、运动。个对象沿同一路径运动。3.1.3知识拓展知识拓展l1.动画的分类动画的分类l动画大体上可以按照以下方式分类动画大体上可以按照以下方式分类:l(1)按照播放的媒体，动画可以分为按照播放的媒体，动画可以分为TV动画、动画、OVA动画、动画、剧场动画、实验动画。剧场动画、实验动画。l(2)按照制作动画的技术和手段，动画可分为以手绘为主按照制作动画的技术和手段，动画可分为以手绘为主的传统动画和以计算机制作为主的计算机动画。的传统动画和以计算机制作为主的计算机动画。上一页 下一页返回3.1 广告条动画广告条动画l(3)按照空间的视觉效果，动画可分为平面一维动画和二按照空间的视觉效果，动画可分为平面
35、一维动画和二维动画。维动画。l(4)按照动作的表现形式，动画可分为接近自然动作的完按照动作的表现形式，动画可分为接近自然动作的完善动画善动画(动画电视动画电视)和采用简化、夸张表现手法的局限动画和采用简化、夸张表现手法的局限动画(幻灯片动画幻灯片动画)。l(5)按照播放效果，动画可分为顺序动画按照播放效果，动画可分为顺序动画(连续动作连续动作)和交和交互式动画互式动画(反复动作反复动作)。l(6)按照每秒播放的画面幅数，动画可以分为全动画按照每秒播放的画面幅数，动画可以分为全动画(24幅幅/s)和半动画和半动画(少于少于24幅幅/s)。l2.动画的创作流程动画的创作流程l一般动画的创作流程大致
36、分为如下一般动画的创作流程大致分为如下3个阶段。个阶段。上一页 下一页返回3.1 广告条动画广告条动画l(1)准备素材准备素材l(2)设计动画设计动画l(3)输出动画输出动画l3.常用的平面动画制作软件常用的平面动画制作软件l(1)Flash (2)Retas (3)Pegs (4)Animator Studio上一页返回3.2 联系地图动画联系地图动画3.2.1实例介绍实例介绍l1.建立文件建立文件l打开制作软件一打开制作软件一flash8，单击，单击【创建新项目创建新项目】【Flash文文档档】。单击属性设置面板中的。单击属性设置面板中的【大小大小】，根据制作广告条，根据制作广告条的实际尺
37、寸，在文档属性中更改舞台尺寸为的实际尺寸，在文档属性中更改舞台尺寸为:宽宽120px,高高85px。l单击单击【文件文件】菜单菜单【另存为另存为】。将弹出另存为窗口，在。将弹出另存为窗口，在窗口中的窗口中的【保存类型保存类型】位置，选取位置，选取“flash8文档文档(*.fla)”;在窗口中的在窗口中的【文件名文件名】位置，输入我们要为文位置，输入我们要为文件起的名字件起的名字“map.fla”;下一页返回3.2 联系地图动画联系地图动画l在窗口中的在窗口中的【保存在保存在】位置，选取要把该文件保存的位置，位置，选取要把该文件保存的位置，在此可以在任意盘符下新建一个名为地图的文件夹来保存在此
38、可以在任意盘符下新建一个名为地图的文件夹来保存我们的文件，单击我们的文件，单击【确定确定】。l2.导入素材图片导入素材图片l单击单击【文件文件】菜单菜单【导入导入】【导入到库导入到库】，将弹出，将弹出【导入到库导入到库】窗口，在窗口中的窗口，在窗口中的【查找范围查找范围】中，选取素材中，选取素材图片所在文件夹图片所在文件夹“第一部分第一部分flash”文件夹中的文件夹中的“所用图片所用图片”文件夹，选择文件夹，选择“earch.jpg”文件，单击文件，单击【打开打开】。在。在库面板中将会看到名称为库面板中将会看到名称为“earch.jpg”的位图。左键双的位图。左键双击击【时间轴窗口时间轴窗口
39、】中的，中的，“图层图层1”3个字，将图层名称个字，将图层名称“图层图层1”更改为更改为“地图地图”。左键单击。左键单击【时间轴窗口时间轴窗口】中，中，“地图地图”图层图层上一页 下一页返回3.2 联系地图动画联系地图动画l第第1帧。拖动帧。拖动【库库】面板中的面板中的“earch.jpg”到舞台当图片到舞台当图片拖动到舞台后，我们会看到拖动到舞台后，我们会看到“地图地图”图层第图层第1帧由原来的帧由原来的空心圆圈，变成了黑色实心圆圈，黑色的实心圆圈就表示空心圆圈，变成了黑色实心圆圈，黑色的实心圆圈就表示关键帧，表示己经添加了内容。关键帧，表示己经添加了内容。l单击己经拖动到舞台的单击己经拖动
40、到舞台的“earch.jpg”，然后单击，然后单击【窗口窗口】菜单菜单【对齐对齐】，调用对齐面板。，调用对齐面板。l单击单击【对齐对齐】面板中的面板中的【相对于舞台相对于舞台】按钮，表示对于按钮，表示对于“earch.jpg”相对于舞台进行对齐调整。依次单击相对于舞台进行对齐调整。依次单击【对对齐齐】面板中的面板中的【水平中齐水平中齐】、【垂直居中分布垂直居中分布】、【匹配匹配宽度宽度】、【匹配高度匹配高度】。相应调整以后，我们会发现，图。相应调整以后，我们会发现，图片片“earch.jpg”和舞台完全重合。和舞台完全重合。上一页 下一页返回3.2 联系地图动画联系地图动画l右键单击右键单击“
41、地图地图”图层第图层第146帧，插入关键帧。这样就可帧，插入关键帧。这样就可以实现，在第以实现，在第1第第146帧都有帧都有“earch.jpg”为背景。为背景。l这样这样“地图地图”图层就制作完毕了，锁定图层。图层就制作完毕了，锁定图层。l3.元件及时间轴特效制作元件及时间轴特效制作l插入一个新图层，命名为插入一个新图层，命名为“红点红点”。l单击单击【插入插入】【插入新元件插入新元件】，或者使用快捷键，或者使用快捷键Ctrl+F8创建一个新的元件创建一个新的元件l将名称改为将名称改为“红点红点”，类型为，类型为“影片剪辑影片剪辑”，单击，单击【确定确定】。这时会出现元件编辑界面。这时会出现
42、元件编辑界面。l单击单击【工具箱工具箱】中的中的【椭圆工具椭圆工具】上一页 下一页返回3.2 联系地图动画联系地图动画l选择好以后，更改选择好以后，更改“属性属性”面板中的相应设置面板中的相应设置l更改属性面板中更改属性面板中“笔触颜色笔触颜色”为无为无;“填充颜色填充颜色”为红色。为红色。l在元件编辑界面的舞台中，按住在元件编辑界面的舞台中，按住Shift键，左键单击并按住键，左键单击并按住进行拖曳，绘制一个适合大小的圆形。选中所画红点，单进行拖曳，绘制一个适合大小的圆形。选中所画红点，单击击【窗口窗口】【变形变形】，调出，调出【变形变形】面板。面板。l运用运用“变形变形”面板中的，百分比变
43、化，更改红点大小。面板中的，百分比变化，更改红点大小。l选中己经更改好的选中己经更改好的“红点红点”，单击，单击【插入插入】菜单菜单【时间时间轴特效轴特效】【效果效果】【模糊模糊】。l打开打开“模糊模糊”窗口，选择窗口，选择“效果持续时间效果持续时间”16帧帧;“分辨分辨率率”15;“缩放比例缩放比例”0.25;“允许水平模糊允许水平模糊”、“允许垂允许垂直模糊直模糊”;“移动方向移动方向”正中，单击正中，单击【确定确定】。上一页 下一页返回3.2 联系地图动画联系地图动画l确定后自动返回元件编辑界面，单击回车键，会发现红点确定后自动返回元件编辑界面，单击回车键，会发现红点出现模糊效果，这样时
44、间轴特效中的模糊效果就制作成功出现模糊效果，这样时间轴特效中的模糊效果就制作成功了。单击图层上方的按钮了。单击图层上方的按钮“场景场景1”，回到主编辑界面。，回到主编辑界面。l单击单击“红点红点”图层第图层第1帧，将帧，将【库库】中的中的“红点红点”元件拖元件拖曳到舞台中，可以比对地图再次使用曳到舞台中，可以比对地图再次使用“变形变形”面板调整红面板调整红点大小。依次拖曳点大小。依次拖曳8个个“红点红点”元件，到元件，到“红点红点”图层第图层第1帧。选中帧。选中“红点红点”图层第图层第146帧，插入关键帧。这样就可帧，插入关键帧。这样就可以实现，在以实现，在“红点红点”图层第图层第1第第146
45、帧都有这些帧都有这些“红点红点”元件了，锁定元件了，锁定“红点红点”图层。图层。l4.遮罩层动画制作遮罩层动画制作l右键单击右键单击“红点红点”图层，插入一个新的图层。然后右键单图层，插入一个新的图层。然后右键单击新图层，在弹出菜单中选择遮罩层。击新图层，在弹出菜单中选择遮罩层。上一页 下一页返回3.2 联系地图动画联系地图动画l选择遮罩层后，单击选择遮罩层后，单击“图层图层5”的的“锁头锁头”按钮，解除图层按钮，解除图层锁定，在锁定，在“图层图层5”第第30帧插入关键帧，单击帧插入关键帧，单击“图层图层5”第第30帧后，在舞台内绘制一个略大于红点的圆形。在帧后，在舞台内绘制一个略大于红点的圆
46、形。在“属性属性”面板中，选择黑色笔触及黑色填充色，将黑色圆形拖曳到面板中，选择黑色笔触及黑色填充色，将黑色圆形拖曳到一个红点的上方，并完全遮盖住红点，在一个红点的上方，并完全遮盖住红点，在“图层图层5”第第42帧帧插入关键帧，在插入关键帧，在“图层图层5”第第43帧插入关键帧，单击帧插入关键帧，单击“图层图层5”第第43帧后，将黑色圆形拖曳到另一个红点的上方，并完帧后，将黑色圆形拖曳到另一个红点的上方，并完全遮盖住红点。如全遮盖住红点。如图图3.103所示。所示。上一页 下一页返回3.2 联系地图动画联系地图动画l在在“图层图层5”第第57帧插入关键帧，在帧插入关键帧，在“图层图层5”第第5
47、8帧插入关帧插入关键帧，重复上面的步骤，单击键帧，重复上面的步骤，单击“图层图层5”第第58帧后，将黑色帧后，将黑色圆形拖曳到另一个红点的上方，并完全遮盖住红点。如圆形拖曳到另一个红点的上方，并完全遮盖住红点。如图图3.106所示。所示。l在在“图层图层5”第第72帧、第帧、第73帧、第帧、第87帧、第帧、第88帧、第帧、第102帧、帧、第第103帧、第帧、第117帧、第帧、第118帧、第帧、第131帧、第帧、第132帧、第帧、第146帧分别插入关键帧。重复上面的制作过程。然后将帧分别插入关键帧。重复上面的制作过程。然后将“图层图层5”锁定。锁定。l5.文字层的制作文字层的制作l右键单击右键单
48、击“图层图层5”，插入一个新的图层，命名为，插入一个新的图层，命名为“文字文字”图层。单击图层。单击“文字文字”图层第图层第1帧，选择帧，选择“文本工具文本工具”，更，更改改“属性属性”上一页 下一页返回3.2 联系地图动画联系地图动画l面板。面板。“文本类型文本类型”为静态文本为静态文本;“字体字体”为黑体为黑体;“字体字体大小大小”为为12;“文本文本(填充填充)颜色颜色”为青绿色为青绿色;“对齐方式对齐方式”为居中对齐，并选中为居中对齐，并选中“自动调整字距自动调整字距”。调整好。调整好“属性属性”面板后，在下方的舞台区域内输入面板后，在下方的舞台区域内输入“康达电器全国联保康达电器全国
49、联保”。单击单击“选择工具选择工具”，然后单击舞台中的文字区域，选择，然后单击舞台中的文字区域，选择“对齐对齐”面板中相对于舞台面板中相对于舞台“底部分布底部分布”、“匹配宽度匹配宽度”。l6.测试及导出测试及导出l单击单击【控制控制】菜单菜单【测试影片测试影片】命令，或者使用命令，或者使用Ctrl+Enter快捷键测试动画。影片测试成功后，单击快捷键测试动画。影片测试成功后，单击【文文件件】菜单菜单【导出导出】【导出影片导出影片】命令，单击命令，单击【导出影导出影片片】命令后，会出现命令后，会出现【导出影片导出影片】窗口，将文件名命名为窗口，将文件名命名为“map.swf”并保存在相应位置。
50、并保存在相应位置。上一页 下一页返回3.2 联系地图动画联系地图动画3.2.2相关知识相关知识l1.遮罩层动画介绍遮罩层动画介绍l要获得聚光灯效果以及转变，可以使用遮罩层创建一个孔，要获得聚光灯效果以及转变，可以使用遮罩层创建一个孔，通过这个孔可以看到下面的图层。遮罩项目可以是填充的通过这个孔可以看到下面的图层。遮罩项目可以是填充的形状、文字对象、图形元件的实例或影片剪辑，可以将多形状、文字对象、图形元件的实例或影片剪辑，可以将多个图层组织在一个遮罩层之下来创建复杂的效果。个图层组织在一个遮罩层之下来创建复杂的效果。l要创建动态效果，可以让遮罩层动起来。对于用作遮罩的要创建动态效果，可以让遮罩