《flash8动画设计实例教程》第四.ppt

《《flash8动画设计实例教程》第四.ppt》由会员分享，可在线阅读，更多相关《《flash8动画设计实例教程》第四.ppt（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程第第4章章 引导线的应用实例引导线的应用实例 目标技能目标技能掌握利用引导图层建立引导线动画的基本方法和常用的操作技巧进一步深化对FLASH软件的认识，拓展学生的知识和能力。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程本章目录本章目录4.1引导线应用实例引导线应用实例14.2引导线应用实例引导线应用实例2机械工业出版社中等职业教育中等

2、职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程本章重点：进一步深化对flash的认识。本章难点：掌握利用引导图层建立引导线动画的基本方法和常用的操作技巧。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程本章内容介绍本章内容介绍4.1引导线应用实例1l4.1.1 基本概念介绍l4.1.2图层和引导层的链接l4.1.3 取消运动引导层l4.1.4 创建运动路径l4.1.5 应用实例1机械工业出版社中等职业教育中等职业

3、教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程引导层和遮罩层都常用于创建高级动画，遮罩层用于聚光灯和转变之类的动画。而引导层则用于辅助绘图和创建对象的运动路径。4.1.1 基本概念介绍（1）基本概念引导层就是设定运动对象运动的某一路径（路线），在引导层中画好运动路径（引导线），在被引导层（引导层的下一层）中使运动物体与路径相吸附在一起（用鼠标点中运动物体的中心移动）。它包括运动引导层和普通引导层。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画

4、设计实例教程动画设计实例教程（2）创建运动引导层1）单击层面板中的插入图层按钮二次，新建2个新图层，。2）右击图层2，弹出快捷菜单，选“添加引导层”，。4.1.1 基本概念介绍3）这样，就为所选图层（图层2）添加了一个运动引导层，。4）建立引导层时。必须先指定哪个图层被引导（本例中为图层2）。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程4.1.1 基本概念介绍（3）创建普通引导层1）选择上例中的图层3，单击鼠标右键，从弹出的菜单中选择“引导层”。2）此时，图层3就由一般层变为普通引导层

5、。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程（4）普通引导层与运动引导层的转化1）普通引导层转化为运动引导层单击层面板中的插入图层按钮两次，新建2个图层。鼠标右击图层2，选“引导层”，将图层2转化为普通引导层4.1.1 基本概念介绍按住鼠标左键拖动图层3到图层2的下方，这样图层2就由普通引导层转化为运动引导层了。2）运动引导层转化为普通引导层将上图中图层3拖到图层1下方。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Fla

6、sh8 动画设计实例教程动画设计实例教程（1）链接普通层步骤：1）单击层面板中的插入图层按钮两次，新建2个图层。2）鼠标右击图层3，选“引导层”，将图层3转化为普通引导层。4.1.2图层和引导层的链接3）鼠标右击图层2，在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“被引导”。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程（2）取消与普通层的链接方法1：鼠标右击被引导层（上例中为图层2），在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话

7、框里将图层的“类型”更改为“一般”。方法2：拖动被引导层到普通层的下方。4.1.2图层和引导层的链接机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程方法1）右击，弹出快捷菜单，将“引导层”前的“”去掉。4.1.3取消运动引导层方法2）右击，弹出快捷菜单，选属性，弹出【图层属性】对话框，将【类型】由引导层改为一般。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程引导层只是建立了两个层之间

8、的引导和被引导的关系，引导层设置好后，还要在引导层上画引导线，这样电脑才能按照设计者的要求制作出丰富多彩的动画。4.1.4创建运动路径我们可以用直线工具、铅笔工具和圆形工具等画线工具来画引导线。也就是说，应该根据所画引导线的形状来使用画线工具，如果是画直线，则用直线工具，画曲线则用铅笔工具，画圆形或椭圆形的线条则用画圆工具。绘制的引导线必须是开放的路径，即必须有两个端点：开始点和结束点。如果要制作沿环型运动的动画，可以先绘制环型路径，再用橡皮擦工具在环型路径上擦出一个缺口。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8

9、动画设计实例教程动画设计实例教程4.1.5下面我们就来制作一个简单的引导线动画。动画效果如图4-18所示。图4-18实例1效果4.1.5应用实例1运动的小球机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤：（1）选择【文件】【新建】命令，或按快捷键【Ctrl】+【N】，新建一个Flash文档。（2）设置文档属性。选择【修改】【文档】命令，或按快捷键【Ctrl】+【J】，弹出“文档属性”对话框，在【标题】文本框中输入“引导线动画”，将【尺寸】设置为400300像素，其他保持不变。（3

10、）在【图层】面板中双击“图层1”，将“图层1”名称改为“小球”，按【Enter】确认。（4）添加运动引导层。单击时间轴窗口左下角的“添加运动引导层”按钮，这样就为“小球”层添加了一个运动引导层。4.1.5应用实例1运动的小球机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤：（5）选中“小球”层的第一帧，然后选择工具栏中的【椭圆】工具，做如下设置：【笔触颜色】设置为“无”，【填充色】设置如下图。（6）设置完毕后，在舞台中按住键盘上的【Shift】键，利用【椭圆】工具绘制一个大小适中的

11、正圆。并调整到适当的位置。4.1.5应用实例1运动的小球机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤：（7）选择工具栏中的【选择】工具，选中舞台中的小球，单击菜单栏中的【修改】【转换为元件】命令，或者按键盘上的【F8】键，在弹出的“转换为元件”对话框中，将元件命名为“小球”，【类型】设置为图形。（8）绘制引导线。单击运动引导层第一帧，选择工具栏中的【铅笔】工具，设置为【平滑】模式。在舞台上任意画出小球的运动轨迹（引导线）。4.1.5应用实例1运动的小球机械工业出版社中等职业教育

12、中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤：（9）移动小球至引导线的开始点。选择工具栏中的【选择】工具，在【选项】工具栏中单击磁铁图标，开启“贴紧至对象”功能。选择“小球”层的第一帧，将小球移动至引导线的开始点，。（在移动过程中可以看到小球元件的中间多了一个圆点，而且这个圆点总是自动吸附到引导线上，这是Flash中一个特殊的辅助功能贴紧至对象。在创建按路径运动的运动动画时一定要确保此功能是打开的，否则对象将不会按照预定的路径运动）。（10）插入关键帧。同时选中“小球”层和“引导”层的第40帧（可借助键

13、盘上的【Ctrl】键连续选择），按【F6】插入关键帧。此时的时间轴如（11）移动小球至引导线的结束点。利用【选择】工具，选择“小球”层的第40帧，将小球移动至引导线的结束点。4.1.5应用实例1运动的小球机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤：（12）创建运动补间动画。选择“小球”层的第140帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。（13）创建运动补间动画。选择“小球”层的第140帧中的任意一帧，在“帧”属性面板上的【

14、补间】下拉列表中选择【动画】选项，设置其为【补间动画】。（14）选择【文件】【保存】命令，或按快捷键【Ctrl】+【S】保存影片。（15）选择【控制】【测试影片】命令，或按快捷键【Ctrl】+【Enter】测试影片。4.1.5应用实例1运动的小球机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程本章内容介绍本章内容介绍4.2引导线应用实例2l4.2.1 创建地球、月亮元件l4.2.2“地球”的制作l4.2.3 月球运动轨迹的制作l4.2.4 元件中月球的制作l4.2.5 创建动画并组织才场景

15、机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程4.2 引导线应用实例2本实例将使用引导线功能，制作太阳、地球、月亮之间运动关系的简单动画。动画效果如下:机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤如下：4.2.1 创建“地球月亮”元件（1）选择【文件】【新建】命令，或按快捷键【Ctrl】+【N】，新建一个Flash文档。（2）设置文档属性。选择【修改】【文档】命令，或按快

16、捷键【Ctrl】+【J】，弹出“文档属性”对话框，在【标题】文本框中输入“引导线动画”，将【背景颜色】设置为“黑色”（#000000），其他保持不变。（3）新建电影剪辑元件。选择【插入】【新建元件】命令，或者按键盘上的【Ctrl】+【F8】键，在弹出的“创建新元件”对话框中，将元件命名为“地球月亮”，【类型】设置为“电影剪辑”。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤如下：4.2.2“地球”的制作在上一步点击“确定”以后，就进入了这个电影剪辑的编辑舞台。为了编辑上的方便，首

17、先我们将编辑舞台的视图放大至“200%”。然后开始制作元件中的“地球”。1）选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置（如【混色器】面板未打开，可通过选择【窗口】【混色器】命令打开此窗口）。【笔触颜色】设置为“无”，【填充样式】设置为“线性”，增加一个色码，左、中、右色码分别为“#E6E9FF、#419DFA、#11076D”（颜色值可通过键盘输入得到）。2）设置完毕后，将“图层1”改名为“地球”。选中“地球”层的第1帧，用【椭圆】工具，在舞台中绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“65*65”。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划

18、教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤如下：4.2.2“地球”的制作2）设置完毕后，将“图层1”改名为“地球”。选中“地球”层的第1帧，用【椭圆】工具，在舞台中绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“65*65”。3）调整图象至舞台中心。选中绘制的“地球”，按快捷键【Ctrl】+【K】，打开【对齐】面板，在面板中单击【相对于舞台】下的按钮，使其处于激活状态，再分别单击【水平居中对齐】和【垂直居中对齐】按钮，将图象对齐到舞台的中心。4）选中“地球”层的第10帧，按【F6】插入关键帧，完成“地球”的制作。机械

19、工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤如下：4.2.3“月球”运动轨迹的制作1）单击时间轴窗口左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“轨迹”。2）选择工具栏中的【椭圆】工具，在【属性】面板中做如下设置：【笔触颜色】设置为黄色（#FFFF00），【填充颜色】设置为无填充，【笔触高度】设置为1。其他保持不变。3）在“轨迹”图层第1帧画一个椭圆，改大小为95*45象素，利用【对齐】面板，将图象对齐到舞台的中心。机械工业出版社中等职业教育中等职业教育“十一五十一五”

20、规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤如下：4.2.4元件中“月球”的制作1）单击时间轴窗口左下角的“插入图层”按钮，新增一个图层，将新增图层命名为“月球”。2）选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置。【笔触颜色】设置为“无”，【填充样式】设置为“放射状”，增加一个色码，左色码设置为“#E7FCFE”，中间的色码设置为“#C0E9FA”，右色码设置为“#FFFFFF”，并将右色码的Alpha值设置为0。3）设置完毕后，选中“月球”层的第1帧，用【椭圆】工具，在舞台中的空白处绘制一个正圆（可借助键盘上的【Sh

21、ift】键绘制），大小设置为“20*20”。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤如下：4.2.5创建“地球月亮”的运动引导动画1）选中刚绘制的“月球”，通过执行【修改】【转换为元件】命令，或者按键盘上的【F8】键，在弹出的“转换为元件”对话框中，将元件命名为“月球”，【类型】设置为“图形”，【注册点】选择左上角。将“月球”转换为元件。2）通过时间轴窗口左下角的“插入图层”按钮，新增两个图层，分别将新增图层命名为“引导线”、“地球1”。3）编辑引导线。复制“轨迹”图层第1

22、帧的内容粘贴到“引导线”图层的第一帧，选中“引导线”图层第一帧上的椭圆线，用橡皮擦（最小号的）在椭圆线的最右边擦出一个极小的缺口。4）复制“地球”图层第1帧的内容粘贴到“地球1”图层的第一帧，再用箭头工具框选地球1的下半部分，按键盘上的【Delete】键删除地球1的下半部分，（为了避免误操作，可将其它图层上锁）。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤如下：4.2.5创建“地球月亮”的运动引导动画5）更改图层属性。鼠标右击“引导线”层，在弹出的菜单中选“引导层”，将“引导线

23、”层转化为普通引导层。鼠标右击“月球”层，在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“被引导”。6）选中“月球”层的第10帧，按【F6】插入关键帧，再用箭头工具将第1帧中的月亮元件拖到引导线的上线端稍微靠上一点，在第10帧把月亮元件拖到引导线的下线端稍微靠下一点。7）选中“月球”层第110帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。在【属性面板】里把“调整到路径、同步、对齐”都打上勾。8）按回车测试。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业

24、出版社Flash8 动画设计实例教程动画设计实例教程4.2.6 场景组织（1）点击时间轴面板上的按钮回到主场景。（2）通过时间轴窗口左下角的“插入图层”按钮，新增五个图层，分别将新增图层命名为“太阳”、“轨迹”、“地球月亮”、“引导层”“文字”。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤如下：4.2.6 场景组织1）选择工具栏中的【椭圆】工具，在【混色器】面板中做如下设置。【笔触颜色】设置为“无”，【填充样式】设置为“放射状”，增加一个色码，左色码设置为“#FFCCCC”，中

25、间的色码设置为“#FBA651”，右色码设置为“#010101”，并将右色码的Alpha值设置为0。（3）“太阳”的制作。2）设置完毕后，选中“太阳”层的第1帧，用【椭圆】工具，在舞台中的空白处绘制一个正圆（可借助键盘上的【Shift】键绘制），大小设置为“150*150”。3）利用【对齐】面板，将绘制的“太阳”对齐到舞台的中心。然后在太阳层的第131帧按F6插入关键帧。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程制作步骤如下：4.2.6 场景组织（4）“地球月亮”元件运动轨迹的制作。

26、1）选择工具栏中的【椭圆】工具，在【属性】面板中做如下设置：【笔触颜色】设置为黄色（#FFFF00），【填充颜色】设置为无填充，【笔触高度】设置为1。其他保持不变。2）在“轨迹”图层第1帧画一个椭圆，改大小为400*250象素，利用【对齐】面板，将图象对齐到舞台的中心。（5）编辑引导线。复制“轨迹”图层第1帧的内容粘贴到“引导线”图层的第一帧，选中“引导线”图层第一帧上的椭圆线，用橡皮擦（最小号的）在椭圆线的最右边擦出一个极小的缺口。并在这两个图层的131帧按【F6】插入关键帧（或者按【F5】插入普通帧）。为避免无操作，请读者注意对图层加锁工具的使用。机械工业出版社中等职业教育中等职业教育“十

27、一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程4.2.6 场景组织（6）按快捷键【Ctrl】+【L】，打开“库”面板，把库中的“地球月亮”元件拖入“地球月亮”图层的第1帧，中心点对准引导线缺口的上线端，并给这个元件起实例名“地球”，在131帧按【F6】插入关键帧，拖动地球月亮元件让中心点对准引导线缺口的下线端，（7）创建补间动画。选中“地球月亮”层第1131帧中的任意一帧，在“帧”属性面板上的【补间】下拉列表中选择【动画】选项，设置其为【补间动画】。在【属性面板】里把“调整到路径、同步、对齐”都打上勾。机械工业出版社中等职业教育

28、中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程4.2.6 场景组织（8）更改图层属性。鼠标右击“引导线”层，在弹出的菜单中选“引导层”，将“引导线”层转化为普通引导层。鼠标右击“地球月亮”层，在弹出的快捷菜单里选择“属性”项目，在弹出的“图层属性”对话框里将图层的“类型”更改为“被引导”。（9）为动画添加标题。在“文字”层第1帧适当的位置输入本实例的名称“太阳、地球、月亮模拟运动”，同样在131帧插入普通桢。（10）动画完成,保存后按【Ctrl】+【Enter】测试影片。机械工业出版社中等职业教育中等职业教育“十一五十一五”规划教材规划教材电子商务专业电子商务专业机械工业出版社Flash8 动画设计实例教程动画设计实例教程本章到此结束，谢谢！