第3讲FlashCS3基础动画制作.ppt

第讲FlashCS基础动画制作学习要点逐帧动画制作形状补间动画制作动作补间动画制作引导层动画制作遮罩动画制作逐帧动画制作制作方法：一个关键帧接一个关键帧地绘制作内容相邻帧之间的内容只有细微变化多帧连续播放即形成动画。形状补间动画制作知识讲解形状补间动画的定义在补间形状中在一个关键帧绘制一个形状然后在另一个关键帧更改该形状或绘制另一个形状。Flash会内插二者之间的帧的值或形状来创建动画。利用这种动画可以实现对象的大小、位置、颜色等变化。形状补间动画的构成要素和时间轴表现构成形状补间动画的元素是形状。形状补间动画建立后时间帧面板的背景色变为淡绿色在起始帧和结束帧之间有一个长长的箭头如果制作错误显示为虚线。形状补间动画在时间轴表现技巧提示：若要对组、实例或位图图像应用形状补间请分离这些元素（按CtrlB组合键）。若要对文本应用形状补间请将文本分离两次从而将文本转换为对象。形状补间动画的属性面板用户在制作形状补间动画时可根据动画要求利用其属性面板对动画进行加速或减速等属性设置形状补间动画的属性面板课堂案例Loading下载条制作【学习目标】使用形状补间动画制作Loading下载条【知识要点】使用矩形工具、任意变形工具、形状补间动画命令制作下载条的动画效果。使用文本工具添加文字效果Loading下载条最终效果课堂案例翻书效果【学习目标】使用添加形状提示来形状补间动画制作翻书效果。【知识要点】使用矩形工具、任意变形工具、形状补间动画命令制作翻书的动画效果最终效果如图所示。翻书最终效果动作补间动画制作知识讲解动作补间动画的定义在动作补间动画中在一个关键帧放置一个元件实例然后在另一个关键帧改变这个元件实例的大小、颜色、位置、透明度、方向等Flash根据二者之间差值创建的动画称为动作补间动画。动作补间动画的构成要素和时间轴表现构成动作补间动画的元素是元件实例包括影片剪辑、图形元件、按钮、文字、位图、组合等等时间帧面板的背景色变为淡紫色在起始帧和结束帧之间有一个长长的箭头如图所示如果制作错误显示为虚线。动作补间动画在时间轴表现技巧提示：若要对象是形状只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”否则会出现虚线显示。动作补间动画的属性面板用户在制作动作补间动画时在时间轴“动作补间动画”的起始帧上单击然后打开属性面板（按【CtrlF】快捷键）如图所示。动作补间动画的属性面板缓动：这个选项的作用与形状补间动画的完全一样在此不再赘述。旋转：有个选项选择“无”（默认设置）即禁止元件实例旋转选择“自动”可以使元件实例根据起始帧与结束帧上的角度自动进行旋转选择“顺时针”或“逆时针”并在后面输入数字可使元件实例在运动时顺时针或逆时针旋转相应的圈数。调整到路径：将补间元素的基线调整到运动路径此项功能是用于引导线运动的。在下一节中我们学习。同步：此选项使图形元件实例内部的动画和主时间轴同步。贴紧：此选项功能是用于引导线运动可以根据其注册点将补间元素附加到运动路径课堂案例汽车行驶【学习目标】使用物体移动动画的制作以及物体进行加速或减速运动的设置技巧。【知识要点】使用动作补间动画命令制作汽车行驶的动画效果。如图所示。汽车行驶最终效果课堂案例钟摆运动钟摆运动最终效果【学习目标】使用物体摆动动画的制作以及物体进行加速或减速运动的设置技巧。【知识要点】使用绘画工具绘制钟摆利用动作补间动画命令制作钟摆运动的动画效果。如下图所示。引导层动画制作知识讲解引导层动画的定义将一个或多个层链接到一个运动引导层使一个或多个对象沿同一条路径运动的动画形式称为引导层动画。引导层动画的创建方法一个最基本的引导层动画由两个图层组成上面一层是引导层它的图层图标为下面图层是被引导层图标同普通图层一样。在一个普通图层上点击时间轴面板的“添加引导层”按钮该层的上面就会添加一个引导层同时该普通层会缩进成为“被引导层”如下图所示。引导层、被引导层与普通图层引导层是用来指示对象运行路径的所以引导层中的内容可以是用钢笔、铅笔、线条、椭圆、矩形工具或画笔工具等绘制出的线条。被引导层中的对象是跟着引导线走的可以使用影片剪辑、图形元件、按钮元件等形状补间动画无法应用引导层动画。注册点与引导线技巧提示：创建引导层动画时一定要注意位于被引导层关键帧上的元件实例注册点一定要位于引导线上否则引导层动画无法正常运行如上图所示。引导层动画的参数设置用户在制作引导层动画时在时间轴“引导层动画”的起始帧上单击然后打开属性面板（按【CtrlF】快捷键）如下图所示。设置引导层动画的参数调整到路径：可使被引导层上的对象按照引导线的走势改变引导对象的角度。这样制作鸟儿飞翔和鱼儿游的效果更逼真。同步：此选项使图形元件实例内部的动画和主时间轴同步。贴紧：此选项功能是用于引导线运动可以根据其注册点将补间元素附加到运动路径。课堂案例飞行鸟儿【学习目标】掌握引导层动画的制作技巧与方法。【知识要点】使用动作补间动画制作鸟儿飞行添加引导层。如下图所示。鸟儿飞行最终效果遮罩动画制作知识讲解遮罩动画的定义遮罩动画顾名思义就是遮挡下面的对象。遮罩动画至少有两层：遮罩层和被遮罩层处于上层是遮罩层下层是被遮罩层如下图所示制作遮罩前后效果对比仔细观察图层和锁定情况。遮罩动画主要用于水波、探照灯效果、百叶窗、放大镜、望远镜等效果。遮罩前后效果比较遮罩动画的创建方法“被遮罩层”其实就是普通图层“遮罩层”创建方法是在遮罩层单击右键在弹出菜单中勾选“遮罩层”该图层就变成遮罩层系统自动把遮罩层下面图层关联为被遮罩层如下图所示。如果想关联更多图层只要把其他图层拖到被遮罩层下面。遮罩层中的图形对象在播放是看不见的哦遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字。被遮罩层中的对象只能透过遮罩层中的对象看到。遮罩层和被遮罩层都可以使用形状补间、动作补间和引导层动画。创建遮罩层技巧提示：遮罩层的对象不能使用线条如果一定要用线条一定要线条转换为填充对象选择【修改】|【形状】|【将线条转化为填充】。遮罩动画的应用技巧（）遮罩层的基本原理：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性。但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的比如我们要实现文字走光效果必须通过被遮罩层的图像进行实现。（）显示遮罩效果：可以锁定遮罩层和被遮罩层。（）不能用一个遮罩层遮挡另一个遮罩层。（）制作过程注意：遮罩层经常挡住下层的元件影响实现无法编辑可以按下遮罩层时间轴面板的显示图层轮廓按钮使遮罩层只显示边框形状可以调整遮罩图形的大小和位置。（）被遮罩层不能放置动态文本。课堂案例探照灯效果【学习目标】掌握遮罩动画的制作技巧与方法。【知识要点】使用遮罩动画制作探照灯效果。如下图所示。探照灯最终效果动画片中经常会出现的各种自然现象如风、雨、雪、雷、云、烟、水、火等。因此Flash动画设计师应该掌握各种自然现象的运动规律与制作方法本实训项目雨的制作方法雨从空中降落时本是一滴一滴的小雨点但因为单个雨点的体积很小降落的速度又较快因此在较多的情况下人们看到的雨往往是因为有视觉暂留的作用而形成一条条细长的半透明的直线。所以在动画中表现下雨的镜头一般多是画一些长短不同的直线掠过画面。雨从空中降落时本来是垂直的由于常常伴有风所以看到的雨点往往都是斜着落下来的。当雨点落到地面、雨伞等物体上时还会溅起小水花。项目实训自然现象Flash实现【学习目的】：掌握自然现象下雨的制作方法和技巧。【使用工具】：转换元件、补间动画的制作最终效果下图所示。下雨效果图项目分解任务一制作下雨效果任务二制作水花效果任务三制作主场景效果操作题制作下雪的场景效果如下图所示。下雪效果图【操作提示】：文件大小设置为pixel*pixel首先导入“光盘Chap素材雪景图片jpg”素材作为背景图片新建“下雪”元件利用透明度绘制雪花形状制作引导层动画新建“下雪”元件制作一组雪花飘落动画复制三个图层选择单个实例通过属性面板如下图所示分别改变实例帧的播放形式第一帧分别为、、、开始新建“下雪”元件通过改变“下雪”实例的大小和透明度制作前景、中景和背景雪花效果。实例播放控制