第4章复杂动画的制作

上传人:人*** 文档编号:588284966 上传时间:2024-09-07 格式:PPT 页数:150 大小:1.33MB
返回 下载 相关 举报
第4章复杂动画的制作_第1页
第1页 / 共150页
第4章复杂动画的制作_第2页
第2页 / 共150页
第4章复杂动画的制作_第3页
第3页 / 共150页
第4章复杂动画的制作_第4页
第4页 / 共150页
第4章复杂动画的制作_第5页
第5页 / 共150页
点击查看更多>>
资源描述

《第4章复杂动画的制作》由会员分享,可在线阅读,更多相关《第4章复杂动画的制作(150页珍藏版)》请在金锄头文库上搜索。

1、第第4章章 复杂动画的制作复杂动画的制作教学目标预备知识课堂讲解教学目标u理解元件、库和图层的概念u理解元件和图层的类型u掌握元件的创建、元件的转换、元件的调用和图库的使用方法u掌握图层的编辑方法、以及引导图层、遮罩图层的创建和使用方法返回预备知识基本概念:元件是Flash 动画中可以反复取出来使用的小部件,它分为三类:影片剪辑元件、按钮元件、图形元件。在动画中使用元件可以简化动画的制作过程,减小动画文件的体积。库是Flash 动画设计中的一个重要设计工具,每个Flash 文件都对应一个库,它用来存放元件、文本、声音、位图、视频文件等。图层是Flash 中创建复杂动画的基础。 图层就象一些互相

2、重叠在一起的透明胶片,在不同的图层上可以放不同的对象,每一个图层都是独立的,在修改当前图层时,不会影响到其他图层上的内容。当上一图层的某一区域没有内容时,可以透过该图层的这个区域看到下一图层中相同位置的内容。返回课堂讲解4.1 库和元件4.2 图层4.3 遮罩图层及其应用 4.4 引导层及其应用 返回4.1 库和元件l基本知识l案例4.1制作万道光线 l案例4.2制作星星 l案例4.3制作简单文字按钮 返回基本知识v元件元件可以反复使用,在制作动画中使用元件可以大大减小文件的体积和加快动画的播放速度。图库就象仓库一样存放了编辑动画的各种元件,这些元件可以随时调出使用。在制作动画时将元件从图库中

3、拖放到舞台工作区(即:场景)中,就生成了该元件的一个实例。元件只是一种标志,真正在舞台工作区中表演的是元件的实例,元件仍在图库中。v图形元件图形元件是可以反复使用的图形,它可以是只有一帧的静止图片,也可以制作成由多个帧组成的对象,在图形元件中不能添加交互行为和声音控制。v影片剪辑元件影片剪辑元件用来制作独立于当前场景时间轴的动画,它是主动画的一个组成部分,当播放主动画时,影片剪辑元件也在循环播放。v按钮元件按钮元件用于创建动画的交互控制按扭,它包含4个不同状态的帧即:“弹起”(按钮的正常状态)、“指针经过”(将鼠标移到按钮上)、“按下”(用鼠标按下按钮)、“点击”(响应按钮事件的区域范围,只有

4、当鼠标进入到这一区域时,按钮才开始响应鼠标的动作) 返回案例4.1制作万道光线l练习目的l练习要求l操作步骤l案例小结返回练习目的1.了解图形元件的制作2.掌握图形元件的制作方法,颜料桶工具的运用和“变形”面板的使用返回练习要求1新建Flash文档,保存在D:LX下,文件名为Fa4-1.fla。2设置背景颜色为黑色(#000000),文件大小为550400像素,帧频为12fps。3新建一个图形元件,取名为“光线”。4制作有彩虹渐变的三角形5旋转并复制三角形,得到如图4-1所示的图形元件。返回图4-1万道光线返回操作步骤v第一步:新建图形元件v第二步:制作图形元件返回第一步:新建图形元件(1)启

5、动Flash,文件另存为D:LX中,文件名为Fa4-1.fla。(2)设置背景颜色为黑色(#000000),文件大小为550400像素,帧频为12fps。(3)选择【插入】【新建元件】菜单命令,弹出如图4-2所示的对话框。在该对话框中设置名称:光线。行为:图形,单击“确定”按钮,插入一个图形元件。返回图4-2 创建元件 返回第二步:制作图形元件(1)单击工具栏中的线条工具按钮,在元件编辑区中绘制一个如图4-3所示的三角形。(2)选择工具栏中的颜料桶工具按钮,将填充色设置为彩虹色的线性渐变,在元件编辑区中便可得到一个具有彩虹渐变的三角形,如图4-4所示。(3)单击工具栏中的选择工具按钮,选中三角

6、形的边,按【Delete】键删除三角形的边。(4)选中三角形,单击工具栏中的任意变形工具按钮,将三角形旋转一定的角度,并将三角形的旋转中心移到元件编辑中心,如图4-5所示。(5)单击【窗口】【设计面板】【变形】菜单命令,或按【Ctrl+T】组合键打开“变形”面板,在其中选中单选项,在其后的文本框中输入10度,如图4-6所示(6)在“变形”面板中单击按钮,旋转并复制三角形,如图4-7所示。(7)重复步骤6,直到得到完整的万道光线。(8)保存文件,退出Flash。返回图4-3 绘制光线元件返回图4-4 绘制光线元件返回图4-5 填充光线元件返回图4-6 变形对话框返回图4-7 复制光线返回案例小结

7、1创建元件的几种方法(1)选择【插入】【新建元件】菜单命令,新建一个空白元件。(2)将已经有的动画通过选择【文件】【导入到库】菜单命令转换成元件。(3)选择【修改】【转换为元件】菜单命令或按【F8】键,将舞台工作区中的对象转换成元件。(4)在元件库中复制元件。2打开库的方法选择【窗口】【库】菜单命令,或按【F11】键或按【Ctrl+L】组合键。3元件的引用 元件创建好后就可以将它拖动到舞台工作区的任意位置或其他元件中使用。 返回案例4.2制作星星 v练习目的v练习要求v操作步骤v案例小结返回练习目的1.了解并掌握影片剪辑元件的制作方法2.熟练运用绘图工具绘制图形3.熟练使用“混色器”面板和“对

8、齐”面板对图形进行编辑。 返回练习要求1启动Flash文档,保存文件到D:LX中,文件名为Fa4-2.fla。2设置背景颜色为黑色(#000000),文件大小为550400像素,帧频为12fps。3新建一个影片剪辑元件,名为星星。4制作一个有放射状渐变色的椭圆和两个填充为线性渐变的相交椭圆。5设计时间轴,制作动画,形成影片剪辑元件,效果如图4-8所示。返回返回图4-8 闪烁的星星操作步骤第一步:新建文档第二步:绘制星星图形第三步:创建动画第四步:预览、保存文件返回第一步:新建文档(1)启动Flash,保存文件到D:LX,文件名为“Fa4-2”。(2)设置背景颜色为黑色(#000000),文件大

9、小为550400像素,帧频为12fps。返回第二步:绘制星星图形(1)选择【插入】【新建元件】菜单命令,在弹出的对话框中设置名称:星星。行为:影片剪辑,如图4-9所示。单击确定,插入一个影片剪辑元件。(2)单击工具栏中的椭圆工具按钮,将椭圆的边界设置为无色,打开“混色器”面板设置填充样式为放射状渐变,颜色为白、黑,如图4-10所示。(3)使用椭圆工具在元件编辑区中绘制一个如图4-11所示的圆。(4)单击工具栏中的椭圆工具按钮,将椭圆的边界设置为白色,填充样式设置为无色,在元件编辑区绘制两个长条形的椭圆,如图4-12所示。(5)单击工具栏中的选择工具,选中两个长椭圆交叉的线段,按Del键删除,如

10、图4-13所示 (6)单击工具栏中的颜料桶工具按钮,打开“混色器”面板将填充样式设置为线性状渐变,颜色为黑、白、黑,然后单击元件编辑区中的两个长椭圆,将两个长椭圆的颜色填充为黑、白、黑的渐变色,如图4-14,4-15所示。(7)选中两个长条形椭圆,使用工具栏中的任意变形工具按钮,改变椭圆的大小和方向,如图4-16所示。(8)移动两个长椭圆,使之和步骤(3)所画的圆重合,并单击工具栏中的任意变形工具按钮,将图形缩小,如图4-17所示。返回图4-9创建元件图4-10混色器面板 返回图4-11 绘制圆 返回图4-12 绘制长椭圆 返回图4-13 删除椭圆内交叉线段 返回图4-14 混色器面板 图 4

11、-15 填充颜色 返回图4-16 改变椭圆的大小和方向 返回图4-17 星星图形 返回第三步:创建动画(1)选中整个图形,选择【窗口】【设计面板】【对齐】命令,打开“对齐”面板,如图4-18所示。单击“水平中齐”和“垂直中齐”,使星星图形位于元件编辑区中心。(2)选中第5帧,按【F6】键,在该层的第5帧处插入一个关键帧。(3)单击工具栏中的任意变形工具按钮,将图形缩小,如图4-19所示。(4)利用“对齐”面板,将缩小后的星星图形对齐元件编辑区中心。(5)同样的方法,在第10帧、第15帧插入关键帧,改变图形的大小,并使图形对齐元件编辑区中心。(6)在时间轴上的第1帧到第5帧之间任意选中一帧,在属

12、性面板中将“补间”设置为“形状”。(7)在时间轴上的第5帧到第10帧之间任意选中一帧,在属性面板中将“补间”设置为“形状”。(8)在时间轴上的第10帧到第15帧之间任意选中一帧,在属性面板中将“补间”设置为“形状”,如图4-20所示。返回图4-18 对齐面板 返回图4-19 缩小后的星星 返回图4-20 完成的时间轴 返回第四步:预览、保存文件(1)按【F11】键打开库窗口,选中刚才建立的“星星”元件,在预览窗口中的右上角点击影片预览控制按钮中的三角形按钮来播放预览“星星”影片剪辑。(2)保存文件,退出Flash。返回案例小结1打开“对齐”面板除了使用菜单命令外,也可以通过【Ctrl+K】组合

13、键来完成。2测试影片剪辑元件和按钮元件中的动画效果,只能按Enter键在元件编辑区中播放;或通过在库窗口中的预览窗口中右上角的预览控制按钮中的三角形按钮来播放预览元件动画效果。返回案例4.3制作简单文字按钮 v练习目的v练习要求v操作步骤返回练习目的l掌握按钮元件的制作方法,l了解按钮元件四个帧的含义和设置 返回练习要求1新建Flash文档,保存到D:LX下,文件名Fa4-1.fla。设置背景颜色为浅蓝色(#0099FF),文件大小为550400像素,帧频为12fps。2新建按钮元件,设置名称为“按钮”。3分别设置按钮的“弹起”、“指针经过”“按下”“点击”下的按钮颜色、字体颜色。4设计时间轴

14、,制作动画,形成按钮元件。 返回操作步骤第一步:建立元件第二步:定义“弹起”帧第三步:定义“指针经过”帧第四步:定义“按下”帧第五步:定义“点击”帧第六步:检测,保存文件返回第一步:建立元件(1)启动Flash,文件保存到指定位置。设置背景颜色为浅蓝色(#0099FF),文件大小为550400像素,帧频为12fps。(2)选择【插入】【新建元件】命令,在弹出的对话框中设置名称:按钮。行为:按钮,单击“确定”按钮,插入一个按钮元件,如图4-21所示。返回图4-21 新建按钮元件 返回第二步:定义“弹起”帧(1)单击工具栏中的矩形工具按钮,将矩形的填充色设置为黑色,笔触颜色设置为无色,在元件编辑区

15、中绘制一个如图4-22所示的矩形。(2)单击工具栏中的文本工具按钮,在属性面板中设置字体为隶书,大小为55,颜色为黄色,在矩形中输入文字“测试”,如图4-23所示。返回图4-22 绘制黑色矩形 返回图4-23 给按钮输入文字 返回第三步:定义“指针经过”帧(1)选中“指针经过”帧,选择【插入】【时间轴】【关键帧】菜单命令,插入一个关键帧,如图4-24所示。(2)单击工具栏中的选择工具按钮,选中文字“测试”,在属性面板中将颜色设置为红色。(3)选中矩形,单击工具栏中的颜料桶工具按钮,填充色设置为绿色,将矩形颜色填充为绿色,如图4-25所示。返回图4-24 按钮时间轴 返回图4-25 将矩形填充为

16、绿色、文字填充为红色 返回第四步:定义“按下”帧v按照步骤三,将“按下”帧中的文字设置为紫色,矩形设置为黄色,如图4-26所示。返回图4-26 将矩形填充为黄色、文字填充为紫色 返回第五步:定义“点击”帧(1)选中“按下”帧,选择【插入】“时间轴”“关键帧”命令,插入一个关键帧,如图4-27所示。(2)单击工具栏中的矩形工具按钮,将矩形的填充色设置为白色, 笔触颜色设置为黑色,在元件编辑区中绘制一个覆盖原来图形的矩形,如图4-28所示。返回图4-27 按钮时间轴 返回图4-28 定义响应的区域 返回第六步:检测,保存文件(1)按下【F11】键打开库窗口,将“测试”按钮元件拖动到舞台工作区中。(

17、2)按【Ctrl+Enter】组合键观察效果。(3)保存文件,退出Flash。返回4.2 图层l基本知识l案例4.4制作夜空中闪烁的星星 l案例4.5制作水波纹 返回基本知识v在Flash 中每一个图层都是相互独立的,每一个图层都有自己的时间轴和独立的帧。利用图层可以把一些复杂的图形按照一定的类别分别绘制在不同的图层上,在每个图层上分别对图形进行处理,从而简化动画的制作。除普通图层外,Flash 还提供了两个特殊的图层:遮罩图层和引导图层。v对图层的编辑包括创建图层、重命名图层、移动图层、复制图层、删除图层、图层的隐藏与显示、图层的锁定与解锁等操作,这些操作可以通过层控制区实现。层控制区在时间

18、轴的左半部分,如图4-32所示。返回图4-32 层控制区 返回案例4.4制作夜空中闪烁的星星v练习目的v练习要求v操作步骤返回练习目的v加深对图层概念的理解v掌握新建图层的方法v掌握在动画制作中使用空白关键帧的作用和插入空白关键帧的方法 返回练习要求1打开D:LX文件夹下Fa4-2.fla文件,另存为Fa4-4.fla。2将元件库中影片剪辑元件“星星”拖动到舞台工作区。修改颜色属性为“Alpha”60%。3新增图层,与前面步骤相似地制作其他的星星,效果如图4-33所示。4观察动画效果并保存文件。返回图4-33 闪烁的星星 返回操作步骤第一步:制作第一颗星星第二步:制作其他的星星第三步:测试、保

19、存文件返回第一步:制作第一颗星星(1)启动Flash,打开D:LX中Fa4-2.fla,另存为Fa4-4.fla(2)打开元件库,将创建的“星星”影片剪辑元件,拖动到舞台工作区中,如图4-34所示(3)在属性面板中单击下拉列表框,在弹出列表中选择“Alpha”选项,并将其值设为60% (4)选中第60帧,按【F6】键插入一个关键帧返回图4-34 拖入舞台中的星星 返回第二步:制作其他的星星(1)单击【插入】【时间轴】【图层】菜单命令,新建一图层2。(2)选中图层2的第5帧,单击【插入】【时间轴】【空白关键帧】命令或按【F5】键,在该层的第5帧处插入一个空白关键帧。(3)将“星星”影片剪辑元件,

20、拖动到舞台工作区中,并单击工具栏中的任意变形工具按钮,改变星星的大小。(4)在属性面板中单击下拉列表框,在弹出列表中选择“Alpha”选项,并将其值设为50%,如图4-35所示。(5)用同样的方法,增加图层和在各图层中增加星星,最后完成的时间轴如图4-36所示。返回图4-35 增加星星 返回图4-36 完成的时间轴 返回第三步:测试、保存文件(1)按【Ctrl+Enter】组合键测试动画(2)保存文件,退出Flash返回案例4.5制作水波纹v练习目的v练习要求v操作步骤返回练习目的v熟练掌握图形元件的制作v熟练掌握影片剪辑元件的制作v熟练掌握新建图层的方法v熟练掌握利用不同图层关键帧的错位创建

21、补间动画,实现水滴滴落荡起水波的效果。 返回练习要求1新建Flash文档,保存到D:LX,文件名Fa4-5.fla,设置背景、文件大小及帧频。2制作水滴元件。3制作水波纹影片剪辑元件。4制作动画,使效果如图4-37所示。返回图4-37 水波纹 返回操作步骤v第一步:新建文件v第二步:制作“水滴”图形元件v第三步:制作“水波”影片剪辑元件v第四步:创建水滴效果动画v第五步:测试、保存文件返回第一步:新建文件(1)启动Flash文档,保存文件到D:LX,文件名为Fa4-5.fla。(2)设置背景颜色为蓝色(#0033FF),文件大小为500400像素,帧频为12fps。返回第二步:制作“水滴”图形

22、元件(1)选择【插入】【新建元件】菜单命令,在弹出的对话框中,设置名称:水滴,行为:图形,单击“确定”按钮,新建一个图形元件。(2)单击工具栏中的椭圆工具按钮,将椭圆的边界设置为无色,打开“混色器”面板将填充样式设置为放射状渐变,颜色为蓝、白。(3)利用工具栏中的椭圆工具和箭头工具,在元件编辑区中绘制如图4-38所示的水滴。返回图4-38 绘制水滴 返回第三步:制作“水波”影片剪辑元件(1)选择【插入】【新建元件】菜单命令,在弹出的对话框中设置名称:水波。行为:影片剪辑。单击“确定”按钮,新建一个影片剪辑元件。(2)单击工具栏中的椭圆工具按钮,在元件编辑区中绘制如图4-39所示的椭圆环。(3)

23、单击工具栏中的颜料桶工具按钮,打开“混色器”面板将填充样式设置为放射状渐变,颜色为蓝、白,然后单击元件编辑区中的椭圆环,将椭圆环的颜色填充为蓝、白的渐变色,如图4-40所示。(4)选中图层1的第35帧,按【F6】键,在该层的第35帧处插入一个关键帧。(5)改变椭圆环的大小。魏【修改】【变形】【缩放和旋转】菜单命令或按【Ctrl+Alt+S】组合键,调出“缩放和旋转”对话框,在“缩放”文本框中输入“250”,如图4-41所示,单击“确定”按钮。返回图4-39 绘制椭圆环 返回图4-40 填充椭圆环 返回图4-41 缩放和旋转对话框 返回第四步:创建水滴效果动画(1)选择【编辑】【编辑文档】菜单命

24、令,退出元件编辑区,返回到舞台工作区中,将“水滴”元件拖动到舞台工作区中,如图4-42所示。(2)选中第15帧,插入关键帧,将第15帧中的水滴下移一段距离,如图4-43所示。(3)在图层1的时间轴上第1帧到第15帧之间任意选择一帧,单击鼠标右键,在弹出的菜单中选择“创建补间动画”命令。(4)选择【插入】【时间轴】【图层】菜单命令,新建一图层2,在图层2的第15帧处按F6键,插入一个关键帧,如图4-44所示。(5)选中图层2的第15帧,将“水波”元件拖动到舞台工作区中,如图4-45所示。(6)在图层2的第50帧处插入关键帧,选中图层第50帧中的图形,在属性面板中单击下拉列表框,在弹出列表中选择“

25、Alpha”选项,并将其值设为0% 。第四步:创建水滴效果动画(续)(7)在图层2的时间轴上第15帧到第50帧之间任意选择一帧,单击鼠标右键,在弹出的快捷菜单中选择“创建补间动画”命令。(8)选中图层2,选择【插入】【时间轴】【图层】命令,新建一图层3,并在图层3的第20帧处插入关键帧,如图4-46所示。(9)选中图层2的第15帧到第50帧, 单击鼠标右键,在弹出的快捷菜单中选择“复制帧”命令,复制第15帧到第50帧的内容。(10)选中图层3的第20帧, 单击鼠标右键,在弹出的快捷菜单中选择“粘贴帧”命令, 粘贴复制帧,如图4-47所示。(11)重复步骤(7)增加图层4、图层5、图层6,在图层

26、4的第25帧、图层5的第30帧、图层6的第35帧插入关键帧。(12)重复步骤8、步骤9在图层4、图层5、图层6中粘贴帧,如图4-48所示。返回图4-42 将水滴元件拖入舞台工作区 返回图4-43 移动水滴 返回图4-44 图层2的第15帧插入关键帧 返回图4-45 将水波元件拖入舞台工作区中 返回图4-46 图层3的第20帧插入关键帧 返回图4-47 图层3的第20帧处粘贴帧 返回图4-48 最后的时间轴 返回第五步:测试、保存文件(1)按【Ctrl+Enter】组合键测试动画。(2)保存文件,退出Flash返回4.3 遮罩图层及其应用l基本知识l案例4.6 制作流动显示照片l案例4.7 制作

27、放大镜返回基本知识遮罩图层的概念:v遮罩图层是一种特殊的图层,使用遮罩图层后,遮罩图层下面图层的内容就像透过一个窗口显示出来,这个窗口的形状就是遮罩图层中的内容的形状。一个遮罩层可以与位于其后的若干个连续的相邻图层建立遮罩与被遮罩的关系,只有建立了遮罩与被遮罩关系的编辑层才会受到遮罩层的影响。遮罩图层的使用方法:v第一步:在遮罩图层上绘制遮罩图形v第二步:选取遮罩图层的第1帧,将遮罩图形拖到被遮罩图层对象的一侧v第三步:选取遮罩图层的另一关键帧,将遮罩图形拖到被遮罩图层对象的另一侧v第四步:在遮罩图层的两个关键帧间创建补间动画返回案例4.6 制作流动显示照片返回v练习目的v练习要求v操作步骤v

28、案例小结练习目的v理解遮罩的概念和效果v掌握遮罩图层的创建和使用方法 返回练习要求1新建Flash文档,保存到D:LX中,文件名为Fa4-6.fla。设置背景、文件大小及帧频。2将图片导入舞台工作区中。3制作一个名为mask的图形元件,内容为一个椭圆。4创造遮罩图层5测验动画,保存文件。 返回操作步骤v第一步:新建文件v第二步:导入图片v第三步:制作元件v第四步:创建遮罩图层v第五步:保存文件返回第一步:新建文件(1)启动Flash文档,保存文件到D:LX下,文件名Fa4-6.fla。(2)设置背景颜色为黑色(#000000),文件大小为550400像素,帧频为12fps。返回第二步:导入图片

29、(1)选择【文件】【导入】【导入到舞台】菜单命令,载入所需图片。(2)单击工具栏中的任意变形工具按钮,将照片适当放大,如图4-51所示。(3)选中图层1的第30帧,按【F6】键插入一个关键帧,如图4-52所示。返回图4-51 载入的图形返回图4-52 插入关键帧返回第三步:制作元件(1)选择【插入】【新建元件】菜单命令,插入一个图形元件,命名为mask。(2)单击工具栏中的椭圆工具按钮,将椭圆的填充色设置为白色,将椭圆的边界设置为无色。(3)使用椭圆工具在元件编辑区中画一个椭圆,并将其拖到元件编辑区的中间,如图4-53所示。(4)选择【编辑】【编辑文档】菜单命令,退出元件编辑区,返回到舞台工作

30、区中。返回图4-53 白色椭圆返回第四步:创建遮罩图层(1)选择【插入】【时间轴】【图层】命令,新建一图层2,如图4-54所示。(2)选中图层2的第1帧,将库窗口中的元件mask拖到舞台工作区中,并调整元件mask位置,如图4-55所示。(3)选中图层2的第30帧,按【F6】键插入一个关键帧,并调整元件mask位置,如图4-56所示。(4)在图层2的时间轴上第1帧到第30帧之间任意选择一帧,单击鼠标右键,在弹出的菜单中选择“创建补间动画”命令。如图4-57所示。(5)选择图层2为当前图层,在层控制区上单击鼠标右键,在弹出的快捷菜单中选择“遮罩层”,将图层2定义为遮罩图层,如图4-58所示。返回

31、图4-54 插入新图层返回图4-55 主画面1 图4-56 主画面2返回图4-57 时间轴返回图4-58 创建遮罩层返回第五步:保存文件(1)按【Ctrl+Enter】组合键测试动画。(2)保存文件,退出Flash。返回案例小结1建立好遮罩后,遮罩图层和被遮罩图层自动锁定,如果要修改遮罩图层和被遮罩图层中的内容,需单击图层名称旁边的图标解锁,使其处于可编辑状态即可。2遮罩图层中的对象只能是单一的物体、元件或文本对象。3如果要取消遮罩图层,在遮罩图层单击鼠标右键,在弹出的快捷菜单中选择“遮罩层”命令,便可将该图层变为标准图层,同时被遮罩图层也变为标准图层。返回案例4.7 制作放大镜返回v练习目的

32、v练习要求v操作步骤练习目的v掌握图形的任意变形v掌握复制帧、粘贴帧的用法v掌握遮罩图层的作用v掌握利用补间动画创作放大镜的移动效果 返回练习要求1新建Flash文档,保存到D:LX中,文件名Fa4-7.fla。设置背景及文件大小和帧频。2选择静态文本类型,输入文字“FLASH MX”。3创建遮罩层,使其具有放大镜功能,效果如图4-68所示。返回操作步骤v第一步:制作文字v第二步:创建遮罩图层v第三步:制作放大镜v第四步:测试、保存文件返回第一步:制作文字(1)新建Flash文档,保存文件到D:LX,文件名为Fa4-7.fla,设置背景颜色为蓝色(#0000FF),文件大小为550200像素,

33、帧频为12fps。(2)单击工具栏中的文本工具,在属性面板中选择静态文本类型,设置字体、字号、颜色,如图4-59所示。 (3)在舞台工作区中适当位置输入“FLASH MX”,如图4-60所示。(4)选中图层1的第40帧,按F5键插入帧。返回图4-59 文字属性面板 返回图4-60 输入字母 返回第二步:创建遮罩图层(1)选择【插入】【时间轴】【图层】菜单命令,新建一图层2。(2)单击工具栏中的椭圆工具按钮,将椭圆的填充色设置与背景相同,将椭圆的边界设置为无色。(3)使用椭圆工具在舞台工作区左边画一个圆形,大小覆盖左起第一个字母为准,如图4-61所示。(4) 选中图层2的第40帧,按F6键插入一

34、个关键帧,将第40帧圆形的位置移到“FLASH MX”的结尾位置,覆盖最后一个字母,如图4-62所示。(5)在图层2的时间轴上第1帧到第40帧之间任意选择一帧,单击鼠标右键,在弹出的菜单中选择“创建补间动画”命令。(6)选中图层1的所有帧, 单击鼠标右键,在弹出的快捷菜单中选择“复制帧”命令,复制全部帧,如图4-63所示。(7)选中图层2,选择【插入】【时间轴】【图层】命令,新建一图层3。返回第二步:创建遮罩图层(续)(8)选中图层3的第1帧到第40帧,单击鼠标右键,在弹出的快捷菜单中选择【粘贴帧】命令,复制粘贴全部帧,如图4-64所示。(9)选中图层3的第1帧的文字, 单击工具栏中的任意变形

35、工具按钮,将文字适当放大,如图4-65所示。(10)选中图层2的所有帧, 单击鼠标右键,在弹出的快捷菜单中选择“复制帧”命令,复制全部帧。(11)选中图层3,单击【插入】“时间轴”“图层”命令,新建一图层4。(12)选中图层4的第1帧到第40帧,单击鼠标右键,在弹出的快捷菜单中选择【粘贴帧】命令,粘贴复制全部帧,如图4-66所示。(13)选择图层4为当前图层,在层控制区上单击鼠标右键,在弹出的快捷菜单中选择“遮罩层”,将图层4定义为遮罩图层,如图4-67所示。返回图4-61 画一覆盖圆1 返回图4-62 覆盖圆2 返回图4-63 复制帧返回图4-64 粘贴帧返回图4-65 文字按比例放大 返回

36、图4-66 时间轴 返回图4-67 创建遮罩层 返回第三步:制作放大镜(1)选中图层4,选择【插入】【时间轴】【图层】命令,新建一图层5。(2)单击工具栏中的椭圆工具按钮,在舞台左边画一个边框为白色,填充色为无色的圆作为放大镜,如图4-68所示。(3)选中图层5的第40帧,按【F6】键插入一个关键帧,将第40帧圆形的位置移到和图层2中第40帧圆形相同的位置。 (4)在图层5的时间轴上第1帧到第40帧之间任意选择一帧,单击鼠标右键,在弹出的菜单中选择“创建补间动画”命令。返回图4-68 制作放大镜效果返回第四步:测试、保存文件(1)按【Ctrl+Enter】组合键观察效果。(2)保存文件,退出F

37、lash返回4.4 引导层及其应用l基本知识l案例4.8 制作跳动的小球l案例4.9 制作月球、卫星环绕地球返回基本知识v引导层是Flash 动画中的另外一种特殊图层,利用引导层可以实现对象沿着指定的路径运动。一个引导层可以与多个图层间建立引导关系,实现多个对象沿相同的路径运动。 返回案例4.8 制作跳动的小球返回v练习目的v练习要求v操作步骤v案例小结练习目的v掌握引导图层的作用与创建方法v掌握利用引导图层实现对象沿着指定的路径运动 返回练习要求1启动Flash文档,保存于D:LX文件夹中,文件名为Fa4-8.fla。设置背景颜色、文件大小及帧频。2制作小球元件。3添加引导图层,在引导图层中

38、制作引导线。4将小球元件与引导图层结合,制作动画,形成效果为跳动的小球。 返回操作步骤v第一步:新建文件v第二步:制作元件v第三步:创建引导图层v第四步:创建动画v第五步:测试动画,保存文件返回第一步:新建文件(1)启动Flash文档,保存在D:LX中,文件名Fa4-8。(2)设置背景颜色为蓝色(#0033FF),文件大小为550400像素,帧频为12fps。返回第二步:制作元件(1)选择【插入】【新建元件】菜单命令,插入一个图形元件,命名为ball。(2)单击工具栏中的椭圆工具按钮,将椭圆的填充色设置为红色,将椭圆的边界设置为无色。(3)使用椭圆工具在元件编辑区中画一个椭圆,并将其拖到元件编

39、辑区的中间,如图4-71所示。(4)选择【编辑】【编辑文档】菜单命令,退出元件编辑区,返回到舞台工作区中。返回图4-71 绘制的小球 返回第三步:创建引导图层(1)在图层1的层控制区上单击鼠标右键,在弹出的快捷菜单中选择【添加引导层】命令,添加运动引导图层。 (2)选中引导图层,单击工具栏中的铅笔工具按钮,将铅笔模式改为平滑,在舞台工作区中画一个运动轨迹,如图4-72所示。(3)选中引导图层的第40帧,按【F5】键插入一个普通帧。返回图4-72 运动路径 返回第四步:创建动画(1)选中图层1的第1帧,将库窗口中的元件ball拖到舞台工作区中,并调整元件ball的位置,使它位于运动路径的起点,如

40、图4-73所示。(2)选中图层1的第40帧,按【F6】键插入一个关键帧,将第40帧元件ball位置移到运动路径的终点,如图4-74所示。(3)在图层1的时间轴上第1帧到第40帧之间任意选择一帧,单击鼠标右键,在弹出的菜单中选择【创建补间动画】命令。如图4-75所示。返回图4-73 主画面1 返回图4-74 主画面2 返回图4-75 完成的时间轴 返回第五步:测试动画,保存文件(1)按【Ctrl+Enter】组合键测试动画。(2)保存文件,退出Flash。返回案例小结1添加引导图层除本例介绍的方法外,还可用鼠标单击层控制区左下方的按钮。2在创建动画中,如果选中了工具栏中的按钮,运动对象就会自动移到路径上来,并且对象会被限制在路径上。返回

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 资格认证/考试 > 自考

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号