注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

运用蒙板制作图片光晕切换  

2013-11-25 15:28:31|  分类: 【flash教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
           作前准备 准备三张规格约为400*300的图片,经过制图软件(ps、fw)处理后放到指定的文件夹待用。

   制作步骤

    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为400*300,其它随意,点击确定,进入场景1工作区。如图1所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

图1

    3.创建图形元件 导入已经准备好的三张图片,规格均为为400*300,并将其转换为图形元件。

    4.创建影片剪辑元件 选择“插入-新建元件”,建立一个名为“蒙板”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。

    (1)选择图层1第一帧,用矩形工具,打开混色器,选择放射状,并设置五个色块,五个不同颜色自定。然后分别点击每个色块,设置其Alpha为50%如图3所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

图3

在舞台拖一个规格为400*300的,无边线的矩形,全居中。如图4所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

图4

在第10帧插入关键帧,将五个颜色均调整Alpha为0%,如图5所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

图5

点击第1帧,在属性面板创建该区域间的形状补间。见图6。

    (2)选择图层2第10帧,插入空白关键帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); 如图6所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

图6

    5.编辑制作场景 返回场景1,添加两个图层,共三个图层,自下而上命名为图片1、图片2、蒙板。

    (1)选择图片1第一帧,从库中拖出图片1图形元件到舞台,全居中。在第10帧插入关键帧,选中第1帧上的实例设置其运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开,点击第1帧,创建本区域间的动画补间。在第31、40帧插入关键。选中第40帧上的实例,在属性面板设置其Alpha为0%,点击第31帧,创建本区域间的补间动画。其素材图,如图7所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

图7

在第61帧插入空白关键帧,从库中拖出图片3图形元件到舞台,全居中。在第70帧插入关键帧,选中第61帧上的实例,在属性面板设置其Alpha为0%,点击第61帧,创建本区域间的动画补间,在第90帧插入帧。上锁。其素材图,如图8所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

图8

    (2)选择图片2第一帧,从库中再拖出一个图片3图形元件到舞台,全居中。在第10帧插入关键帧,选中第10帧上的实例,在属性面板设置其Alpha为0%,点击第1帧,创建本区域间的动画补间。如上图所示。

在第31帧插入空白关键帧,从库中拖出图片2图形元件到舞台,全居中。在第40帧插入关键帧,选中第31帧上的实例,在属性面板设置其Alpha为0%,点击第31帧,创建本区域间的补间动画。在第61、70帧插入关键帧,选中第70帧上的实例,在属性面板设置其Alpha为0%,点击第61帧,创建本区域间的补间动画。在第90帧插入帧。上锁。如图9所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

图9

(以上是作三个图片的淡出淡入,正常应该将图片1图层和图片2图层交替操作切换图片。如果要做更多的图片切换,其原理方法相同。)

 (3)在图层2上插入图层3,选择第一帧,从库中拖出蒙板影片剪辑到舞台,规格设置为400*300,全居中。在第31、61插入关键帧,在第90帧插入帧。然后,在第11帧、41帧、71帧插入空白关键帧。上锁。如图10所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

图10

6.该作业完成后的时间轴如图11所示:

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开

运用蒙板制作图片光晕切换效果 - 博元 - 面朝大海 春暖花开


图11


     7.测试存盘。
    说明:蒙板在选择放射状时,溢出可作不同的尝试。当然也可以做其它形状与变化。

最终效果显示:

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

全屏下载

  评论这张
 
阅读(25)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017