分享

flash动画制作:羽化遮罩效果

 wuyuwuqiu 2011-04-26
效果展示

制作步骤:

1、打开FLASH8,新建一个文档,宽和高根据你准备的图片大小而定

(我这里为400X440),把舞台背景设置为黑色。

2011年03月22日 - 迎春 -
       2、 导入素材图片到库(我这里导入了5张)。
2011年03月22日 - 迎春 -
3、点插入,创建名称为图片1的“影片剪辑”元件。
2011年03月22日 - 迎春 -
在图片1的“影片剪辑”元件编辑区的第1帧上
从库中把图片001拖入场景,
利用对齐面板进行水平、垂直居中,使图片居中场景。
  2011年03月22日 - 迎春 -


    按照上面的方法把002、003、004三张图片
分别转换成图片2、图片3、图片4的影片剪辑元件。

2011年03月22日 - 迎春 -

4、点插入,创建名称为矩形的“影片剪辑”元件。
2011年03月22日 - 迎春 -
      在矩形影片剪辑元件编辑区的第1帧上从库中拖入底图,
全居中(作参考用,等后删除)。
2011年03月22日 - 迎春 -
选矩形工具,笔触颜色无色,填充色任意 ,在场景中绘制一个矩形,
大小、位置如图:
2011年03月22日 - 迎春 -
删除图层1
2011年03月22日 - 迎春 -
        5、点插入,新建一命名为羽化遮罩的影片剪辑元件→确定。

2011年03月22日 - 迎春 -

选中元件编辑场景图层1的第1帧,从库中把“底图”拖入场景,

用对齐面板进行全居中,把图层1重命名为底图。

2011年03月22日 - 迎春 -

   新增图层2并把图层1重命名为图片转换,

点中第 1 帧,从库中把图片1影片剪辑元件”拖入场景,用对齐面板进行全居中。

2011年03月22日 - 迎春 -

      打开属性面板,在实例名称内输入“tu”,“混合”选“一般”,
在“使用运行时位图缓存”前打勾。
2011年03月22日 - 迎春 -
      在第 40 帧和第 50 帧插入关键帧,再中选第 50 帧并选中图片,
把透明度设为 0%。在1-40 帧之间创建补间动画。
2011年03月22日 - 迎春 -  

2011年03月22日 - 迎春 -

       6、在图片转换图层上面再插入一个图层3并重命名为矩形,
点中矩形图层第一帧,从库中拖入矩形影片剪辑元件,全居中。
2011年03月22日 - 迎春 -
打开属性面板,在实例名称内输入“mc”。

2011年03月22日 - 迎春 -

       在第 40 帧插入关键帧,打开属性面板,单击滤镜→添加滤镜→模糊,
把模糊的值设置为x:150,   y:150。
2011年03月22日 - 迎春 -
 
2011年03月22日 - 迎春 -
 
点击第一帧,单击滤镜→添加滤镜→模糊,
把滤镜中模糊的值设置为x:100,   y:100。
2011年03月22日 - 迎春 -
用变形工具将矩形缩小,
在1-40帧之间创建补间动画,
在第 40 帧把矩形的透明度设为 50% 。 
2011年03月22日 - 迎春 -
   7、在矩形图层上插入一个图层4并重命名为as,点中第一帧,
在动作面板中输入以下脚本语句:tu.setMask(mc);
2011年03月22日 - 迎春 -
      8、把as图层和矩形图层上锁,把时间轴里上面的三个图层从第 1-50 帧全部选中,
然后右键复制它们。
2011年03月22日 - 迎春 -
粘贴在第51 帧处
2011年03月22日 - 迎春 -
再分别单击交换图层的第51帧、90 帧、100 帧.
      然后点击图片打开属性面板,单击里面的交换窗口

2011年03月22日 - 迎春 -

选中窗口里面的图2,

也就是把图1换成图2,然后单击确定。

2011年03月22日 - 迎春 -

        9、按步骤8的方法换图,把100桢到51桢进行刷黑复制,
然后粘贴到101桢处,再分别单击第101帧、140 帧、150 帧,
打开属性面板,单击里面的交换窗口,选中窗口里面的图3,
也就是把图2换成图3,然后单击确定。依此类推想做多少张图片都可以了。
             10、返回主场景,选中图层一第 1 帧,
把库里“羽化遮罩”元件拖入场景,居中对齐。
2011年03月22日 - 迎春 -
    11、测试影片看效果,最后导出影片并保存源文件。

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多