《Flash CS5动画设计实例教程 第2版 教学课件 ppt 作者 鲍雷 教案 《flash cs5动画设计实例教程》4》由会员分享，可在线阅读，更多相关《Flash CS5动画设计实例教程 第2版 教学课件 ppt 作者 鲍雷 教案 《flash cs5动画设计实例教程》4（31页珍藏版）》请在金锄头文库上搜索。
1、第4章 引导线的应用实例,目标技能 掌握利用引导图层建立引导线动画的基本方法和常用的操作技巧 进一步深化对FLASH软件的认识，拓展学生的知识和能力 。,本章目录 4.1 Flash CS5中曲线移动动 画实例 4.2引导线应用实例1 4.3引导线应用实例2,本章重点：进一步深化对flash的认识 。 本章难点：掌握利用引导图层建立引导线动画的基本方法和常用的操作技巧 。,4.1 Flash CS5中曲线移动动 画实例,下面来制作一个简单的曲线移动动画，动画效果如图4-1所示。,本章内容介绍,4.2引导线应用实例1,4.2.1 基本概念介绍,4.2.2 取消运动引导层,4.2.3 创建运动路径
2、,4.2.4 应用实例1,引导层和遮罩层都常用于创建高级动画，遮罩层用于聚光灯和转变之类的动画。而引导层则用于辅助绘图和创建对象的运动路径。,4.2.1 基本概念介绍,（1）基本概念 引导层就是设定运动对象运动的某一路径（路线），在引导层中画好运动路径（引导线），在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起（用鼠标点中运动物体的中心移动）。它包括运动引导层和普通引导层。,（2）创建运动引导层 1）单击层面板中的插入图层按钮二次，新建2个新图层，。 2）右击图层2，弹出快捷菜单，选“添加引导层”， 。,4.2.1 基本概念介绍,3）这样，就为所选图层（图层2）添加了一个运动引导层，
3、。,4）建立引导层时。必须先指定哪个图层被引导（本例中为图层2）。,4.2.1 基本概念介绍,（3）创建普通引导层 1）选择上例中的图层3，单击鼠标右键，从弹出的菜单中选择“引导层”，如图4-11所示。,2）此时，图层3就由一般层变为普通引导层。,（4）普通引导层与运动引导层的转化 1）普通引导层转化为运动引导层 单击层面板中的插入图层按钮两次，新建2个图层。 鼠标右击图层2，选“引导层”，将图层2转化为普通引导层,4.2.1 基本概念介绍,按住鼠标左键拖动图层3到图层2的下方，这样图层2就由普通引导层转化 为运动引导层了。,2）运动引导层转化为普通引导层 将上图中图层3拖到图层1下方。,方法
4、1）右击，弹出快捷菜单，将“引导层”前的“”去掉。,4.2.2取消运动引导层,方法2）右击，弹出快捷菜单，选属性，弹出【图层属性】对话框，将【类型】由引导层改为一般。,引导层只是建立了两个层之间的引导和被引导的关系，引导层设置好后，还要在引导层上画引导线，这样电脑才能按照设计者的要求制作出丰富多彩的动画。,4.2.3创建运动路径,我们可以用直线工具、铅笔工具和圆形工具等画线工具来画引导线。也就是说，应该根据所画引导线的形状来使用画线工具，如果是画直线，则用直线工具，画曲线则用铅笔工具，画圆形或椭圆形的线条则用画圆工具。 绘制的引导线必须是开放的路径，即必须有两个端点：开始点和结束点。 如果要制
5、作沿环型运动的动画，可以先绘制环型路径，再用橡皮擦工具在环型路径上擦出一个缺口。,下面我们就来制作一个简单的引导线动画。动画效果如图所示。,4.2.4应用实例1运动的小球,制作步骤： （1）选择【文件】【新建】命令，或按快捷键【Ctrl】+【N】，新建一个Flash文档。 （2）设置文档属性。选择【修改】【文档】命令，或按快捷键【Ctrl】+【J】，弹出“文档属性”对话框，在【标题】文本框中输入“引导线动画”，将【尺寸】设置为400300像素，其他保持不变。,（3）在【图层】面板中双击“图层1”，将“图层1”名称改为“小球”，按【Enter】确认。 （4）添加运动引导层。单击时间轴窗口左下角的
6、“添加运动引导层”按钮，这样就为“小球”层添加了一个运动引导层。,4.2.4应用实例1运动的小球,制作步骤： （5）选中“小球”层的第一帧，然后选择工具栏中的【椭圆】工具，做如下设置：【笔触颜色】设置为“无” ，【填充色】设置如下图。 （6）设置完毕后，在舞台中按住键盘上的【Shift】键，利用【椭圆】工具绘制一个大小适中的正圆。并调整到适当的位置。,4.2.4应用实例1运动的小球,制作步骤： （7）选择工具栏中的【选择】工具，选中舞台中的小球，单击菜单栏中的【修改】【转换为元件】命令，或者按键盘上的【F8】键，在弹出的“转换为元件”对话框中，将元件命名为“小球”，【类型】设置为图形。 （8）
7、绘制引导线。单击运动引导层第一帧，选择工具栏中的【铅笔】工具，设置为【平滑】模式。在舞台上任意画出小球的运动轨迹（引导线）。,4.2.4应用实例1运动的小球,制作步骤： （9）移动小球至引导线的开始点。选择工具栏中的【选择】工具，在【选项】工具栏中单击磁铁图标，开启“贴紧至对象”功能。选择“小球”层的第一帧，将小球移动至引导线的开始点，。（在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是Flash中一个特殊的辅助功能贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。,（10）插入关键帧。同时选中“小球”
8、层和“引导”层的第40帧（可借助键盘上的【Ctrl】键连续选择），按【F6】插入关键帧。此时的时间轴如（11）移动小球至引导线的结束点。利用【选择】工具，选择“小球”层的第40帧，将小球移动至引导线的结束点。,4.2.4应用实例1运动的小球,制作步骤：,（12）创建运动补间动画。选择“小球”层的第140帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。,（13）创建运动补间动画。选择“小球”层的第140帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。 （14）选择【文件】【保存】命令，或按快捷键【Ctrl
9、】+【S】保存影片。 （15）选择【控制】【测试影片】命令，或按快捷键【Ctrl】+【Enter】测试影片。,4.2.4应用实例1运动的小球,本章内容介绍,4.3引导线应用实例2,4.3.1 创建地球、月亮元件,4.3.2 “地球”的制作,4.3.3 月球运动轨迹的制作,4.3.4 元件中月球的制作,4.3.5创建“地球月亮”的运动引导动画,4.3.6场景组织,4.3 引导线应用实例2,本实例将使用引导线功能，制作太阳、地球、月亮之间运动关系的简单动画。 动画效果如下:,制作步骤如下：,4.3.1 创建“地球月亮”元件,（1）选择【文件】【新建】命令，或按快捷键【Ctrl】+【N】，新建一个F
10、lash文档。 （2）设置文档属性。选择【修改】【文档】命令，或按快捷键【Ctrl】+【J】，弹出“文档属性”对话框，在【标题】文本框中输入“引导线动画”，将【背景颜色】设置为“黑色”（#000000），其他保持不变。,（3）新建电影剪辑元件。选择【插入】【新建元件】命令，或者按键盘上的【Ctrl】+【F8】键，在弹出的“创建新元件”对话框中，将元件命名为“地球月亮”，【类型】设置为“电影剪辑”。,制作步骤如下：,4.3.2 “地球”的制作,在上一步点击“确定”以后，就进入了这个电影剪辑的编辑舞台。为了编辑上的方便，首先我们将编辑舞台的视图放大至“200%”。然后开始制作元件中的“地球”。,1
11、）选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置（如【混色器】面板未打开，可通过选择【窗口】【混色器】命令打开此窗口）。【笔触颜色】设置为“无”，【填充样式】设置为“线性”，增加一个色码，左、中、右色码分别为“#E6E9FF、#419DFA、#11076D”（颜色值可通过键盘输入得到）。,制作步骤如下：,4.3.2 “地球”的制作,2）设置完毕后，将“图层1”改名为“地球”。选中“地球”层的第1帧，用【椭圆】工具，在舞台中绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“65*65”。,3）调整图象至舞台中心。选中绘制的“地球”，按快捷键【Ctrl】+【K】，打开【对齐
12、】面板，在面板中单击【相对于舞台】下的按钮，使其处于激活状态，再分别单击【水平居中对齐】和【垂直居中对齐】按钮，将图象对齐到舞台的中心。 4）选中“地球”层的第10帧，按【F6】插入关键帧，完成“地球”的制作。,制作步骤如下：,4.3.3 “月球”运动轨迹的制作,1）单击时间轴窗口左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“轨迹”。 2）选择工具栏中的【椭圆】工具，在【属性】面板中做如下设置：【笔触颜色】设置为黄色（#FFFF00），【填充颜色】设置为无填充，【笔触高度】设置为1。其他保持不变。,3）在“轨迹”图层第1帧画一个椭圆，改大小为95*45象素，利用【对齐】面板，将图象
13、对齐到舞台的中心。,制作步骤如下：,4.3.4元件中“月球”的制作,1）单击时间轴窗口左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“月球”。 2）选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置。【笔触颜色】设置为“无”，【填充样式】设置为“放射状”，增加一个色码，左色码设置为“#E7FCFE”，中间的色码设置为“#C0E9FA”，右色码设置为“#FFFFFF”，并将右色码的Alpha值设置为0。,3）设置完毕后，选中“月球”层的第1帧，用【椭圆】工具，在舞台中的空白处绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“20*20”。,制作步骤如下：,4.3.5
14、创建“地球月亮”的运动引导动画,1）选中刚绘制的“月球”，通过执行【修改】【转换为元件】命令，或者按键盘上的【F8】键，在弹出的“转换为元件”对话框中，将元件命名为“月球”，【类型】设置为“图形”，【注册点】选择左上角。将“月球”转换为元件。 2）通过时间轴窗口左下角的“插入图层”按钮，新增两个图层，分别将新增图层命名为“引导线”、“地球1”。 3)添加引导层。鼠标右击“月亮”层，在弹出的菜单中选“添加传统运动引导层”，添加引导层。,4）编辑引导线。复制“轨迹”图层第1帧的内容粘贴到“引导线”图层的第一帧，选中“引导线”图层第一帧上的椭圆线，用橡皮擦（最小号的）在椭圆线的最右边擦出一个极小的缺
15、口。 5）复制“地球”图层第1帧的内容粘贴到“地球1”图层的第一帧，再用箭头工具框选地球1的下半部分，按键盘上的【Delete】键删除地球1的下半部分，（为了避免误操作，可将其它图层上锁）。,制作步骤如下：,4.3.5创建“地球月亮”的运动引导动画,6）选中“月球”层的第10帧，按【F6】插入关键帧，再用箭头工具将第1帧中的月亮元件拖到引导线的上线端稍微靠上一点，在第10帧把月亮元件拖到引导线的下线端稍微靠下一点。,7）选中“月球”层第110帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。在【属性面板】里把“调整到路径、同步、对齐”都打上勾。,8）
16、按回车测试。,4.3.6 场景组织,（1）点击时间轴面板上的按钮回到主场景。 （2）通过时间轴窗口左下角的“插入图层”按钮，新增五个图层，分别将新增图层命名为“太阳”、“轨迹”、“地球月亮”、“引导层”“文字”。,制作步骤如下：,4.3.6 场景组织,1）选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置。【笔触颜色】设置为“无”，【填充样式】设置为“放射状”，增加一个色码，左色码设置为“# FFCCCC”，中间的色码设置为“# FBA651”，右色码设置为“# 010101”，并将右色码的Alpha值设置为0。,（3）“太阳”的制作。,2）设置完毕后，选中“太阳”层的第1帧，用【椭圆】工具，在舞台中的空白处绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“150*150”。 3）
