Flash制作调入式声音控制实例教程

2016-02-16 19:01 7 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - FLASH 】

本例通过程序读取外部MP3文件,通过声音对象的控制来制作播放器,这种方式适用于Flash交互开发时使用。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

本例思路:

导入素材制作按钮。

制作示波图模拟动画。

编写程序。

实例步骤:

(1) 先导入按钮素材,使用菜单文件/导入/导入到舞台,如图所示。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

提示:图片在光盘中,光盘目录/案例源文件/第十六章/调入式声音控制/图形.swf

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

图16-1 图形

(2)复制一份出来,改变其填充颜色为红色并绘制黑色背景,如图所示。

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

图16-2 元件

(3)再制作STOP和PLAY按钮放在图形上,作为停止和播放按钮分别命名为stopBt和playBt,如图16- 3所示。

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

图16- 3 按钮

(4)再使用传统补间制作示波动画,如图16- 4所示.

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

图16- 4 示波动画

(5)将示波动画影片剪辑再转化为图形元件并在属性面板中循环次数设置为只播放一次,在第40帧上按F5插入帧,再将元件复制一份设置透明度为20%,如图16-5所示。

Flash制作调入式声音控制实例教程,PS教程,图老师教程网

图16- 5 textArea

(6)接下来编写代码,新建一个图层命名为AS在第一帧上添加代码完成制作。

技术看板:代码解释

第1行:实例化一个声音对象。

第2行:加载同一目录下的声音文件。

第3行:添加控制并且声音开始播放。

第6~9行:点击停止按钮后声音和示波动画_show停止播放。

第10~13行:点击播放按钮后声音和示波动画_show开始播放。

var mymp3:Sound=new Sound();   
mymp3.load(new URLRequest("sound.mp3"));   
var music:SoundChannel=mymp3.play();   
stopBt.addEventListener(MouseEvent.CLICK,clickStop);   
playBt.addEventListener(MouseEvent.CLICK,clickPlay);   
function clickStop(event:MouseEvent):void{   
    music.stop()   
    _show.stop()   
    }   
function clickPlay(event:MouseEvent):void{   
    music=mymp3.play()   
    _show.play()   
    }

来源:http://www.tulaoshi.com/n/20160216/1571570.html

延伸阅读
先看看效果图 首先在网上找到一张比较清晰干净的玻璃杯子图片。 在ps之中减低对比度和明度。 将杯子的轮廓抠出来。 去掉多余的部分。 利用蒙版工具将杯子挖空。 新建一个图层,在图层里利用渐变拉出牛奶的效果。记住一定要新建一个图层! 然后保存两个png图片,一个有牛奶一个没有。一定是png! 打开flash...
标签: FLASH flash教程
本例介绍运用Flash制作水晶按钮以及水晶按钮的运用,教程详细讲解了制作过程,适合新手朋友学习,感兴趣的朋友可以到论坛提交作业。 本人学习Flash也才两个多月,还很菜的哈,这个教程实际上只是本人学习Flash的一点心得,写出来给初学Flash的朋友,可能对于初学者会有一点点帮助吧。先看一下效果图吧: 下面开始制作: 1. 新建一个空白...
标签: FLASH flash教程
本例介绍使用Flash绘制唯美渔舟唱晚效果,教程详细讲解了鼠绘唯美的夕阳山水风景画,希望能给朋友来带来帮助~~ 新建文档,数值默认。 一、新建影片剪辑元件命名,太阳。放射状填充:左FF6600,右FF9900,画一个正圆。 二、新建图形元件,名遮片,画遮片。 三、新建影片剪辑元件,命名背景。共9个图层,从上至下,云、云倒影...
标签: FLASH flash教程
本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧! 效果演示: 现在开始制作: 新建flash文档,背景色为黑色,其它默认。首先来画火苗:新建图形元件,取名为:火苗,用椭园工具无填充,画一椭园,如图: 然后用选择工具,调整成下图形状: 这个图一边是弧形,一边凹进去了一点。一定是这样。 ...
标签: FLASH flash教程
点击这里返回Flash教程栏目。 知识点: a、渐变色,形变动画的应用。 b、元件的as标识符。 c、attachMovie的应用。 d、movieClip的各项属性的使用。 e、滤镜的应用。 [全屏欣赏]   应用分析: 本题最初是帮助朋友做一个视觉效果,做一朵花开放的效果出来。分析一下,花是由一片片花瓣组成,做完每...

经验教程

178

收藏

72
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部