单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,本课上机实战将练习两个比较简单的特效动画,分别让读者巩固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语句制作星星跟随鼠标移动的效果。,上机实战,画轴效果制作,鼠标跟随特效制作,画轴效果制作,制作画轴,制作展开的画卷效果,(8)将分开的两个半圆分别放置在两个小矩形的两边,如图19-5所示。,展开的画卷效果制作分析,展开画卷的效果主要通过画轴下落过程中的遮罩动画来实现:,其具体操作如下:,(5)在第4帧插入空白关键帧,在“动作”面板中输入如下语句:,duplicateMovieClip(sm,sm3,3);/复制影片剪辑“sm”,并将新影片剪辑命名为“sm3”,使其比原影片剪辑高两个级别,(8)将分开的两个半圆分别放置在两个小矩形的两边,如图19-5所示。,通过本实例的练习,可以掌握startDrag语句的用法,进一步巩固复制影片剪辑语句duplicateMovieClip的用法。,(8)在第35帧插入空白关键帧,并添加如下语句:,(7)单击选择工具 ,选择椭圆的右半部分,将其移动到编辑区的另一空白位置,然后单击墨水瓶工具 ,将线条颜色设为浅灰色,单击椭圆两部分的右边缘和左边缘,填充其颜色为浅灰色。,画轴由两个大小不一的矩形和两个半圆组合而成,为了达到画轴的真实效果,将其颜色设为由白至深灰色的金属质感效果。,(1)新建一个文件,将背景大小设为360550像素,背景颜色设为暗红色,创建一个名为“画轴”的图形元件。,这样星星旋转的动画就制作完成。,duplicateMovieClip(sm,sm1,1);/复制影片剪辑“sm”,并将新影片剪辑命名为“sm1”,使其与原影片剪辑位于同一级别,(7)用同样的方法,依次在第8、10、12、14、16、18、20、22、24、26、28、30、32帧插入空白关键帧,并添加相应的语句,每个关键帧中的语句相应地增加一个数字,如第32帧中的语句应为:,(1)新建一个文件,并将其背景大小设为800640像素,新建一个名为“变色的星星”的图形元件,在第1帧中绘制一颗小星星,并将其颜色设置为白色,其形状如图19-12所示。,画轴效果的制作过程分为两大步:制作画轴、制作展开画卷的动画。,制作画轴,画轴由两个大小不一的矩形和两个半圆组合而成,为了达到画轴的真实效果,将其颜色设为由白至深灰色的金属质感效果。下面用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,gotoAndPlay(1);/跳转到第1帧并播放,duplicateMovieClip(sm,sm2,2);/复制影片剪辑“sm”,并将新影片剪辑命名为“sm2”,使其比原影片剪辑高一级别,展开的画卷效果制作分析,鼠标跟随特效制作分析,(7)用同样的方法,依次在第8、10、12、14、16、18、20、22、24、26、28、30、32帧插入空白关键帧,并添加相应的语句,每个关键帧中的语句相应地增加一个数字,如第32帧中的语句应为:,(1)新建一个文件,将背景大小设为360550像素,背景颜色设为暗红色,创建一个名为“画轴”的图形元件。,(1)新建一个文件,将背景大小设为360550像素,背景颜色设为暗红色,创建一个名为“画轴”的图形元件。,duplicateMovieClip(sm,sm1,1);/复制影片剪辑“sm”,并将新影片剪辑命名为“sm1”,使其与原影片剪辑位于同一级别,wav”,在“属性”面板的“声音”下拉列表框中选择“music.,(1)新建一个文件,并将其背景大小设为800640像素,新建一个名为“变色的星星”的图形元件,在第1帧中绘制一颗小星星,并将其颜色设置为白色,其形状如图19-12所示。,这样星星旋转的动画就制作完成。,(7)单击选择工具 ,选择椭圆的右半部分,将其移动到编辑区的另一空白位置,然后单击墨水瓶工具 ,将线条颜色设为浅灰色,单击椭圆两部分的右边缘和左边缘,填充其颜色为浅灰色。,其具体操作如下:,(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语句,(2)在第15帧插入关键帧,然后选中第1帧,在“属性”面板的“补间”下拉列表框中选择“动作”选项,在“旋转”下拉列表框中选择“顺时针”选项,如图19-14所示。,(7)选中第50帧,在“动作-帧”面板中输入stop()命令,如图19-11所示。,(5)锁定图层1,选择“图层2”第1帧中的矩形,在“属性”面板中将其宽设为170,高设为20,在“对齐”面板中将矩形相对场景中心对齐。,jpg”,并将其放置在如图19-6所示的位置。,展开的画卷效果制作分析,展开的画卷效果制作分析,(8)在第35帧插入空白关键帧,并添加如下语句:,下面用3个图层来分别放置画轴的几部分:,(5)在第4帧插入空白关键帧,在“动作”面板中输入如下语句:,(1)新建一个文件,将背景大小设为360550像素,背景颜色设为暗红色,创建一个名为“画轴”的图形元件。,其具体操作如下:,通过本实例的练习,可以巩固Flash动画的基础知识和基本操作。,本实例将介绍如何制作一个鼠标跟随特效,在画面上移动鼠标时,后面有一串旋转着颜色渐变的小星星随之移动,最终效果如图19-2所示。,target表示要拖动的影片剪辑的目标路径。,画轴效果的制作过程分为两大步:制作画轴、制作展开画卷的动画。,(1)单击,其中画轴是综合应用矩形工具、椭圆工具、任意变形工具、混色器等绘制而成的,而画卷展开的动画是通过运动动画和遮罩动画来实现的。,鼠标跟随特效,的制作过程分为三大步:制作星星的变色动画、制作星星旋转的动画、为动画添加,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)创建一个名为“旋转”的影片剪