您好!欢迎您光临如何掌握遮罩效果和移动渐变动画_云杜红叶!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习教程 >>>FLASH教程 >>>如何掌握遮罩效果和移动渐变动画
如何掌握遮罩效果和移动渐变动画
发表日期:2015/12/27 18:21:00 出处:网络 作者:未知 发布人:ydhy 已被访问 257

一.制作音量控制:(注意,你制作的图形尺寸要严格按我给的数据,对齐方式也要按我的要求办,否则会出现偏差,原因是,动作脚本里的数值与图形和对齐方式有关系.图形的样式由你任意设计)(如果你想让音量指示条长到130,脚本里的59要改成118,然后,组合里的位置也要相应调整)

二.制作进度指示:(注意,你制作的图形尺寸要严格按我给的数据,对齐方式也要按我的要求办,否则会出现偏差,原因是,动作脚本里的数值与图形和对齐方式有关系.图形的样式由你任意设计)(如果你想让进度条短一些,去库里双击<进度指示条>,把长度从505改成252的话,同时有把脚本中的两处495改成248)

三.制作声音控制按钮:(注意:按钮可以自己制作,也可以使用现成的.从共用库里拉到场景里,设置按钮的动作脚本,就可以使用了.另外,在场景层里增加一层脚本层,目的是打开文件的时候音乐不自动播放,唱完也不自动返回,具体做法是:在脚本层第二帧和尾帧分别插入关键帧,再右击首帧和尾帧,设置<动作>,在专家模式下,双击<影片控制>的<stop>就可以了)

四.按钮,进度,音量的组合使用:(这里使用的按钮,是在影片元件里动作脚本设置好的,同上面的按钮起一样的作用,你用上面的按钮设置就行了)

五.如果显示进度秒数或设置更多的按钮,还有左右声道控制等等,还需要建立mc元件,设置多一些动作脚本.这就不叙述了.

六,带有快进快退的播放条的制作教程

源文件包下载

可参考文件包里的<声控03.fla>学习.也可以按教程自行设计.

(注意一:动作AS复制粘贴的时候,使用<专家模式>,需要修改AS的时候也可以转换到<标准模式>进行修改)

(注意二:有两处需要设置实例名称,一处动态窗口设置变量名)

(注意三:在设置action_mc的五帧AS里,有说法,第2帧第4帧要设置属性里的<帧标签>)

(注意四:如果改变元件line_mc第一层的播放条长度,需要修改AS:两处正负150和一处145的数值)

1,运行FLASH-MX程序

2,点<插入><新建元件>,元件行为设置<影片剪辑>,元件名称:action_mc

只用一层就够:连续设置五个关键帧,对每个关键帧设置动作:

第一帧:

stop();

第二帧:(注意:设置完下面的AS后,打开属性面板再一次点这一帧,在属性的<帧标签>里写上:left 不进行这一设置,快进快退是不好用的)

with (_root) {

if (_currentframe>20) {

gotoAndPlay(_currentframe-20);

} else {

gotoAndStop(1);

}

}

第三帧:

gotoAndPlay("left");

第四帧:(注意:设置完下面的AS后,打开属性面板再一次点这一帧,在属性的<帧标签>里写上:right 不进行这一设置,快进快退是不好用的)

with (_root) {

if (_currentframe<_totalframes-20) {

gotoAndPlay(_currentframe+20);

} else {

gotoAndStop(_totalframes);

}

}

第五帧:

gotoAndPlay("right");

3,点<插入><新建元件>,元件行为设置<按钮>,元件名称:line_button

在<弹起>下方,用椭圆工具会制一个带边的正圆.宽高25,颜色:绿,边:黑.

4,点<插入><新建元件>,元件行为设置<影片剪辑>,元件名称:line_button_mc

在一层第一帧里,将line_button拖入舞台,水平垂直都居中.

对舞台里的元件设置动作脚本:

on (press) {

_root.stop();

_root.flag = false;

startDrag(this, false, -150, 0, 150, 0);

}

on (release) {

stopDrag();

tFrame = int((_x+200)/2);

// trace(tframe)

if (tFrame<>1 && tFrame<>_root._currentframe) {

_root.gotoAndPlay(tFrame);

} else {

_root.gotoAndStop(tFrame);

}

_root.flag = true;

}

5,点<插入><新建元件>,元件行为设置<影片剪辑>,元件名称:line_mc

建两层:下层用椭圆工具绘制一个高12宽300的带边的矩形,水平垂直都居中,颜色:绿,边:黑.

上层把line_button_mc元件拖入舞台,水平垂直都居中.设置动作:

onClipEvent (enterFrame) {

if (_root.flag == true) {

_x = _root._currentframe/2-145;

_root.all.ff = int((_root._currentframe/_root._totalframes)*100);

}

}

6,点<插入><新建元件>,元件行为设置<影片剪辑>,元件名称:声控组件

建三层:下层用矩形工具绘制一个高50宽548的带边的矩形(颜色:灰色,左和上边白,右和下边:黑),水平垂直都居中.

中层用矩形工具绘制一个高28宽63的带边的矩形(颜色:黑色,左和上边灰,右和下边:白),X=204,Y=-14.

上层从公共库拖入五个按钮(也可以自己制作):

按钮一:gel Right 功能:播放,设置按钮动作,位置:垂直:居中,水平:X=-268,Y=-15

on (release) {

_root.play();

}

按钮二:gel Pause 功能:暂停,设置按钮动作,位置:垂直:居中,水平:X=-238,Y=-15

on (release) {

_root.stop();

}

按钮三:gel Stop 功能:停止,设置按钮动作,位置:垂直:居中,水平:X=-208,Y=-15

on (release) {

_root.gotoAndStop(1);

}

按钮四:gel Rewind 功能:快返回,设置按钮动作,位置:垂直:居中,水平:X=-178,Y=-15

on (press) {

actionmc.gotoAndPlay("left");

}

on (release) {

actionmc.gotoAndStop(1);

}

按钮五:gel Fast Forward 功能:快前进,设置按钮动作,位置:垂直:居中,水平:X=172,Y=-15

on (press) {

actionmc.gotoAndPlay("right");

}

on (release) {

actionmc.gotoAndStop(1);

}

播放条:功能:进度指示.把line_mc拖到舞台,位置:X=-135,Y=-6

MC:功能:动作.把action_mc拖到舞台,设置<实例名称>为:actionmc 位置:X=-65,Y=-16 (位置可以随便放置)

动态窗口:功能:显示进度百分比.用工具A字母绘制动态窗口:变量名:ff 宽:30.4 高:22 位置X=211,Y=-11 字体:Arial 字号:14,字色:亮绿,B加粗.

百分比符号:用工具中的A字母,写入百分号:% 设置字为绿色,字体Arial 字号:18 加粗B 位置:X=243,Y=-13

7.回场景编辑:

场景建三层:

下层: 把库中<声控组件>拉入舞台:设置<实例名称>为:all 位置:水平:居中,垂直:底对齐.按歌曲长度延长帧.

中层: 加入歌曲,设置:数据流,按歌曲长度延长帧.

上层:按歌曲长度延长帧.在第一帧(注意第一帧不设置关键帧)加动作:

stop();

_root.flag = true;

还是上层:在最后一帧加关键帧,并设置动作:

stop();

调试说明:

一,手拖滑快的活动范围设置(修改元件line_button_mc里的AS数值):

在测试影片的时候,用鼠标左右拖动滑快的时候是有范围的,这个范围的起点终点位置与下列因素有关:

1,与元件line_mc里的 300 宽有关.(记住300)

2,与元件line_button里的圆形宽25有关(无论做成方形还是圆形).(记住25)

3,当你改变上面两图形的宽度的话,以上两数据就不是300和25了,需要把元件line_button_mc里的AS数据做相应改变.

计算方法:

300-25=275 275/2=137.5 (记住137.5)

4,修改元件line_button_mc里的AS样式,把两处150替换成137.5如下:

startDrag(this, false, -150, 0, 150, 0); 改写成 startDrag(this, false, -137.5, 0, 137.5, 0);

二,用播放按钮播放歌曲时滑快活动范围设置(修改元件line_mc里的AS数值):

在测试影片的时候,按<播放按钮>后,滑快移动的起点终点,与下列因素有关:

1,与歌曲长度的总帧数有关系.

2,与图形宽300和25有关.(记住300和25)

3,当你导入的歌曲不同,歌曲的总帧数也不一样,例如有一只歌曲长度的总帧数是3120帧(记住3120).

数据计算方法:

300-25=275 3120帧/275=11.35 (记住这的11.35和前面的137.5)

4,修改元件line_mc里的AS样式,把两处2-145替换成11.35-137.5如下:

_x = _root._currentframe/2-145; 改写成 _x = _root._currentframe/11.35-137.5;

全部制作完成,至于按钮样式,进度条颜色等等,可任意设置,看你的艺术水平而定.

————————————————————————————————————

点击下页观看另一种制作方法(用Flash制作音量控制程序)

[1] [2]  下一页

 

用Flash制作音量控制程序

笔者在《中国电脑教育报》2002年第12期第A28版发表了一篇《音量大小任我调》,相对Authorware而言,Flash中音量大小的动态调节要简单许多,它不需要外挂函数,只需使用自身的Actions函数就可以解决。

制作思路:通过拖动影片(MovieClip)改变其位置,然后将位置的值作为音量的值,从而达到动态调节音量的目的。下面就为朋友们介绍音量控制程序的具体制作方法:

1、启动Flash 5,新建一个名为“音量控制”的文件,单击“File→Import…(Ctrl+R)”导入需要的声音文件,按Ctrl+L打开“Library库”,选中导入的声音文件,单击鼠标右键,选择菜单中的“Linkage…”打开“Symbol Linkage Properties”对话框,选择“Export this symbol”,然后在entifier中输入“sound ”。

2、按Ctrl+F8创建一个名为“音量面板”的MovieClip,然后绘制一个直角三角形(如图1),三角形的宽(W)100,高(H)7,数值的调节可以通过Info面板(Ctrl+Alt+I);按Ctrl+F8创建一个名为“音量滑块”的Buttons,在Up帧绘制一个小圆作为滑块,宽和高都是8,然后在其他的帧按F6键插入关键帧。

图1

3、按Ctrl+F8创建一个名为“滑块移动”的MovieClip,将“音量滑块”拖放在场景中,然后为按钮加上如Actions语句:

on (press) {

startDrag ("/hk", true, x-65, y+3, x+35, y+3);

}

on (release) {

stopDrag ();

}

//说明:这里的hk为“滑块移动”的Instance name ;后面的代数式主要是用来控制音量滑块的移动范围,目的是使滑块能够在“音量面板”上移动,这里要根据实际情况调节。

再为该帧加上Actions语句:

x = _root.mb._x;

y =_root.mb._y;

//说明:_root.mb._x为音量面板的横坐标 ,_root.mb._y为音量面板的纵坐标,这样获取了x、y的数值,使“音量滑块”能够在面板上移动。

4、单击Scene 1回到场景中,插入一新层后,从上至下命名为“音量控制”和“音乐”;在“音乐”层的第1帧插入关键帧,然后为该帧加上如下Actions语句:

sound = new Sound();

sound.attachSound("sound");

//将Library库中的sound捆绑于当前声音中。

sound.start(); //播放sound。

sound.setVolume(50);//设定初始音量为50。

5、将“音量面板”、“滑块移动”拖放在“音量控制”层的第1帧,使“滑块移动”的位置在“音量面板”的中心部分,可通过Align面板(Ctrl+K)对齐调整;选中“音量面板”单击右键选择“Panels→Instance” ,在Name中输入“mb” ;同样为“滑块移动”设置Instance Name为“hk” ;然后为“滑块移动”加上如下Actions语句:

onClipEvent (enterFrame) {

yinliang = getProperty("/hk", _x);

//获取hk的横坐标值作为yinliang的值。

_root.sound.setVolume(yinliang-(x-65));

}//用yinliang的值减去滑块的最左端位置的值作为sound的音量;注意音量的数值范围在0~100之间。

提醒:本例中的难点在“音量面板”和“音量滑块”的位置调节,如果位置调节的不好,可能会出现拖动时按钮离开面板的现象;如出现这种情况充分借助Info面板,调节第3步startDrag中代数式后面的数值;在大型动画的制作中,稍微调节本例中的一些数值再加工一下,就可作为其中的一个MovieClip来使用。

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

云杜红叶 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ383170807 联系人:红叶

琼icp备09005167