《信息系统设计基础》由会员分享，可在线阅读，更多相关《信息系统设计基础（51页珍藏版）》请在金锄头文库上搜索。
1、第三章第三章 Flash CS3 1内容提要内容提要p3.1 Flash CS3的工作环境简介的工作环境简介 p3.2 基本绘图工具基本绘图工具 p3.3 基本动画制作基本动画制作 p3.4 动画制作实例动画制作实例 23.1 Flash CS3的工作环境简介的工作环境简介菜单栏时间轴舞台工具箱属性面板浮动面板3时间轴时间轴 时间轴：时间轴：用于组织和控制文档内容在一定时间内播放的图层用于组织和控制文档内容在一定时间内播放的图层数和帧数数和帧数 4舞台舞台5工作区（舞台的后台工作区（舞台的后台 ）6常用面板常用面板 p“属性属性”面板：面板：舞台的下方舞台的下方 p“对齐对齐”面板面板：“窗口
2、窗口”|“对齐对齐” p“颜色颜色”面板面板：“窗口窗口”|“颜色颜色” p“样本样本”面板：面板：颜色库面板颜色库面板 p“信息信息”面板：面板：在编辑操作的过程中为用户提供一些相关的信在编辑操作的过程中为用户提供一些相关的信息。息。 p“场景场景”面板：面板：显示了当前动画的场景数量和播放的先后顺序显示了当前动画的场景数量和播放的先后顺序 p“变形变形”面板：面板：对选定对象执行缩放、旋转、倾斜和创建副本对选定对象执行缩放、旋转、倾斜和创建副本的操作的操作 p“动作动作”面板：面板：方便使用方便使用Flash的脚本编程语言的脚本编程语言ActionScript而专而专门提供的操作界面门提供
3、的操作界面 p“组件组件”面板：面板：动作集合动作集合73.2 基本绘图工具（工具箱）基本绘图工具（工具箱）p选择工具选择工具p部分选取工部分选取工具具 p直线工具直线工具 p套索工具套索工具 p钢笔工具钢笔工具 p矩形工具矩形工具 p铅笔工具铅笔工具 p刷子工具刷子工具p任意变形工任意变形工具具p渐变变形工渐变变形工具具p墨水瓶工具墨水瓶工具与颜料桶工与颜料桶工具具p滴管工具滴管工具p橡皮擦工具橡皮擦工具p文本工具文本工具83.3 基本动画制作基本动画制作基本动画基本动画类型类型特点特点逐帧动画逐帧动画对每帧画进行控制保存每一帧的数据对每帧画进行控制保存每一帧的数据 形状补间形状补间动画动画
4、保存帧之间不同的数据在一个关键帧中绘制一个形状，保存帧之间不同的数据在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状然后在另一个关键帧中更改该形状或绘制另一个形状动作补间动作补间动画动画一个对象在两个关键帧分别定义不同的属性并在两个关一个对象在两个关键帧分别定义不同的属性并在两个关键帧之间建立运动渐变关系键帧之间建立运动渐变关系 遮罩动画遮罩动画 遮罩层的操作遮罩层的操作(水波、万花筒、百页窗、放大镜、水波、万花筒、百页窗、放大镜、望远镜望远镜 )引导路径引导路径动画动画自定义运动路径自定义运动路径93.3.1 逐帧动画方法与实例逐帧动画方法与实例创建逐帧动画的几种方
5、法：创建逐帧动画的几种方法：p1用导入的静态图片建立逐帧动画用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画。p2绘制矢量逐帧动画绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。p3文字逐帧动画文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。p4指令逐帧动画指令逐帧动画 在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。p5导入序列图像导入序列图像 可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。103.3.1 逐帧动画方法与实例逐帧动画方法与实例p
6、例例1：奔驰的汽车：奔驰的汽车p步骤步骤1：新建一个大小为550*400的动画文件，在第1帧处按F6插入关键桢。 p步骤步骤2：选择“文件|导入|导入到舞台”，将小汽车的图片导入到舞台上 p步骤步骤3：单击第2帧，插入关键桢(F6) ，选中舞台上的小汽车并水平平移一段距离。 p步骤步骤4：单击第3帧，插入关键桢(F6) ，选中舞台上的小汽车继续水平平移一段距离。 p步骤步骤5：按照3和4的步骤重复几次直至小骑车平移到最右边。 p步骤步骤6：同时按下Ctrl+回车键，即可观看最后的动画效果。 113.3.1 逐帧动画方法与实例逐帧动画方法与实例p例例2：奔驰的骏马：奔驰的骏马-（导入连续图片导入
7、连续图片 ）p步骤步骤1：新建一个影片文档，在“属性”面板上设置文件大小为460290像素，“背景色”为白色。 如下图所示。123.3.1 逐帧动画方法与实例逐帧动画方法与实例p步骤步骤2：创建背景图层。将当前图层重命名为“背景”，选择第一帧，选择菜单命令“文件|导入|导入到舞台”，将背景图片导入舞台中，在第8帧处按F5键插入普通帧，使帧内容延续到第8帧。p步骤步骤3：导入素材到库。选择菜单命令“文件|导入|导入到库”，在弹出的对话框中找到素材所在的文件夹，按Ctrl+A，把素材全部选中，再点击右下角的“打开”按钮，这样所有的素材都导入到库中。如左图所示。133.3.1 逐帧动画方法与实例逐帧
8、动画方法与实例p步骤步骤4：将马的图片添加到舞台上。插入一个新的图层并选中第1帧，单击库里名为“马1”的图形元件，按住鼠标左键拖动到舞台上，然后释放鼠标，这样“马1”图形就拖到舞台上了。选中第2帧，按F7键插入7个空白关键帧，依次在各个空白关键帧上，分别从库里拖出“马2”、“马3”、“马4”、“马5”、“马6”、“马7”、“马8”到舞台上，时间轴上所有空白关键帧都变成关键帧了。下图为导入的图片序列。143.3.1 逐帧动画方法与实例逐帧动画方法与实例p步骤步骤5：调整对象位置。单击“时间轴”面板下方的“编辑多个帧”按钮，再单击“修改绘图纸标记”按钮，在弹出的菜单中选择“绘制全部”命令。最后执行
9、“编辑”菜单下的“全选”命令，此时时间轴和场景效果。此时时间轴和场景效果如下图所示。 p步骤步骤6：测试存盘 。153.3.2 形状补间动画实例形状补间动画实例p例：变形文字例：变形文字 p步骤步骤1：新建一个文档。在“属性”面板中设置影片的大小为500400像素，背景色为白色。p步骤步骤2：选中“工具栏”中的“文本工具”，在舞台上单击并输入大写字母“A”，选中字母“A”，在文本“属性”面板中设置字体为“黑体”、字号“96”、“粗体”、颜色为“红色”（#FF0000）。p步骤步骤3：在第10、20、30帧处分别按F6键建立关键帧，用“文本工具”将第10帧的文字改为“B”、颜色改为“绿色”（#0
10、0FF00），将第20帧的文字改为“C”、颜色改为“蓝色”（#0000FF），将第30帧的文字改为“D”、颜色改为“黄色”（#FFFF00）。 163.3.2 形状补间动画实例形状补间动画实例p步骤步骤4：分别选择各关键帧的文字，选择菜单命令“修改|分离”，将各关键帧上的文字打散。p步骤步骤5：创建形状补间动画。分别选择第1、10、20帧，将其“属性”面板中的“补间”设为“形状”。设置后时间轴如图所示。 p步骤步骤6： Ctrl+Enter快捷键预览动画 173.3.3 动作补间动画方法与实例动作补间动画方法与实例p两种方式：两种方式：p1) 先创建好两个帧的状态，然后在两个先创建好两个帧的状
11、态，然后在两个关键帧之间建立动作补间关系。关键帧之间建立动作补间关系。p2) 先创建好起点关键帧，然后给此帧赋先创建好起点关键帧，然后给此帧赋予动作补间模式，再去创建终点关键帧，予动作补间模式，再去创建终点关键帧，两帧之间就建立了动作补间关系。两帧之间就建立了动作补间关系。183.3.3 动作补间动画方法与实例动作补间动画方法与实例p动作补间动画的属性面板动作补间动画的属性面板 p“缓动缓动” 选项选项: -1到到-100 :动画运动速度从慢到快，朝运动结束的方向加速补间。动画运动速度从慢到快，朝运动结束的方向加速补间。 1到到100:动画运动的速度从快到慢，朝运动结束的方向减慢补间。动画运动
12、的速度从快到慢，朝运动结束的方向减慢补间。 默认默认 :补间帧之间的变化速率是不变的补间帧之间的变化速率是不变的193.3.3 动作补间动画方法与实例动作补间动画方法与实例p动作补间动画的属性面板动作补间动画的属性面板 p“旋转旋转”选项选项:p无无:禁止元件旋转禁止元件旋转 p自动自动:使元件在需要最小动作的方向上旋转使元件在需要最小动作的方向上旋转对象一次对象一次 p顺时针或逆时针顺时针或逆时针+N:使元件在运动时顺时针使元件在运动时顺时针或逆时针旋转相应的圈数或逆时针旋转相应的圈数 203.3.3 动作补间动画方法与实例动作补间动画方法与实例p例：跳动的弹球，且落地时还有弹性的效果。例：
13、跳动的弹球，且落地时还有弹性的效果。 p步骤步骤1：新建一个文档。在新建一个文档。在“属性属性”面板中设置影片的宽为面板中设置影片的宽为300像像素，高为素，高为300像素，背景色为白色。像素，背景色为白色。p步骤步骤2：绘制图形。绘制图形。p选择菜单命令选择菜单命令“文件文件”|“导入导入”|“导入到库导入到库”，选择弹球图片后，选择弹球图片后，将弹球导入到库。将弹球导入到库。p 在绘制时，最好是选择菜单命令在绘制时，最好是选择菜单命令“视图视图”|“网格网格”|“显示网显示网格格”，在舞台上显示网格。，在舞台上显示网格。p步骤步骤3：选择菜单命令选择菜单命令“插入插入”|“新建元件新建元件
14、”，新建图形元件名，新建图形元件名称填为弹球并将库中的弹球位图拖动到舞台上。称填为弹球并将库中的弹球位图拖动到舞台上。p步骤步骤4：回到场景编辑界面，打开回到场景编辑界面，打开“库库”面板，将图形元件面板，将图形元件“弹弹球球”从库中拖到舞台上。从库中拖到舞台上。p步骤步骤5：创建动画。创建动画。注意213.3.3 动作补间动画方法与实例动作补间动画方法与实例p（1）在第）在第20帧按帧按F6键插入关键帧，按向下的方向键将键插入关键帧，按向下的方向键将图形放到场偏下的位置，模拟弹球着地的样子。为了模图形放到场偏下的位置，模拟弹球着地的样子。为了模拟弹球着地时被压缩的样子，应该在随后的几帧里将图
15、拟弹球着地时被压缩的样子，应该在随后的几帧里将图形压缩再恢复。在第形压缩再恢复。在第25帧处按帧处按F6键插入关键帧，将图形键插入关键帧，将图形进行压缩，即上下端点距离缩短，左右距离拉长，但图进行压缩，即上下端点距离缩短，左右距离拉长，但图形的着地点不应该变化，所以压缩前必须记住最下端的形的着地点不应该变化，所以压缩前必须记住最下端的位置。压缩完后，将图形下移到刚才记下的位置上。位置。压缩完后，将图形下移到刚才记下的位置上。p（2）单击第）单击第20帧，选择菜单命令帧，选择菜单命令“编辑编辑”|“时间轴时间轴”|“复制帧复制帧”，复制这一帧，再单击第，复制这一帧，再单击第30帧，选择菜帧，选择
16、菜单命令单命令“编辑编辑”|“时间轴时间轴”|“粘贴帧粘贴帧”，把第，把第20帧的帧的内容粘贴过来。在这一帧上，弹球将恢复原形，准备跳内容粘贴过来。在这一帧上，弹球将恢复原形，准备跳起。起。p（3）按照第（）按照第（2）步的方法，将第）步的方法，将第1帧的内容复制到第帧的内容复制到第50帧。这一弹球将完成一个循环。帧。这一弹球将完成一个循环。223.3.3 动作补间动画方法与实例动作补间动画方法与实例p（4）现在为每一帧的运动加上渐变。由于重力作用，）现在为每一帧的运动加上渐变。由于重力作用，图形下落的时候加速，上升的时候减速，所以在第图形下落的时候加速，上升的时候减速，所以在第1帧帧的属性中
17、将的属性中将“补间补间”设置为设置为“动画动画”，将，将“缓动缓动”值改值改为为-60。如下图：。如下图：233.3.3 动作补间动画方法与实例动作补间动画方法与实例p（5）在第）在第20帧至第帧至第25帧之间右击，在弹出的快捷菜单帧之间右击，在弹出的快捷菜单中选择中选择“创建补间动画创建补间动画”命令。在第命令。在第25帧至第帧至第30帧之间帧之间右击，在弹出的快捷菜单中选择右击，在弹出的快捷菜单中选择“创建补间动画创建补间动画”命令。命令。在第在第30帧的属性中将帧的属性中将“补间补间”设置为设置为“动画动画”，将，将“缓缓动动”值改为值改为60。创建后的时间轴如下图：。创建后的时间轴如下
18、图：p步骤步骤5：测试动画。按测试动画。按Ctrl+Enter快捷键测试动画。快捷键测试动画。 243.3.4 遮罩动画方法与实例遮罩动画方法与实例p1.遮罩和遮罩的创建遮罩和遮罩的创建p1）遮罩及其作用）遮罩及其作用遮罩动画是遮罩动画是Flash中的一个很重要的动画类型，很多效中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在果丰富的动画都是通过遮罩动画来完成的。在Flash的的图层中有一个遮罩图层类型，为了得到特殊的显示效果，图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的可以在遮罩层上创建一个任意形状的“视窗视窗”，遮罩层，遮罩层下
19、方的对象可以通过该下方的对象可以通过该“视窗视窗”显示出来，而显示出来，而“视窗视窗”之外的对象将不会显示。之外的对象将不会显示。在在Flash动画中，动画中，“遮罩遮罩”主要有主要有2种用途，一个作用是种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。件的一部分，从而实现一些特殊的效果。253.3.4 遮罩动画方法与实例遮罩动画方法与实例p2）创建遮罩的方法）创建遮罩的方法（1）创建遮罩）创建遮罩（
20、2）构成遮罩和被遮罩层的元素）构成遮罩和被遮罩层的元素（3）遮罩中可以使用的动画形式）遮罩中可以使用的动画形式p3）遮罩层的基本原理：）遮罩层的基本原理： 能够透过该图层中的对象看到能够透过该图层中的对象看到“被遮罩层被遮罩层”中的对象及中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。现被遮罩层的渐变色变化。263.3.4
21、遮罩动画方法与实例遮罩动画方法与实例要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。可以用可以用“Actions”动作语句建立遮罩，但这种情况下动作语句建立遮罩，但这种情况下只能有一个只能有一个“被遮罩层被遮罩层”，同时，不能设置，同时，不能设置_Alpha属性。属性。不能用一个遮罩层试图遮蔽另一个遮罩层。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在遮罩可以应用在gif动画上。动画上。在制作过程中，遮罩层经常挡住下层的元件，影响视线，在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓无法
22、编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在这种情按钮，使之变成，使遮罩层只显示边框形状，在这种情况下，你还可以拖动边框调整遮罩图形的外形和位置。况下，你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。在被遮罩层中不能放置动态文本。技巧技巧 273.3.4 遮罩动画方法与实例遮罩动画方法与实例p例：扫描文例：扫描文字字 p步骤步骤1：新建一个新建一个Flash文档。文档。p步骤步骤2：按按Ctrl+F8快捷键插入一个快捷键插入一个“图形图形”元元件，并命名为件，并命名为“文字文字”。选中。选中“工具栏工具栏”中的中的“文本工具文本
23、工具”在舞台上单击，输入文字在舞台上单击，输入文字“HELLO,FLASH!”，然后在下面的，然后在下面的“属性属性”面板面板中设置字体为中设置字体为“Arial Black”、字号为、字号为“45”、颜、颜色任意。文字元件如图。色任意。文字元件如图。283.3.4 遮罩动画方法与实例遮罩动画方法与实例p步骤步骤3：按按Ctrl+F8快捷键插入一个快捷键插入一个“图形图形”元件，并元件，并命名为命名为“彩条彩条”。将工具箱中的填充颜色设置为彩色。将工具箱中的填充颜色设置为彩色。选择工具箱中的选择工具箱中的“矩形工具矩形工具”，画出如图，画出如图3-67所示彩条。所示彩条。注意，彩条的宽度应长于
24、文字的宽度。注意，彩条的宽度应长于文字的宽度。293.3.4 遮罩动画方法与实例遮罩动画方法与实例p步骤步骤4：单击文档窗口右上方的单击文档窗口右上方的“场景场景”按钮，回到按钮，回到主场景中。从主场景中。从“库库”面板中拖动图形元件面板中拖动图形元件“彩条彩条”到舞到舞台上适当的位置。台上适当的位置。 p步骤步骤5：右击当前图层，在弹出的快捷菜单中选择右击当前图层，在弹出的快捷菜单中选择“插入图层插入图层”命令，在当前图层的上方插入一个新的图层命令，在当前图层的上方插入一个新的图层“图层图层2”。从。从“库库”面板中拖动图形元件面板中拖动图形元件“文字文字”到舞到舞台上台上 。303.3.4
25、 遮罩动画方法与实例遮罩动画方法与实例p步骤步骤6：在在“图层图层2”的第的第30帧处按帧处按F5键，插入普通帧。键，插入普通帧。在在“图层图层1”的第的第30帧处按帧处按F6键，插入关键帧。键，插入关键帧。p步骤步骤7：在在“图层图层1”的第的第1帧至第帧至第30帧之间右击鼠标，帧之间右击鼠标，在弹出的菜单中选择在弹出的菜单中选择“创建补间动画创建补间动画”命令。选择命令。选择“图图层层1”的第的第15帧，用工具箱中的选择工具选中彩条，拖动帧，用工具箱中的选择工具选中彩条，拖动向向右平移，使第一个字母与矩形的左边线对齐。向向右平移，使第一个字母与矩形的左边线对齐。p步骤步骤8：右击右击“图层
26、图层2”，在弹出的快捷菜单中选择，在弹出的快捷菜单中选择“遮罩层遮罩层”命令，将命令，将“图层图层2”图层设置成遮罩层，这时图层设置成遮罩层，这时“图层图层1”自动成了被遮罩层。自动成了被遮罩层。p步骤步骤9：本例制作完成，按本例制作完成，按Ctrl+Enter快捷键预览动快捷键预览动画。画。313.3.5 引导路径动画方法与实例引导路径动画方法与实例p1)创建引导层和被引导层创建引导层和被引导层方法：方法： 323.3.5 引导路径动画方法与实例引导路径动画方法与实例p2)引导层和被引导层中的对象引导层和被引导层中的对象引导层是用来指示元件运行路径的，所以引导层是用来指示元件运行路径的，所以
27、“引导层引导层”中中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。具或画笔工具等绘制出的线段。而而“被引导层被引导层”中的对象是跟着引导线走的，可以使用中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能使用形状。影片剪辑、图形元件、按钮、文字等，但不能使用形状。由于引导线是一种运动轨迹，不难想象，由于引导线是一种运动轨迹，不难想象，“被引导被引导”层层中最常用的动画形式是动作补间动画，当播放动画时，中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。一个或数个元件
28、将沿着运动路径移动。 方法：方法： 333.3.5 引导路径动画方法与实例引导路径动画方法与实例p3)向被引导层中添加元件向被引导层中添加元件“引导动画引导动画”最基本的操作就是使一个运动动画最基本的操作就是使一个运动动画“附着附着”在在“引导线引导线”上。所以操作时特别得注意上。所以操作时特别得注意“引导线引导线”的两端，被引导的对象起始、终点的的两端，被引导的对象起始、终点的2个个“中心点中心点”一定一定要对准要对准“引导线引导线”的的2个端头，如下图所示：个端头，如下图所示：方法：方法： 343.3.5 引导路径动画方法与实例引导路径动画方法与实例p1)“被引导层被引导层”中的对象在被引
29、导运动时，还可作更细中的对象在被引导运动时，还可作更细致的设置，比如运动方向，在致的设置，比如运动方向，在“属性属性”面板上，选中面板上，选中“调整到路径调整到路径”复选框，对象的基线就会调整到运动路径。复选框，对象的基线就会调整到运动路径。而如果选中而如果选中“对齐对齐”复选框，元件的注册点就会与运动复选框，元件的注册点就会与运动路径对齐。路径对齐。p2)引导层中的内容在播放时是看不见的，利用这一特点，引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含可以单独定义一个不含“被引导层被引导层”的的“引导层引导层”，该，该引导层中可以放置一些文字说明、元件位置参考等。引导层中可
30、以放置一些文字说明、元件位置参考等。p3)在做引导路径功，拖动对象时，对象的中心会自动吸在做引导路径功，拖动对象时，对象的中心会自动吸附到动画时，按下工具箱中的附到动画时，按下工具箱中的“对齐对象对齐对象”按钮按钮 ，可，可以使以使“对象附着于引导线对象附着于引导线”的操作更容易成路径端点上。的操作更容易成路径端点上。p4)过于陡峭的引导线可能使引导动画失败，而平滑圆润过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。的线段有利于引导动画成功制作。技巧：技巧： 353.3.5 引导路径动画方法与实例引导路径动画方法与实例p5)向被引导层中放入元件时，在动画开始和结束的
31、关键向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导，如果元件为不规则形，可以点击端点，否则无法引导，如果元件为不规则形，可以点击工具箱中的工具箱中的“任意变形工具任意变形工具”，调整注册点。，调整注册点。p6)如果想解除引导，可以把被引导层拖离如果想解除引导，可以把被引导层拖离“引导层引导层”，或在图层区的引导层上单击右键，在弹出的菜单上选择或在图层区的引导层上单击右键，在弹出的菜单上选择“属性属性”，在对话框中选择，在对话框中选择“一般一般”，作为正常图层类，作为正常图层类型。型
32、。p7)如果想让对象作圆周运动，可以在如果想让对象作圆周运动，可以在“引导层引导层”画一根画一根圆形线条，再用圆形线条，再用“橡皮擦工具橡皮擦工具”擦去一小段，使圆形线擦去一小段，使圆形线段出现段出现2个端点，再把对象的起始、终点分别对准端点个端点，再把对象的起始、终点分别对准端点即可。即可。p8)引导线允许重叠，比如螺旋状引导线，但在重叠处的引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让线段必需保持圆润，让Flash能辨认出线段走向，否则能辨认出线段走向，否则会使引导失败。会使引导失败。 技巧：技巧： 363.3.5 引导路径动画方法与实例引导路径动画方法与实例p例：小球
33、沿着弯曲道路例：小球沿着弯曲道路运动运动 p1新建一个文档。在新建一个文档。在“属性属性”面板中设面板中设置影片的大小为置影片的大小为500400像素，背景色像素，背景色为黑色。为黑色。p2选择菜单命令选择菜单命令“视图视图”|“网格网格”|“显示网格显示网格”，在舞台上显示网格，在舞台上显示网格线。线。p3绘制曲线。选中绘制曲线。选中“工具箱工具箱”中的中的“钢笔工具钢笔工具”，在，在“颜色颜色”设置里将设置里将笔触颜色设为红色（笔触颜色设为红色（#FF0000）。首先在场景中单击）。首先在场景中单击 ，出现一个控制，出现一个控制点，然后在它的右斜上方单击并拖动鼠标，直到第点，然后在它的右斜
34、上方单击并拖动鼠标，直到第1个控制点和第个控制点和第2 个控个控制点间出现圆滑的曲线满意松开鼠标。再在第制点间出现圆滑的曲线满意松开鼠标。再在第2个控制点的右斜下方单击个控制点的右斜下方单击并拖动鼠标，这时在第并拖动鼠标，这时在第2个控制点和第个控制点和第3个控制点间出现圆滑的曲线。最个控制点间出现圆滑的曲线。最后在第后在第3个控制点的右斜上方单击并拖动鼠标，这时在第个控制点的右斜上方单击并拖动鼠标，这时在第3个控制点和第个控制点和第4个控制点间出现圆滑的曲线。绘制成的曲线如右下图所示。个控制点间出现圆滑的曲线。绘制成的曲线如右下图所示。p如果绘制的曲线不满意，可以用选中选择工具指向需要修整的
35、地方，鼠标指针变成 时拖动鼠标即可调整曲线的弯曲度373.3.5 引导路径动画方法与实例引导路径动画方法与实例p4右击当前图层名，在弹出的快捷菜单中选择右击当前图层名，在弹出的快捷菜单中选择“插入图层插入图层”命令，命令，插入一个新的图层。单击插入一个新的图层。单击“工具箱工具箱”中的中的“椭圆工具椭圆工具”，设置笔触，设置笔触颜色为无、填充颜色为蓝色（颜色为无、填充颜色为蓝色（#0000FF）。按住）。按住Shift键并在场景上键并在场景上拖动鼠标，绘制一个大小适中的圆。拖动鼠标，绘制一个大小适中的圆。p5添加引导层。在添加引导层。在“图层图层2”图层的名称上右击，在弹出的快捷菜图层的名称上
36、右击，在弹出的快捷菜单中选择单中选择“添加引导层添加引导层”命令。此时命令。此时“时间轴时间轴”上新增加了一个引上新增加了一个引导层。导层。p6选中选中“图层图层1”图层中的曲线，按图层中的曲线，按Ctrl+C快捷键，然后选中快捷键，然后选中“引引导层导层”图层，按图层，按Ctrl+V快捷键在引导层上粘贴曲线图形。拖动快捷键在引导层上粘贴曲线图形。拖动“引引导层导层”图层上的曲线到图层上的曲线到“图层图层1”图层中曲线的正上方，使两条曲线图层中曲线的正上方，使两条曲线间隔大约刚才绘制的圆的直径的路离。间隔大约刚才绘制的圆的直径的路离。p7用用“工具箱工具箱”中的中的“橡皮擦工具橡皮擦工具”，将
37、，将“引导层引导层”图层中的曲图层中的曲线的最高的地方擦去一小块、最低的地方也擦去一小块。此时曲线线的最高的地方擦去一小块、最低的地方也擦去一小块。此时曲线被分成被分成3部分。部分。383.3.5 引导路径动画方法与实例引导路径动画方法与实例p8拖动拖动“图层图层2”图层中的圆，使圆的注册点对准图层中的圆，使圆的注册点对准“引引导层导层”图层中第图层中第1段曲线的起始位置。移动段曲线的起始位置。移动“图层图层1”图图层中的曲线，使之与圆外切，擦除该曲线的起始点到圆层中的曲线，使之与圆外切，擦除该曲线的起始点到圆的切点之间的一段曲线的切点之间的一段曲线 。用。用“选择工具选择工具”对对“图层图层
38、1”图图层中的曲线整形，使之与层中的曲线整形，使之与“引导层引导层”图层的曲线平行，图层的曲线平行，擦除擦除“引导层引导层”图层中曲线末尾多余的部分。效果如图：图层中曲线末尾多余的部分。效果如图：393.3.5 引导路径动画方法与实例引导路径动画方法与实例p9单击单击“图层图层1”图层中的第图层中的第30帧，按帧，按F5键插入普通帧（使第键插入普通帧（使第1帧的帧的内容延续到这一帧）。内容延续到这一帧）。p10单击单击“引导层引导层”图层中的第图层中的第30帧，按帧，按F5键插入普通帧。键插入普通帧。p11单击单击“图层图层2”图层中的第图层中的第10帧，按帧，按F6键插入一个关键帧。拖动键插
39、入一个关键帧。拖动圆，使圆的注册点对准圆，使圆的注册点对准“引导层引导层”图层的第图层的第1 段曲线的结束点。段曲线的结束点。p12分别单击分别单击“图层图层2”图层的第图层的第11、20、21、30帧，按帧，按F6键插入关键插入关键帧。拖动圆，使圆的注册点分别对准键帧。拖动圆，使圆的注册点分别对准“引导层引导层”图层的第图层的第2段曲段曲线的起始点、结束点，第线的起始点、结束点，第3段曲线的起始点、结束点。段曲线的起始点、结束点。p13创建动作补间动画。分别在创建动作补间动画。分别在“图层图层2”图层的第图层的第1帧至第帧至第10帧之帧之间、第间、第11帧至第帧至第20帧这间、第帧这间、第2
40、1帧至第帧至第30帧之间右击，在弹出快捷帧之间右击，在弹出快捷菜单中选择菜单中选择“创建补间动画创建补间动画”命令。命令。p14本例制作完成，按本例制作完成，按Ctrl+Enter快捷键预览动画。快捷键预览动画。403.4 动画制作实例动画制作实例p摇曳的烛光摇曳的烛光 p溪流效果溪流效果413.4 动画制作实例一动画制作实例一-摇曳的烛光摇曳的烛光 p步骤步骤1：新建一个文档。背景新建一个文档。背景色黑色，其他默认。色黑色，其他默认。p步骤步骤2：选择选择“插入插入”|“新建新建元件元件”，将元件命名为，将元件命名为“光圈光圈”，类型为，类型为“影片剪辑影片剪辑”。p步骤步骤3：在工具栏中，
41、笔触色在工具栏中，笔触色禁止，填充色放射状，在颜色面禁止，填充色放射状，在颜色面板中，将类型设置为放射状，三板中，将类型设置为放射状，三个色标：左个色标：左FFFF00 Alpha100%，中，中FFFF6E Alpha77%，右，右FFFFCC Alpha0%，如图。，如图。用椭圆工具画个圆，全居中：用椭圆工具画个圆，全居中： 423.4 动画制作实例一动画制作实例一-摇曳的烛光摇曳的烛光p步骤步骤4：第第15、第、第30帧加上关键帧，点中第帧加上关键帧，点中第15帧，帧，再点修改再点修改变形变形缩放和旋转，缩放缩放和旋转，缩放150。如左图：。如左图：p步骤步骤5：在图层在图层1上点一下，
42、这样整个图层都被选中了上点一下，这样整个图层都被选中了(时间轴为黑色了时间轴为黑色了)，再在属性面板里，再在属性面板里补间补间，选择，选择形形状状。释放下鼠标，时间帧面板的背景色变为淡绿色，。释放下鼠标，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的实线箭头，表示形在起始帧和结束帧之间有一个长长的实线箭头，表示形状补间动画创建好了。状补间动画创建好了。433.4 动画制作实例一动画制作实例一-摇曳的烛光摇曳的烛光p步骤步骤6：选择选择“插入插入”|“新建元件新建元件”，将，将元件命名为元件命名为“蜡烛蜡烛”，类型为，类型为“影片剪辑影片剪辑”。选择。选择“文件文件”|“导入导入
43、”|“导入到库导入到库”，导入本实例中使用的蜡烛烛身，如图所示。导入本实例中使用的蜡烛烛身，如图所示。将库中的元件蜡烛位图拖入到场景中。在第将库中的元件蜡烛位图拖入到场景中。在第30帧处插入帧，延长到帧处插入帧，延长到30帧，并将图层上锁。帧，并将图层上锁。p步骤步骤7：在图层在图层1上新建图层，画火苗。笔触色禁止，上新建图层，画火苗。笔触色禁止，填充色线性：左填充色线性：左FFFF99 Alpha100%，右，右FFFF1B Alpha30%，画椭圆，并用部分选择工具整调形状使该，画椭圆，并用部分选择工具整调形状使该椭圆的形状像火苗。椭圆的形状像火苗。 443.4 动画制作实例一动画制作实例
44、一-摇曳的烛光摇曳的烛光p步骤步骤8：在图层在图层2第第30帧插入关键帧，在第帧插入关键帧，在第1帧到第帧到第30帧之间创建形状补间动画，如下图所示。帧之间创建形状补间动画，如下图所示。p步骤步骤9：在图层在图层2第第8帧帧插入关键帧，选中火焰，插入关键帧，选中火焰，点击右键选择点击右键选择“分离分离”。用部分选择工具调整形状，用部分选择工具调整形状，第第14帧插入关键帧，继续帧插入关键帧，继续调整。以此类推，第调整。以此类推，第 20 、26帧都插入关键帧做调整，帧都插入关键帧做调整，可以只做火苗伸长和压缩，可以只做火苗伸长和压缩，做成上下窜动，也可以再做成上下窜动，也可以再加上左右摆动。加
45、上左右摆动。453.4 动画制作实例一动画制作实例一-摇曳的烛光摇曳的烛光p步骤步骤10：在图层在图层2上新建图层，点第上新建图层，点第1帧，从库中把帧，从库中把元件光圈拖入摆放在适当的位置并调整好大小，在属性元件光圈拖入摆放在适当的位置并调整好大小，在属性面板里面板里“颜色颜色”里里Alpha设置为设置为50%，如图，如图3-80所示。所示。 p步骤步骤11：回到回到场景中，从库里场景中，从库里把蜡烛元件拖到把蜡烛元件拖到场景中，摆放好，场景中，摆放好， Ctrl+Enter 即可即可观看到蜡烛火焰观看到蜡烛火焰摇曳的效果。摇曳的效果。463.4 动画制作实例二动画制作实例二-溪流效果溪流效
46、果 p步骤步骤1：新建一个文档，大小新建一个文档，大小为为550400像素。像素。p步骤步骤2：选择菜单命令选择菜单命令“文件文件”|“导入导入”|“导入到舞台导入到舞台”，导入如右上图所示的位图图像，导入如右上图所示的位图图像，将其放置在主场景的背景层。将其放置在主场景的背景层。p步骤步骤3：按按Ctrl+F8快捷键制作快捷键制作影片中关键的图形元件，并取名影片中关键的图形元件，并取名为为“矩形矩形”。使用。使用“矩形工具矩形工具”绘制如右下图所示的矩形，可以绘制如右下图所示的矩形，可以使用任意颜色填充。使用任意颜色填充。导入位图 473.4 动画制作实例二动画制作实例二-溪流效果溪流效果p
47、步骤步骤4：按按Ctrl+F8快捷键，新快捷键，新建图形元件，并取名为建图形元件，并取名为“流水流水”。将库中的位图图像放到图形元。将库中的位图图像放到图形元件内部，然后执行菜单命令件内部，然后执行菜单命令“修修改改”|“分离分离”，将位图打散，用，将位图打散，用“套索工具套索工具”将位图图像中小溪将位图图像中小溪流水的部分选取出来，其余的部流水的部分选取出来，其余的部分删除（选取出来之后点击右键分删除（选取出来之后点击右键选择选择“剪切剪切”），如右上图。），如右上图。 p步骤步骤5：回到主场景，新建图层，回到主场景，新建图层，将刚刚制作的图形元件将刚刚制作的图形元件“流水流水”拖动到舞台上
48、和整体位图小溪位拖动到舞台上和整体位图小溪位置重复的地方，并降低其透明度置重复的地方，并降低其透明度为为50%，如右下图。，如右下图。483.4 动画制作实例二动画制作实例二-溪流效果溪流效果p步骤步骤6：新建一个名为新建一个名为“矩形矩形”的图层，在第的图层，在第30帧处帧处按按F6键，创建关键帧。将键，创建关键帧。将“矩形矩形”元件放置在这一层的元件放置在这一层的第第1帧和第帧和第30帧，元件的位置分别在小溪的开始处和结帧，元件的位置分别在小溪的开始处和结束处。束处。p步骤步骤7：在在“矩形矩形”图层的第图层的第130帧之间右击，在弹帧之间右击，在弹出的快捷菜单中选择出的快捷菜单中选择“创
49、建补间动画创建补间动画”命令，创建两关命令，创建两关键帧之间的动作补间动画，并在其它图层的第键帧之间的动作补间动画，并在其它图层的第30帧处插帧处插入帧，将其他图层的内容也延续到第入帧，将其他图层的内容也延续到第30帧。帧。p步骤步骤8：设置设置“矩形矩形”图层为遮罩层，图层为遮罩层，“图层图层2”为被为被遮罩层。即可在遮罩层。即可在“流水流水”元件所在层和元件所在层和“矩形矩形”元件所元件所在的层之间创建蒙版动画，使矩形被挖空，看到小溪。在的层之间创建蒙版动画，使矩形被挖空，看到小溪。 p步骤步骤9：按按Ctrl+Enter快捷键，预览动画效果。快捷键，预览动画效果。49习题习题3-1、如何
50、给填充和形状添加边框？如何给填充和形状添加边框？3-2、在在Flash CS3中要绘制精确的直线或曲线路径，可以使用中要绘制精确的直线或曲线路径，可以使用什么绘图工具？什么绘图工具？3-3、 Flash的属性设置包括哪些？的属性设置包括哪些？3-4、如果使用颜料桶、墨水瓶工具进行填色，在如果使用颜料桶、墨水瓶工具进行填色，在“选项选项”和和“属性属性”面板的颜色列表中选取颜色不能满足用户所需，应面板的颜色列表中选取颜色不能满足用户所需，应该怎么办？该怎么办？3-5、什么是逐帧动画？什么是补间动画？什么是逐帧动画？什么是补间动画？3-6、逐帧动画和补间动画有什么不同？逐帧动画和补间动画有什么不同？3-7、补间的形式有几种？补间的形式有几种？3-8、一个遮罩效果能有几个遮罩层？一个遮罩效果能有几个遮罩层？3-9、遮罩动画和引导路径动画有什么区别？遮罩动画和引导路径动画有什么区别？3-10、形状图形能用来制作动作补间动画吗？形状图形能用来制作动作补间动画吗？50The End51
