第19课特效动画典型案例(16).ppt

本课上机实战将练习两个比较简单的特效动画，分别让读者巩固Flash基础知识和基本操作，以及Actions语句的使用。,第十九课特效动画典型案例,实例目标,展开的画卷效果鼠标跟随特效,展开的画卷效果,动画播放时两个极具金属质感的画轴并排在一起，然后下面的画轴逐渐下落，就像人用手逐渐展开画卷一样，最后出现一幅古典的画面，并配以古典的音乐，其界面如图19-1所示。其中画轴是综合应用矩形工具、椭圆工具、任意变形工具、混色器等绘制而成的，而画卷展开的动画是通过运动动画和遮罩动画来实现的。通过本实例的练习，可以巩固Flash动画的基础知识和基本操作。,图19-1,鼠标跟随特效,在浏览网页时常常看到一些漂亮的鼠标效果，如在鼠标后面跟随着一串漂亮的小星星或小花朵等，为整个网页增添了不少生机与活力。本实例将介绍如何制作一个鼠标跟随特效，在画面上移动鼠标时，后面有一串旋转着颜色渐变的小星星随之移动，最终效果如图19-2所示。通过本实例的练习，可以掌握startDrag语句的用法，进一步巩固复制影片剪辑语句duplicateMovieClip的用法。,图19-2,制作分析,展开的画卷效果制作分析鼠标跟随特效制作分析,展开的画卷效果制作分析,在动手制作展开的画卷效果前，先来进行一些分析，以便理清思路，掌握基本的制作方法。本实例涉及到一个遮罩动画、两个动作补间动画的基本操作，其制作方法如下。首先绘制画轴，然后回到场景中，将需要的图片导入场景中，将“画轴”拖放到场景中，并利用矩形来遮罩图片实现画卷的展开效果，最后为动画添加优美的古典音乐，完成展开画卷效果的制作。,鼠标跟随特效制作分析,startDrag语句是制作鼠标跟随特效必需的语句，其语法格式如下：startDrag(target,lock,left,top,right,bottom)其中：target表示要拖动的影片剪辑的目标路径。lock是一个布尔值，用于指定可拖动影片剪辑是锁定到鼠标位置中央，还是锁定到用户首次单击该影片剪辑的位置上，此参数是可选的，包括两个参数true（锁定到鼠标位置中央）、false（锁定到用户首次单击该影片剪辑的位置上）。,left、top、right、bottom是相对于影片剪辑父级坐标的值，这些值指定该影片剪辑的约束矩形，这些参数是可选的。鼠标跟随特效的制作方法如下：首先通过形状补间动画制作星星的变色动画，使跟随鼠标的小星星在运动过程中不断改变颜色，然后通过动作补间动画制作星星旋转的动画，最后通过startDrag语句和duplicateMovieClip语句制作星星跟随鼠标移动的效果。,上机实战,画轴效果制作鼠标跟随特效制作,画轴效果制作,制作画轴制作展开的画卷效果,画轴效果的制作过程分为两大步：制作画轴、制作展开画卷的动画。,制作画轴,画轴由两个大小不一的矩形和两个半圆组合而成，为了达到画轴的真实效果，将其颜色设为由白至深灰色的金属质感效果。下面用3个图层来分别放置画轴的几部分：（1）新建一个文件，将背景大小设为360550像素，背景颜色设为暗红色，创建一个名为“画轴”的图形元件。（2）用矩形工具绘制一个矩形，选择矩形的填充色，在“混色器”的下拉列表框中选择“线性”选项，将左右两侧的色标颜色均设为深灰色，在两个色标之间单击创建一个色标，并设置颜色为白色，这样即可使矩形呈现出金属质感。,（3）选择矩形的边框，在“属性”面板中设置其线条颜色为浅灰色，然后选中整个矩形，将其移动到编辑区的中间位置，如图19-3所示。（4）新建一个图层“图层2”，用相同的方法在矩形的左边创建一个小矩形，其颜色设置与大矩形完全相同，然后将其复制一份，并放置在大矩形的右边，如图19-4所示。（5）锁定图层1，选择“图层2”第1帧中的矩形，在“属性”面板中将其宽设为170，高设为20，在“对齐”面板中将矩形相对场景中心对齐。,图19-3,图19-4,（6）新建一个图层“图层3”，单击椭圆工具，在场景中绘制一个适当大小的圆，将边框设为浅灰色，在混色器中将填充色设为由白至深灰色的放射状渐变。（7）单击选择工具，选择椭圆的右半部分，将其移动到编辑区的另一空白位置，然后单击墨水瓶工具，将线条颜色设为浅灰色，单击椭圆两部分的右边缘和左边缘，填充其颜色为浅灰色。（8）将分开的两个半圆分别放置在两个小矩形的两边，如图19-5所示。,图19-5,制作展开的画卷效果,展开画卷的效果主要通过画轴下落过程中的遮罩动画来实现：（1）单击图标回到场景中，导入图片“美女.jpg”，并将其放置在如图19-6所示的位置。,图19-6,（2）新建“图层2”，从“库”面板中将元件“画轴”拖入场景中，并将其放在画卷的上边缘，如图19-7所示。,图19-7,（3）选中“图层1”，单击按钮，新建一个图层“图层3”，单击矩形工具，在“属性”面板中将线条颜色设为无，填充色设为黑色，在场景中绘制一个矩形，使矩形刚好能遮住画轴下面画卷露出的部分，并将其转换为图形元件，如图19-8所示。,图19-8,（4）在时间轴中选择所有图层的第50帧，按【F5】键沿用帧，选中“图层3”的第50帧，按【F6】键插入关键帧，再选中第1帧，将矩形的“高”设为1，并在第1帧和第50帧之间创建补间动画，然后将图层3转换成遮罩层，如图19-9所示。,图19-9,（5）选中图层2的第1帧，并复制该帧。新建一个图层“图层4”，选中“图层4”的第1帧，用鼠标右键单击，在弹出的快捷菜单中选择“粘贴”命令，将画轴粘贴过来，并移到如图19-10所示的位置。（6）在第50帧插入关键帧，将其移至画卷下方，并覆盖画卷的下边缘，然后在第1帧和第50帧之间创建补间动画。,图19-10,（7）选中第50帧，在“动作-帧”面板中输入stop()命令，如图19-11所示。（8）新建图层5，选中图层5的第1帧，导入古典音乐“music.wav”，在“属性”面板的“声音”下拉列表框中选择“music.wav”。（9）按【Ctrl+Enter】键测试动画，最终效果如图19-1所示。,图19-11,鼠标跟随特效制作,制作“变色的星星”制作旋转的星星添加Actions语句,鼠标跟随特效的制作过程分为三大步：制作星星的变色动画、制作星星旋转的动画、为动画添加Actions语句。,制作“变色的星星”,其具体操作如下：（1）新建一个文件，并将其背景大小设为800640像素，新建一个名为“变色的星星”的图形元件，在第1帧中绘制一颗小星星，并将其颜色设置为白色，其形状如图19-12所示。,图19-12,（2）依次在第3、8、10、12、17、20帧按【F6】键插入关键帧，选中第3帧中的星星，将其填充色改为亮黄色，第8帧中的星星改为暗黄色，第10帧中的星星改为橙色，第12帧中的星星改为红色，第17帧中的星星改为亮黄色，第20帧中的星星改为白色。,（3）依次在各个关键帧之间创建形状补间动画，形成星星变色的动画，如图19-13所示。,图19-13,制作旋转的星星,其具体操作如下：（1）创建一个名为“旋转”的影片剪辑元件，打开“库”面板，将元件“变色的星星”拖放到元件编辑区中。（2）在第15帧插入关键帧，然后选中第1帧，在“属性”面板的“补间”下拉列表框中选择“动作”选项，在“旋转”下拉列表框中选择“顺时针”选项，如图19-14所示。这样星星旋转的动画就制作完成。,图19-14,添加Actions语句,其具体操作如下：（1）单击图标回到场景中，导入图片“sichuan.jpg”，并通过任意变形工具改变其大小，使该图片刚好能覆盖舞台，如图19-15所示。,图19-15,（2）新建一个图层，将影片剪辑元件“旋转”拖放到舞台中的任意位置，并在“属性”面板中将其命名为“sm”。（3）新建一个图层，并命名为“Actions”，选中第1帧，在“动作”面板中输入如下语句：startDrag(“sm”,true);/拖动影片剪辑，并且将影片剪辑元件锁定到鼠标位置中央（4）在第2帧插入空白关键帧，在“动作”面板中输入如下语句：duplicateMovieClip(sm,sm1,1);/复制影片剪辑“sm”，并将新影片剪辑命名为“sm1”，使其与原影片剪辑位于同一级别,（5）在第4帧插入空白关键帧，在“动作”面板中输入如下语句：duplicateMovieClip(sm,sm2,2);/复制影片剪辑“sm”，并将新影片剪辑命名为“sm2”，使其比原影片剪辑高一级别（6）在第6帧插入空白关键帧，在“动作”面板中输入如下语句：duplicateMovieClip(sm,sm3,3);/复制影片剪辑“sm”，并将新影片剪辑命名为“sm3”，使其比原影片剪辑高两个级别（7）用同样的方法，依次在第8、1