您好!欢迎您光临双重遮罩制作实例单向缩放的原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>双重遮罩制作实例单向缩放的原理与方法
双重遮罩制作实例单向缩放的原理与方法
发表日期:2012-9-18 8:28:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 4884

 双重遮罩制作实例单向缩放的原理与方法

   

    教学目的:通过本节教学了解和掌握双重遮罩的使用和动画补间与形状补间的创建,进而运用上述原理制作实例单向缩放的动画效果。

  教学对象:本教材是针对有一定动画制作基础和对工具箱、属性面板有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:遮罩、补间。

 

 

     作前准备:准备一张规格为550*400图片,经过制图软件(ps、fw)处理后保存到指定的文件夹待用。   

   制作步骤

    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*400,背景颜色随意,其它默认,点击确定,进入场景1。 如图1所示:

 

图1

     3.编辑制作场景 添加三个图层,共四个图层,自下而上命名为大图片、大遮罩、小图片、小遮罩。


    (1)选择大遮罩图层第一帧,用矩形工具在舞台拖一个规格为550*400的,无边线的矩形,颜色随意。全居中,并将其转为图形元件。在第80插入帧。上锁。

    (2)选择大图片图层第一帧,导入以准备好的图片到舞台,设置规格为550*400,全居中,并将其转换为图形元件。其素材图,如图2所示:

图2

选中该图片将其规格放大为550*650,水平中齐,底对齐。如图3所示:

图3

在第70帧插入关键帧,在第80帧插入帧;返回第30帧插入关键帧,将大图水平中齐,上对齐。在第40帧插入关键帧。如图4所示:


图4

分别依次点击第1、第40帧,创建这两区域间的动画补间。设置大遮罩层为遮罩层。关闭这两个图层的眼睛。

    (3)选择小图片图层第一帧,从库中拖出图片图形元件到舞台,全居中,在第80帧插入帧。上锁。

    (4)选择小遮罩图层第一帧,从库中拖出矩形图形元件到舞台,全居中,并将其打散。在第30帧、第40帧插入关键帧。用任意变形工具选中该实例,并将其注册点移到下方中间。如图5所示:

图5

选中第1帧上的实例,将其向下推至其规格为550*10。如图6所示:

图6

右键该图层第1帧,复制帧,再在第70帧粘贴帧(使两帧上的实例相同),在第80帧插入帧。分别依次点击第1帧、第40帧,在属性面板创建这两个区域间的形状补间。设置该图层为遮罩层。

至此实例竖向缩放完成。下面我们来作实例横向缩放:

    首先,在各个图层的第81帧插入关键帧。然后,关闭上两个图层的眼睛,点开下两个图层的锁和眼睛。

    (5)选择大遮罩图层第180帧插入帧,上锁。

    (6)选择大图片图层第81帧,将图片规格设置为800*400,水平中齐,左对齐。如图7、图8所示:

图7

图8

在第170帧插入关键帧,在第180帧插入帧;返回第120帧插入关键帧,将大图水平中齐,右对齐。在第130帧插入关键帧。如图9所示:

图9

分别依次点击第81、第130帧,创建这两区域间的动画补间。设置大遮罩层为遮罩层。关闭这两个图层的眼睛,点开上两个图层的眼睛和锁。

    (7)选择小图片图层第180帧插入帧,上锁。

    (8)选择小遮罩图层第81帧,将小遮罩逆时针旋转90°,水平中齐,左对齐,并保持注册点在左中。如图10所示:

图10

在第170帧插入关键帧,在第180帧插入帧。返回第120帧插入关键帧,将该帧上的实例向右拖,并覆盖整个场景,在第130帧插入关键帧。分别依次点击第81帧和第130帧,在属性面板创建这两个区域间的形状补间。设置该图层为遮罩层。


    4.本作业完成后时间轴显示如图11所示:



图11
 

  5.测试存盘

    *说明: 

    1.此作业表述繁琐,操作简单,观感较佳。朋友们在制作中边操作边领悟其中之原理,举一反三,展开创意。

    2.利用此原理与方法制作一个实例双向缩放,其效果又会如何呢,有兴趣的话你不妨试试看。

  最终效果显示:


 


http://hsb345.16789.net/domName/hsb345/2009322138731915.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



陌生闯入者
(2010-7-28 8:52:00) [61.184.187.]

老师,谢谢。


梦然~珍~
(2010-6-22 17:34:00) [183.21.134.]

我一步一步照您的教材也终于做出来了。


梦然~珍~
(2010-6-22 17:27:00) [183.21.134.]

翠柏老师您好!我常来你的网站学习,谢谢您提供教材,我可以在这试贴吗?


梦雅
(2010-1-7 21:16:00) [116.208.72.]

谢谢翠柏老师的指导,我已经做成功了!


hsb345
(2010-1-7 17:20:00)

回复梦雅朋友:将小矩形的注册点均移到下边中间就好了。

 发表评论:共有 8 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167