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