分享

flash8.0图片过渡十法

 云路心语 2013-11-21

flash8.0图片过渡十法  

2012-03-17 14:41:54|  分类: 默认分类 |字号 订阅

遮帘过渡:Blinds

参数

numStrips,"遮帘"效果中的遮罩条纹数。建议的范围是 1 到 50。
dimension,一个整数,指示遮帘条纹是垂直的 (0) 还是水平的 (1)。
下面我们来制作这个效果:
1. 新建flash文档,导入一张图片到舞台,打开对齐面板,宽高匹配,居中对齐。
2. 点中图片:将其转换为MC,实例名称为:img1_mc.,在第50帧插入帧。
3. 点第1帧,右键打开动作面板,输入如下代码:
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Blinds, irection:Transition.IN, duration:2, easing:None.easeNone, numStrips:10, dimension:0});

测试影片,怎么样?看到效果了吧。

这些代码不用解释了吧。

淡化过渡:Fade

制作方法跟前面一样,只是把代码改为:
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Fade, direction:Transition.IN, duration:3, easing:None.easeNone});
这个过渡跟上面的过渡比较起代码不同的是,上面的过渡自已有两个参数,而这个过渡则没有自已的参数。
现在你可能已经感觉到用代码实现的过渡效果比自已在计设环境中去设透明度,做遮罩要简单得多。废话,要不我在这废这么多口舌干啥呢?继续往下看吧,好东西还多呢。

飞行过渡:Fly

参数:startPoint,一个指示起始位置的整数;范围是 1 到 9:
左上,1;上中,2;右上,3;左中,4;中心,5;右中,6;左下,7;下中,8;右下,9。
代码:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Fly, direction:Transition.IN, duration:3, easing:None.easeNone, startPoint:9});
这里最后又跟了一个自带的参数,你可以改变一下这个参数,让图片从不同的方向飞入。

光圈过渡:Iris

参数:startPoint,一个指示起始位置的整数;范围是 1 到 9:
左上,1;上中,2;右上,3;左中,4;中心,5;右中,6;左下,7;下中,8;右下,9。
shape,值为Iris.SQUARE(方形)或Iris.CIRCLE(圆形)的遮罩形状
代码:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Iris, direction:Transition.IN, duration:2, easing: None.easeNone, startPoint:5, shape:Iris.CIRCLE});

照片过渡:Photo

代码:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start (img1_mc, {type:Photo, direction:Transition.IN, duration:1, easing:None.easeNone});

像素溶解过渡:PixelDissolve

参数:xSections,一个整数,指示沿水平轴的遮罩矩形部分的数目。建议的范围是 1 到 50。
ySections,一个整数,指示沿垂直轴的遮罩矩形部分的数目。建议的范围是 1 到 50。
代码:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:PixelDissolve, direction:Transition.IN, duration:2, easing:None.easeNone, xSections:10, ySections:10});

旋转过渡:Rotate

参数:ccw 一个布尔值:对于顺时针旋转为 false;对于逆时针旋转为 true。
degrees,一个整数,指示对象要旋转的度数。建议是范围是 1 到 9999。例如,degrees 设置为 1080 时,会将对象完全旋转三次。
代码:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Rotate, direction:Transition.IN, duration:3, easing:None.easeNone, ccw:false, degrees:720});

挤压过渡:Squeeze

参数:dimension,一个整数,指示"挤压"效果应是水平的 (0) 还是垂直的 (1)。
代码:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Squeeze, direction:Transition.IN, duration:2, easing:None.easeNone, dimension:1});

划入/划出过渡:Wipe

参数:startPoint,一个整数,指示开始位置。范围是 1 到 4 和 6 到 9:
左上,1;上中,2;右上,3;左中,4;右中,6;左下,7;下中,8;右下,9。
代码:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:1});

缩放过渡:Zoom

代码:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Zoom, direction:Transition.IN, duration:2, easing:None.easeNone});

以上是十种过渡效果,你可以更改其中的参数,以实现不同的效果,同时你也可以调整图片MC的注册点,也可能出现不同的效果。

上面的easing参数我们全用的是None.easeNone,即不使用缓动效果,在这里你可以更改这个参数将缓动效果应用于过渡效果中。不过我经测试,加上缓动效果后,很多过渡效果失去原味,不是很理想,我不提昌在过渡中使用缓动效果,但这必竟是我个人的意见,因此缓动效果还得介绍,何况下节课还要用到它的,下面再说说缓动效果。

缓动类

代码为:
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Zoom, direction:Transition.IN, duration:2, easing:Bounce.easeOut});
你可以将这个代码与上面的缩放过渡代码比较一下。
其它的过渡效果,就由你自已去试验了。

本课作业:完成本节开头的图片转场效果。

制作建议:将十种过渡效果按上面介绍的方法分别做成MC,并在第50帧上输入:stop();。在主场景第1层放一张背景图片,从第2层开始每隔50帧放一个做好的MC并延长100帧,每层只放1个MC。如第2层第1帧放1个,第100帧插入帧,第3层第51帧放1个,第150帧插入帧,以此类推。

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多