转载连接:
http://www.freesitesource.com/2009/0105/346.html
用AS实现过渡效果
效果演示:
通过 TransitionManager 类,您可以迅速将令人印象深刻的过渡动画效果应用于影片剪辑。TransitionManager为我们提供了10种过渡效果。下面来看看怎样使用TransitionManager类来实现过渡效果。
要实现过渡效果,为编写代码更为方便首先需要导入所有 mx.transitions 类和所有 mx.transitions.easing 类:
import mx.transitions.*;
import mx.transitions.easing.*;
在导入上面两个类以后,就可以使用TransitionManager类的start()方法将过渡效果应用于影片剪辑上。
格式:TransitionManager.start(影片剪辑名称,{ type:过渡类型,direction:方向,duration:过渡所所需的时间,easing:缓动效果,各种过渡效果所需的参数});
start()方法参数的说明:
影片剪辑名称:就是要应用过渡效果的MC的实例名称。
过渡类型:上面已提到共有10种过渡效果,这里填上要用的过渡效果名称。下面将分别介绍这十种效果。
direction:方向:即过渡是进入还是退出。可以用两个值:Transition.IN和Transition.OUT
duration:过渡所所需的时间:一般一个过渡几秒就够了吧,常用3-5。
easing:缓动效果:在过渡效果中可以为过渡效果添加缓动效果,有关缓动效果后面将专门介绍,这里先介绍一个值,我们才好测试过渡效果。None.easeNone用这个值,就是不用缓动效果。
各种过渡效果所需的参数:除了上面的的参数外,每一种过渡效果可能还有自已的参数,那么就跟在后面就行了。
有了上面的介绍,我们已经对TransitionManager类有了一个大概的认识,下面我们来介绍这十种过渡效果,并用练习来实现它,这样我们便能掌握TransitionManager的应用了。
遮帘过渡: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,即不使用缓动效果,在这里你可以更改这个参数将缓动效果应用于过渡效果中。不过我经测试,加上缓动效果后,很多过渡效果失去原味,不是很理想,我不提昌在过渡中使用缓动效果,但这必竟是我个人的意见,因此缓动效果还得介绍,何况下节课还要用到它的,下面再说说缓动效果。
关于缓动类和方法:
Flash 提供了五个缓动类,每个缓动类都有三个方法,这些方法指示过渡动画的以下哪一部分应用缓动效果:在动画的开始、结尾或开始和结尾。此外,带有 easeNone 方法的 None 缓动类可用于指示未使用缓动。
下表描述了这 6 个缓动计算类。
缓动类 描述
Back 在过渡范围外的一端或两端扩展动画一次,以产生从其范围外回拉的效果。
Bounce 在过渡范围的一端或两端内添加弹跳效果。弹跳数与持续时间相关,持续时间越长,弹跳数越多。
Elastic 添加一端或两端超出过渡范围的弹性效果。弹性量不受持续时间影响。
Regular 在一端或两端添加较慢的运动。此功能使您能够添加加速效果、减速效果或这两种效果。
Strong 在一端或两端添加较慢的运动。此效果类似于 Regular 缓动类,但它更明显。
None 添加从开始到结尾无任何减速或加速效果的相同的运动。此过渡也称为线性过渡。
这 6 种缓动计算类的每一种都有三个缓动方法,它们指明缓动效果应用于动画的哪个部分。此外,None 缓动类还有第四个缓动方法:easeNone。
下表中描述了这些缓动方法:
方法 描述
easeIn 在过渡的开始提供缓动效果。
easeOut 在过渡的结尾提供缓动效果。
easeInOut 在过渡的开始和结尾提供缓动效果。
easeNone 指明不使用缓动计算。只在 None 缓动类中提供。
下面我们来看看使用方法。
用法:在过渡效果中:
TransitionManager.start()方法的easing:参数用这个值:缓动类名.缓动方法
比如在上面的过渡效果中我们使用了:easing:None.easeNone表示没有用缓动。看上面两个表,可以看出,None是缓动类名,easeNone是类的方法。
下面将上面的缩放过渡的easeing参数改一下用Bounce类的easeOut方法让图片放大后产生一个弹跳的动作:
代码为:
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帧插入帧,以此类推。
分享到:
相关推荐
第七课:动画的妙用 第三十二课:片头片尾如何加 第三十节:剪辑没思路?试试这个功能 第三十四课:制作月亮东升西落的效果 第三十五课:春夏秋冬季节切换效果 第三十一课:关键帧让你的视频再“动”起来 第十...
flash8制作的一个小东西,仅有一个功能:实现了键盘控制影片剪辑文件上下左右的移动,大家不会控制的可以复制文件里面的代码玩一下,只是个参考,很简易。
moviepy音视频剪辑:视频剪辑基类VideoClip的属性及方法详解.rar
flash影片剪辑代码参考,flash影片剪辑代码参考
moviepy音视频剪辑:视频剪辑基类VideoClip详解.rar
动态创建影片剪辑影片剪辑是 Flash 应用程序中可以播放动画的元件。它们是唯一引用图形元素的数据类型。MovieClip 数据类型允许我们使用 MovieClip 类的方法控制影片剪辑元件。
Flash CC 标准课程第七章 元件影片剪辑元件
适合想学PR,想学习视频剪辑的学生、白领等。
详细的讲了flash中影片剪辑的制作,附有例子和详细代码
17.第十七节课:视频精细化剪辑2.mp4 18.第十八节课:视频精细化剪辑3.mp4 19.第十九节课:封面制作重点.mp4 20.第二十节课:小红书笔记如何写标题.mp4 21.第二十一节课:小红书笔记如何写内容.mp4 22.第二十二...
视频教程
使用vue(vue3) + ffmpeg + wasm 实现纯前端音视频编辑,功能包括:视频剪辑、音频剪辑、音频合成裁剪、音波展示、视频抽帧、gif抽帧、帧播放器、字幕、贴图、时间轴、素材轨道.zip
解决你日常剪辑重遇到的常见问题解决方法,首先从剪映基础操作开始讲起,其次包括音乐文字的常见技巧添加、视频封面制作教程,以及在刷视频的时候会有特别好玩的特效但有些同学不知道怎么制作出了,这里老师会教大家...
最新抖音影视搬运剪辑变现一体教程,操作7-10天就能把号做起来,内含PR基础全通过+速成教程+剪映剪辑教学,让你在运营影视剪辑的路上更上一层楼。 视频大小:15.3G
猫腻讲电影影视解说陪跑特训班,帮你快速找到影视剪辑入门,快速掌握流量密码,快速从0-100W,适合宝妈、学生、上班族、想学习影视剪辑的人群等。 视频大小:1.1G
FLASH按扭跳到影片剪辑指定帧 假设你这个影片剪辑名字叫做:MC01 需要跳转到MC01的第 N 帧。 按钮名字为: Button01 1. 如果MC01是当前场景中的一个剪辑,则在按钮中加入AS: on(release){ MC01.gotoandstop(N) },...
视频剪辑从入门到精通(初中高)
flash动作脚本从入门开始 一、FLASH脚本基础入门讲解 1 二、按钮AS的编写 4 三、影片剪辑的AS编写 5 四、动态文本框 6 五、影片剪辑的拖拽 8 六、流程控制与循环语句 11 七、绘图及颜色的AS的编写 12 八、声音 AS ...
flash动作脚本-动态文本框、影片剪辑的拖拽、流程控制与循环语句:免费下载
moviepy音视频开发:音频剪辑基类AudioClip.rar