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