论文部分内容阅读
摘要:Adobe Flash cs3 Professional是Adobe公司推出的一款二维动画软件。本文主要以学生在Flash动画设计课堂上提出的疑问:如何解决沿曲线运动的放大镜问题为例。分析了在Flash中实现沿曲线运动的放大镜效果的一题多解的详细制作步骤,显示出使用影片剪辑的好处:层次分时,逻辑清晰,可以省时省力、方便快捷地解决疑难问题。从这些动画实例中,学生可以举一反三创建更多实用性更强的动画效果,把动画做得有声有色。
关键词:Flash;引导路径动画;遮罩动画;影片剪辑(mc)
中图分类号:TP202文献标识码:A文章编号:1009-0118(2010)-03-0034-02
一、引言
Flash是美国Adobe公司出品的一款二维动画软件,最新版本为:Adobe Flash CS5。Flash动画设计的三大基本功能:绘图和编辑图形、补间动画和遮罩,是整个Flash动画设计知识体系中最重要、也是最基础的。绘图和编辑图形不但是创作Flash动画的基本功,也是进行多媒体创作的基本功。只有基本功扎实,才能在以后的学习和创作道路上一帆风顺。使用Flash绘图和编辑图形——这是Flash动画创作的三大基本功的第一位。在绘图的过程中要学习怎样使用元件来组织图形元素,这也是Flash动画的一个巨大特点。补间动画是整个Flash动画设计的核心,也是Flash动画的最大优点,它有动画补间和形状补间两种形式。学生学习Flash动画设计,最主要的就是学习“补间动画”设计。在应用影片剪辑元件和图形元件创作动画时,有一些细微的差别,学生应该完整把握这些细微的差别。遮罩是Flash动画创作中所不可缺少的——这是Flash动画设计三大基本功能中重要的出彩点。
二、遮罩动画和路径动画
“遮罩”动画的原理是,在舞台前增加一个类似于电影镜头的对象,这个对象不仅仅局限于圆形,可以是任意形状,将来导出的影片,只显示电影镜头“拍摄”出来的对象,其他不在电影镜头内的舞台对象不会显示。“遮罩”的原理非常简单,但其实现的方式多种多样,特别是和补间动画以及影片剪辑元件结合起来,可以创建千变万化的形式,如图像切换、火焰背景文字、管中窥豹、水波、万花筒、百叶窗、放大镜等实用性很强的动画效果。
在生活中,有很多物体运动是弧线或不规则的,如月亮围绕地球旋转,鱼儿在大海里遨游等,在Flash中做出这种效果来用的就是“引导路径动画”。将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”,这种动画可以使一个或多个元件完成曲线或不规则运动。
三、沿曲线运动的放大镜问题的产生
笔者在课堂上讲完路径动画和遮罩动画的过程后,学生常常会提出问题:引导层和遮罩层能一起用吗?路径动画和遮罩动画能不能同时出现?这里具体来说就是解决如何制作一个沿曲线运动的放大镜的的问题。是应该按部就班一个一个来制作,还是可以另辟蹊径?
下面我们以沿曲线运动的放大镜的问题为例来说明。
很明显的,大家可以看到Flash中,是无法直接在一个引导层的上方再添加一个遮罩层的,同样,一个遮罩层上也无法直接在其上方再添加一个引导层。但是有没有办法实现沿曲线运动的放大镜效果呢?首先来介绍沿曲线运动的放大镜制作的第一种方法,也就是如何在一个遮罩层上想办法再添加一个引导层。
(一)详细制作步骤
1、打开Flash,新建一个名为“沿曲线运动的放大镜1.fla”影片文档。导入一幅自己满意的位图,把它调整成与舞台同样大小,居中对齐,将其转化为背景图形元件,把“图层1”重命名为 “背景”。
2、在主场景中新建“图层2”改名为“镜底”。从库中拖出“背景”图形元件,并将其宽度高度各增加1.5倍,相对于舞台水平中齐、垂直中齐。把“背景”图层和“镜底”图层均延长至100帧。设置“镜底”图层为不可见。
3、新建一个影片剪辑元件,名为“圆”,用椭圆工具画一无边框的正圆,宽高各为80,相对于舞台水平中齐、垂直中齐。
4、回到主场景,插入图层3,重命名为“镜”。从库中把圆拖入舞台,置于适当位置。点击该图层,将其设为“遮罩”。
5、新建图层4,暂不更名,并在图层4上添加一引导层。
6、将“镜”图层的第一帧复制到图层4的第一帧上,然后把原来的“镜”图层删除。把镜底图层拖到镜图层上方再拖回原处,让它成为新的镜图层的被遮罩层,把该图层设为不可见。
7、选中引导层的第1帧,用铅笔工具画出一条“平滑”的引导线。
8、选中镜图层的第1帧,用选择工具把场景中与镜对应的圆拖动到引导线的始端。在该层100帧插入关键帧,把圆拖动到引导线的终端。然后,选中第1帧,创建动画补间动画。沿曲线运动的放大镜制作完毕。
9、保存文件,进行测试。
经过实际操作,笔者发觉其实这种制作方法还是比较麻烦的,过了一段时间后,学生很容易就忘记应该怎么做了,特别是第5、6步,新手哪怕就是学着做过一次,过一段时间以后,再来回忆也难得把步骤给想出来,那么有没有更简单的方法呢?
四、更好的解决办法
(一)方法二详细制作步骤
1、打开Flash,新建一个名为“沿曲线运动的放大镜2.fla”影片文档。导入一幅自己满意的位图,把它调整成与舞台同样大小,居中对齐,将其转化为背景图形元件,把“图层1”重命名为 “背景”。
2、在主场景中新建“图层2”改名为“镜底”。从库中拖出“背景”图形元件,并将其宽度高度各增加1.5倍,相对于舞台水平中齐、垂直中齐。设置“镜底”图层为不可见。
3、新建一个影片剪辑元件,名为“圆动”,在其图层1的第1帧中用椭圆工具画一无边框的正圆,宽高各为80,并将其转化为“圆”图形元件。在其中给图层1添加一个引导层,选中引导层的第1帧,用铅笔工具画出一条“平滑”的引导线,第100帧按F5延长帧。图层1的第1帧,用选择工具把场景中与镜对应的圆拖动到引导线的始端。在该层100帧插入关键帧,把圆拖动到引导线的终端。然后,选中第1帧,创建动画补间动画。按制作出沿路径运动的圆。
4、回到主场景,插入图层3,重命名为“镜”。在该图层的第1帧处,从库中把“圆动”影片剪辑元件拖入舞台,置于适当位置。点击该图层,将其设为“遮罩”。
5、保存文件,进行测试。
沿曲线运动的放大镜制作完毕。
第二种方法避免了第一种方法笨拙与繁琐的步骤,显得简单又明了。它的思路是,由于遮罩与路径很难在正常情况下难于直接嵌套,同时出现,故把路径做成一个路径的影片剪辑元件,再把这个影片剪辑元件放入主场景中变成一个遮罩层,条理清楚,层次分明,比第一种制作方法来更易于学生理解和记忆。第二种方法正是利用了影片剪辑元件的特性:影片剪辑元件可以创建可重用的动画片段,拥有它自己的独立于主时间轴的多帧时间轴,可以将影片剪辑看作是主时间轴的嵌套时间轴。
也正因为如此,笔者也因此想出来了第三种方法。即用遮罩先做成一个影片剪辑元件,再回到主场景中做这个元件的路径动画。这种方法正是与第二种方法异曲同工之妙。也易于学生理解和记忆。但是在做的过程中发现如果影片剪辑元件内只有一帧的话,最后做成的放大镜的内容就一直不变,显得不真实。为解决这个问题,笔者在遮罩的影片剪辑元件内先做成镜子从左向右移动,这样最后放大镜的内容就有变化了。
但比较这三种方法,第二种方法是最合理又最容易记忆的。
当然还有第四种方法,它与第二种方法类似。第四种方法只是用了AS来实现遮罩效果,基本上同第二种方法。把放大的图片转化为影片剪辑,实例名为“_mc”,而作为放大镜的圆也是影片剪辑,实例名为“mask_mc”。在主场景中新建一AS图层,在其第一帧上添加动作:_mc.setMask(mask_mc)。这样就同样也实现了与第二种的动画效果。
五、结束语
Flash动画的根本,说到底就是“路径+遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,可以创建出千变万化的效果。Flash动画离不开元件和实例,特别是影片剪辑元件。本文通过“沿曲线运动的放大镜”为例突显出使用影片剪辑的好处:层次分时,逻辑清晰,可以省时省力、方便快捷地解决疑难问题。通过这些动画实例的启发,学生可以举一反三创建更多实用性更强的动画效果,把动画做得有声有色。
参考文献:
[1]杜方锦.Flash8职业应用视频教程[M].电子工业出版社,2007.
[2]彭宗勤,孙丽娟,徐景波.Flash8中文版基础与实例教程[M].电子工业出版社,2007.
关键词:Flash;引导路径动画;遮罩动画;影片剪辑(mc)
中图分类号:TP202文献标识码:A文章编号:1009-0118(2010)-03-0034-02
一、引言
Flash是美国Adobe公司出品的一款二维动画软件,最新版本为:Adobe Flash CS5。Flash动画设计的三大基本功能:绘图和编辑图形、补间动画和遮罩,是整个Flash动画设计知识体系中最重要、也是最基础的。绘图和编辑图形不但是创作Flash动画的基本功,也是进行多媒体创作的基本功。只有基本功扎实,才能在以后的学习和创作道路上一帆风顺。使用Flash绘图和编辑图形——这是Flash动画创作的三大基本功的第一位。在绘图的过程中要学习怎样使用元件来组织图形元素,这也是Flash动画的一个巨大特点。补间动画是整个Flash动画设计的核心,也是Flash动画的最大优点,它有动画补间和形状补间两种形式。学生学习Flash动画设计,最主要的就是学习“补间动画”设计。在应用影片剪辑元件和图形元件创作动画时,有一些细微的差别,学生应该完整把握这些细微的差别。遮罩是Flash动画创作中所不可缺少的——这是Flash动画设计三大基本功能中重要的出彩点。
二、遮罩动画和路径动画
“遮罩”动画的原理是,在舞台前增加一个类似于电影镜头的对象,这个对象不仅仅局限于圆形,可以是任意形状,将来导出的影片,只显示电影镜头“拍摄”出来的对象,其他不在电影镜头内的舞台对象不会显示。“遮罩”的原理非常简单,但其实现的方式多种多样,特别是和补间动画以及影片剪辑元件结合起来,可以创建千变万化的形式,如图像切换、火焰背景文字、管中窥豹、水波、万花筒、百叶窗、放大镜等实用性很强的动画效果。
在生活中,有很多物体运动是弧线或不规则的,如月亮围绕地球旋转,鱼儿在大海里遨游等,在Flash中做出这种效果来用的就是“引导路径动画”。将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”,这种动画可以使一个或多个元件完成曲线或不规则运动。
三、沿曲线运动的放大镜问题的产生
笔者在课堂上讲完路径动画和遮罩动画的过程后,学生常常会提出问题:引导层和遮罩层能一起用吗?路径动画和遮罩动画能不能同时出现?这里具体来说就是解决如何制作一个沿曲线运动的放大镜的的问题。是应该按部就班一个一个来制作,还是可以另辟蹊径?
下面我们以沿曲线运动的放大镜的问题为例来说明。
很明显的,大家可以看到Flash中,是无法直接在一个引导层的上方再添加一个遮罩层的,同样,一个遮罩层上也无法直接在其上方再添加一个引导层。但是有没有办法实现沿曲线运动的放大镜效果呢?首先来介绍沿曲线运动的放大镜制作的第一种方法,也就是如何在一个遮罩层上想办法再添加一个引导层。
(一)详细制作步骤
1、打开Flash,新建一个名为“沿曲线运动的放大镜1.fla”影片文档。导入一幅自己满意的位图,把它调整成与舞台同样大小,居中对齐,将其转化为背景图形元件,把“图层1”重命名为 “背景”。
2、在主场景中新建“图层2”改名为“镜底”。从库中拖出“背景”图形元件,并将其宽度高度各增加1.5倍,相对于舞台水平中齐、垂直中齐。把“背景”图层和“镜底”图层均延长至100帧。设置“镜底”图层为不可见。
3、新建一个影片剪辑元件,名为“圆”,用椭圆工具画一无边框的正圆,宽高各为80,相对于舞台水平中齐、垂直中齐。
4、回到主场景,插入图层3,重命名为“镜”。从库中把圆拖入舞台,置于适当位置。点击该图层,将其设为“遮罩”。
5、新建图层4,暂不更名,并在图层4上添加一引导层。
6、将“镜”图层的第一帧复制到图层4的第一帧上,然后把原来的“镜”图层删除。把镜底图层拖到镜图层上方再拖回原处,让它成为新的镜图层的被遮罩层,把该图层设为不可见。
7、选中引导层的第1帧,用铅笔工具画出一条“平滑”的引导线。
8、选中镜图层的第1帧,用选择工具把场景中与镜对应的圆拖动到引导线的始端。在该层100帧插入关键帧,把圆拖动到引导线的终端。然后,选中第1帧,创建动画补间动画。沿曲线运动的放大镜制作完毕。
9、保存文件,进行测试。
经过实际操作,笔者发觉其实这种制作方法还是比较麻烦的,过了一段时间后,学生很容易就忘记应该怎么做了,特别是第5、6步,新手哪怕就是学着做过一次,过一段时间以后,再来回忆也难得把步骤给想出来,那么有没有更简单的方法呢?
四、更好的解决办法
(一)方法二详细制作步骤
1、打开Flash,新建一个名为“沿曲线运动的放大镜2.fla”影片文档。导入一幅自己满意的位图,把它调整成与舞台同样大小,居中对齐,将其转化为背景图形元件,把“图层1”重命名为 “背景”。
2、在主场景中新建“图层2”改名为“镜底”。从库中拖出“背景”图形元件,并将其宽度高度各增加1.5倍,相对于舞台水平中齐、垂直中齐。设置“镜底”图层为不可见。
3、新建一个影片剪辑元件,名为“圆动”,在其图层1的第1帧中用椭圆工具画一无边框的正圆,宽高各为80,并将其转化为“圆”图形元件。在其中给图层1添加一个引导层,选中引导层的第1帧,用铅笔工具画出一条“平滑”的引导线,第100帧按F5延长帧。图层1的第1帧,用选择工具把场景中与镜对应的圆拖动到引导线的始端。在该层100帧插入关键帧,把圆拖动到引导线的终端。然后,选中第1帧,创建动画补间动画。按制作出沿路径运动的圆。
4、回到主场景,插入图层3,重命名为“镜”。在该图层的第1帧处,从库中把“圆动”影片剪辑元件拖入舞台,置于适当位置。点击该图层,将其设为“遮罩”。
5、保存文件,进行测试。
沿曲线运动的放大镜制作完毕。
第二种方法避免了第一种方法笨拙与繁琐的步骤,显得简单又明了。它的思路是,由于遮罩与路径很难在正常情况下难于直接嵌套,同时出现,故把路径做成一个路径的影片剪辑元件,再把这个影片剪辑元件放入主场景中变成一个遮罩层,条理清楚,层次分明,比第一种制作方法来更易于学生理解和记忆。第二种方法正是利用了影片剪辑元件的特性:影片剪辑元件可以创建可重用的动画片段,拥有它自己的独立于主时间轴的多帧时间轴,可以将影片剪辑看作是主时间轴的嵌套时间轴。
也正因为如此,笔者也因此想出来了第三种方法。即用遮罩先做成一个影片剪辑元件,再回到主场景中做这个元件的路径动画。这种方法正是与第二种方法异曲同工之妙。也易于学生理解和记忆。但是在做的过程中发现如果影片剪辑元件内只有一帧的话,最后做成的放大镜的内容就一直不变,显得不真实。为解决这个问题,笔者在遮罩的影片剪辑元件内先做成镜子从左向右移动,这样最后放大镜的内容就有变化了。
但比较这三种方法,第二种方法是最合理又最容易记忆的。
当然还有第四种方法,它与第二种方法类似。第四种方法只是用了AS来实现遮罩效果,基本上同第二种方法。把放大的图片转化为影片剪辑,实例名为“_mc”,而作为放大镜的圆也是影片剪辑,实例名为“mask_mc”。在主场景中新建一AS图层,在其第一帧上添加动作:_mc.setMask(mask_mc)。这样就同样也实现了与第二种的动画效果。
五、结束语
Flash动画的根本,说到底就是“路径+遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,可以创建出千变万化的效果。Flash动画离不开元件和实例,特别是影片剪辑元件。本文通过“沿曲线运动的放大镜”为例突显出使用影片剪辑的好处:层次分时,逻辑清晰,可以省时省力、方便快捷地解决疑难问题。通过这些动画实例的启发,学生可以举一反三创建更多实用性更强的动画效果,把动画做得有声有色。
参考文献:
[1]杜方锦.Flash8职业应用视频教程[M].电子工业出版社,2007.
[2]彭宗勤,孙丽娟,徐景波.Flash8中文版基础与实例教程[M].电子工业出版社,2007.