第八章FlashCS基础动画制作优秀文档.ppt

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