分享

flash遮罩变换的制作

 梅花咪咪 2012-04-20

 

2011年10月21日 - 迎春 -

迎春博客:http://ycyx88888.blog.163.com

flash遮罩变换的制作

    作前准备

    下载六张猫咪图片,规格均为550*400,经过制图软件(ps、fw)处理后,放到指定的文件夹待用。

    制作步骤

    1.启动FLASH8 软件

        2.确立文档属性

    设置动画尺寸为550*400,背景颜色黑绿,其它默认,点击确定,进入场景1工作区。如图1所示:


图1

       3.首先将准备好的图片导入到库中,并将其转换为图形元件,分别命名为图片1-图片6(规格均为550*400)。待用。

    4.创建图形元件

    选择“插入-新建元件”,创建一个名为“椭圆框”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1帧,用椭圆形工具在舞台拖一个笔触高度为5,笔触颜色为红色,规格为520*380的,无填充色的椭圆,全居中。如图2所示:

图2

       5.创建影片剪辑元件

    (1)选择“插入-新建元件”,创建一个名为“边框”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1帧,用矩形工具在舞台拖一个规格为550*400的,无边线的黑色矩形(图3-1);全居中。在矩形外,用椭圆形工具拖一个规格为520*380的,无边线的红色椭圆(图3-2);全居中,和矩形重叠(图3-3);点击该椭圆,起麻点后删除(图3-4)。其流程,如图3所示:


图3

    (2)选择“插入-新建元件”,创建一个名为“矩形”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

     选择图层1第一帧,用矩形工具在舞台拖一个规格为550*50的、无边线的矩形,颜色随意。全居中。用任意变形工具选中该实例,将其注册点移到上中,在第30、60帧插入关键帧。点击第30帧上的实例,改规格为550*1,创建这两个区域间的形状补间。如图4所示:

图4

    (3)选择“插入-新建元件”,创建一个名为“方形”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,用矩形工具在舞台拖一个规格为50*50的、无边线的矩形,颜色随意。全居中。用任意变形工具选中该实例,将其注册点移到左中,在第30、60帧插入关键帧。点击第30帧上的实例,改规格为1*50,创建这两个区域间的形状补间。如图5所示:

图5

    (4)选择“插入-新建元件”,创建一个名为“菱形”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,用矩形工具在舞台拖一个规格为50*50的、无边线的矩形,颜色随意。全居中。点击该实例,选择“修改-变形-顺时针旋转90°”,再用任意变形工具选中该实例,将其注册点移到左中,在第30、60帧插入关键帧。点击第30帧上的实例,改其宽为1,高度不变,创建这两个区域间的形状补间。如图6所示:

图6

    (5)选择“插入-新建元件”,创建一个名为“矩形遮罩”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,分别依次从库中拖出11个“矩形”影片剪辑元件到舞台,从上到下排列好,均水平中齐,彼此间无空隙。如图7所示:


图7

    (6)选择“插入-新建元件”,创建一个名为“方形遮罩”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,分别依次从库中拖出11个“方形”影片剪辑元件到舞台,从左到右排列好,垂直中齐,彼此间无空隙。如图8所示:

图8

点击第一帧,选中舞台所有实例,将其转换为影片剪辑元件。从库中拖出该元件将其放置在舞台第一个实例的下方,无空隙,水平中齐。点击该实例,选择“修改-变形-水平翻转”。如图9所示:

图9

再从库中拖出此元件,其放置在舞台第二个实例的下方,无空隙,水平中齐。如此再拖出8个这样的影片剪辑元件(此时舞台共有11个这样的影片剪辑元件),依次竖向排列好,每隔一个,水平翻转。最终舞台实例显示,如图10所示:

图10

    (7)选择“插入-新建元件”,创建一个名为“菱形遮罩”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,分别依次从库中拖出8个菱形影片剪辑元件到舞台,从左到右排列好,垂直中齐,相互衔接,彼此间无空隙。如图11所示:


图11

点击第一帧,选中舞台所有实例,将其转换为影片剪辑元件。从库中拖出该元件将其放置在如下图所示的位置,无空隙。如图12所示:


图12

在从库中拖出此元件,其放置在舞台第二个实例的下方,无空隙。如图13所示:

图13

如此再拖出13个这样的影片剪辑元件(此时舞台共有16个这样的影片剪辑元件),按照上述规律、方法依次竖向排列好。最终舞台实例显示,如图14所示:

图14

    6.编辑制作场景

    返回场景1,添加四个图层,共五个图层。自下而上命名为,图片2、图片1、遮罩、边框、椭圆。

    (1)选择图片2图层第一帧,从库中拖出图片2图形元件到舞台,全居中。如图15所示:

图15

在第61帧插入空白关键帧,从库中拖出图片3图形元件到舞台,全居中。同理同种方法在第121帧、181帧、241帧、301帧完成图片4、图片5、图片6、图片1图形元件的操作。在第360帧插入帧。上锁。

    (2)选择图片1图层第一帧,从库中拖出图片1图形元件到舞台,全居中。如图16所示:


图16

在第61帧插入空白关键帧,从库中拖出图片2图形元件到舞台,全居中。同理同种方法在第121帧、181帧、241帧、301帧完成图片3-图片6图形元件的操作。在第360帧插入帧。上锁。

    (3)选择遮罩图层第一帧,从库中拖出“矩形遮罩”影片剪辑元件到舞台,全居中。在如图17所示:

图17

在第61帧插入关键帧,点击该帧上的舞台实例,选择“修改-变形-顺时针选择90°”。如图18所示:

图18

在第121帧插入空白关键帧,从库中拖出“方形遮罩”影片剪辑元件到舞台,全居中。在如图19所示:

图19

在第181帧插入关键帧,点击该帧上的舞台实例,选择“修改-变形-顺时针选择90°”。如图20所示:

图20

在第241帧插入空白关键帧,从库中拖出“菱形遮罩”影片剪辑元件到舞台,全居中。在如图21所示:

图21

在第301帧插入关键帧,点击该帧上的舞台实例,选择“修改-变形-顺时针选择90°”。如图22所示:

图22

在第360帧插入帧。设置该图层为遮罩层

    (4)选择边框图层第一帧,从库中拖出“边框”影片剪辑元件到舞台,全居中。点击该实例,打开滤镜,设置其参数,如图23所示:

图23

在第360帧插入帧。上锁。

    (5)选择椭圆图层第一帧,从库中拖出“椭圆框”图形元件到舞台,全居中,在第360帧插入帧。上锁。如图24所示:


 图24

    7.本作业完成后的时间轴,如图25所示:


图25

    8.测试存盘。

    说明:
    图片2图层在第1、61、121、181、241、301帧上的图片依次是图片2、图片3、图片4、图片5、图片6、图片1;图片1图层在第1、61、121、181、241、301帧上的图片依次是图片1、图片2、图片3、图片4、图片5、图片6。
 最终效果显示:

作者:翠柏

 东方标致美女欣赏- 迎春-

点击进入动画制作天地点击进入电脑技术学堂  

点击图片进入-迎春-主页

图片、文章/编辑、整理:迎春

加强交流 增进友谊

http://ycyx88888.blog.163.com/

文章导读

http://ycyx88888.blog.163.com/

经典收藏 F-S制作 博客知识 P-S制作 U-5制作
在线制作 百家讲坛 常用工具 兴趣爱好 网页制作
制作软件 电脑知识 精品素材 醒世读物 小品相声
超级题库 视频录制 音乐录制 国学故事 创意网站
透明F-S 姓氏起源 有声读物 靓丽欣赏 动画实战
装饰素材 阅读欣赏 幽默笑话 兴趣客栈 迷人音乐

http://ycyx88888.blog.163.com/

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多