第4章复杂动画的制作课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《第4章复杂动画的制作课件.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 复杂 动画 制作 课件
- 资源描述:
-
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)启动F
5、lash,文件另存为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 复制光线返回案例小结1创
7、建元件的几种方法(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),文件大小为55
9、0400像素,帧频为12fps。返回第二步:绘制星星图形(1)选择【插入】【新建元件】菜单命令,在弹出的对话框中设置名称:星星。行为:影片剪辑,如图4-9所示。单击确定,插入一个影片剪辑元件。(2)单击工具栏中的椭圆工具按钮,将椭圆的边界设置为无色,打开“混色器”面板设置填充样式为放射状渐变,颜色为白、黑,如图4-10所示。(3)使用椭圆工具在元件编辑区中绘制一个如图4-11所示的圆。(4)单击工具栏中的椭圆工具按钮,将椭圆的边界设置为白色,填充样式设置为无色,在元件编辑区绘制两个长条形的椭圆,如图4-12所示。(5)单击工具栏中的选择工具,选中两个长椭圆交叉的线段,按Del键删除,如图4-1
10、3所示(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-15 填
11、充颜色 返回图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】键打开库窗口,将“测试”按钮元件拖动到舞台工作区中。(2)按【Ctr
17、l+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)将“星星”影片剪辑元件,拖动到舞台工作区
展开阅读全文