【空间教程】FLASH制作"声"动的开门渐隐效果 (66/5612)

本帖地址: 复制地址

楼主: οo雨♂飛ヾ

用户形象图片

今天给大家介绍的是一种有声的开门效果.这样的教程好多人都写过了,但是朋友还是要我在写的具体点.具体效果:当鼠标经过门的时候会发出声音,门也会变透明,当鼠标按下时,门就消失了.好了不废话还是看实效图吧.
 制作步骤如下:
1.创建一个FLASH文档,调节大小和自己的模块大小一致
2.执行文件--导入--导入舞台-导入模块:注意,要让模块对齐舞台.
然后要对这个模板进行镂空处理.先点击模板右键进行分离打散,然后用魔术棒将模板实在镂空,如图
­3.执行文件--导入--导入库-导入门
 注意:拖拽到舞台后用键盘上的方向键调整好位置,使其正好盖住模板的镂空部分. 4:点击这个门然后点右键,转化为元件,选择"影片剪辑",并命名为"门1",这样就创建了门的影片元件了.
­接着再同样的点击门的右键,转化为元件,选择"按钮",命名为"门2",这样就创建了门这个按钮元件了.
4:接下来对门按钮这个元件进行编辑.双击这个门按钮,出现下图状态,在时间轴上的"指针经过"处插入关键桢,再选中这个门,在属性面板上的颜色选:Alpha,其透明度选30% ,当然可以按自己的喜好而定.同样的在时间轴上的"按下"点击,桢处插入关键桢.这样就实现了对门按钮的编辑了.
 ­
 ­
­5:回到场景,接下来对门进行开门效果的编辑.先把模板和门这两层的位置互换下,使门在模板下面即可
   ­
­ ­
 
    
命令如下: on (release) {
gotoAndPlay(2);
}
最后注意了:要在图层1和2上分别插入补间动画...


以上步骤已经实现了门的开门控制,接下来再添加声音部分.
6:文件---导入--导入到库把两个声音元件(按键声和开门声,可以去声音素材里找,这里无法上传)导入到库,然后双击"门2"这个按钮元件处于编辑状态,选中"指针经过"点击按键声音不放直接拖入舞台中,同样的选中"按下"把开门声音拖入舞台中.
­
­
最后一步,文件--导出--导出影片,将影片文件导出保存后上传得到SWF格式的地址即可 高手们不要见笑!第一次写教程好累,如果感兴趣的,就要耐心点看哦!看在我这么辛苦的份上,可要记得给我留言哦,什么不懂的也可以留言,我会尽量为你解答....  
 
回到帖子顶部

1楼 落落

用户形象图片

抱抱~~辛苦了!

其实我也挺辛苦,为了坐沙发等了这么久。。。
回到帖子顶部

2楼淡淡烟草味

用户形象图片

这个貌似我会
回到帖子顶部

3楼[楼主] οo雨♂飛ヾ

用户形象图片

还不 可儿要我写的 说能写多详细就多详细...花了一个晚上,累死  你那效果跟我这不一样...
回到帖子顶部

4楼淡淡烟草味

用户形象图片

切,我寝室有一本书,什么补逐动画,补间动画,添加声音,MP3背景音乐都有,而且也会了,哈哈
回到帖子顶部

5楼淡淡烟草味

用户形象图片

哎,累死了。忙了一个晚上才写好,高手们不要见笑!第一次写教程好累,如果感兴趣的,就要耐心点看哦!看在我这么辛苦的份上,可要记得给我留言哦


笑死我了,挖哈哈!才知道写教程麻烦啊!!!
回到帖子顶部

6楼[楼主] οo雨♂飛ヾ

用户形象图片

你 你 我非拿刀砍你!
回到帖子顶部

7楼嫣菜

用户形象图片

。。。

我还以为是女孩子弄的

回到帖子顶部

8楼″季后シ约定

用户形象图片

可儿其实不是想学这个
应该是鼠标移动门就消失,鼠标移走了门就关上
回到帖子顶部

9楼可兒

用户形象图片

引用 οo雨♂飛ヾ (315008633)在 2008年6月1日 6:48:24的发表:
还不 可儿要我写的 说能写多详细就多详细...花了一个晚上,累死  你那效果跟我这不一样...

 嘿嘿,谢谢雨飞了,今天就努力学会,其它的效果以后再慢慢学,幸苦啦~
回到帖子顶部

10楼苦涩青梅

用户形象图片

辛苦哦,正是我想找的教程呢,太好了,自己家门口就有。
回到帖子顶部

11楼彼岸花开

用户形象图片

引用  落落 (45088056)在 2008年6月1日 6:31:16的发表:
抱抱~~辛苦了!

其实我也挺辛苦,为了坐沙发等了这么久。。。
坐上沙发的感觉怎么样?
回到帖子顶部

12楼戀⊥伱啲→乄

用户形象图片

好啊    终于、知道怎么弄声音了啊
回到帖子顶部

13楼蓝ぁ爵ウ恋

用户形象图片

我看了号,也跟着做了一下,但是出现点问题,就是点那个门,模块也跟着消失了,不知道是那点没有弄好.不过还是十分感谢你的这个教材..
回到帖子顶部

14楼谭海利

用户形象图片

支持我们家
可儿来了
教程很好
支持!!!!
回到帖子顶部

15楼紫丽人/mg

用户形象图片


看了教程就头疼

不看又不懂,真难办
回到帖子顶部

16楼╰為∩i存在

用户形象图片

支持!!!!                
回到帖子顶部

17楼[楼主] οo雨♂飛ヾ

用户形象图片

引用 蓝ぁ爵ウ恋 (527464410)在 2008年6月1日 22:19:05的发表:
我看了号,也跟着做了一下,但是出现点问题,就是点那个门,模块也跟着消失了,不知道是那点没有弄好.不过还是十分感谢你的这个教材..

最后注意了:要在图层1和2上分别插入补间动画...


你应该是少了这几步...

回到帖子顶部

18楼打造时尚

用户形象图片

看起来很麻烦,做起来SO EASY
回到帖子顶部

19楼嘴 你 袄

用户形象图片

三Q 我学会了,谢谢楼主,我想学鼠标跟随文字,那个不会
回到帖子顶部

20楼墙上旧肖像

用户形象图片

第5步 说是 把两张图片换下位置.. 
不懂  我按照你说的 做不出来
回到帖子顶部

21楼★颩狆と鉮★

用户形象图片

雨飞.我觉得你的教程有点问题.什么时候跑出来个图层二呀.也没有见你介绍.是只有一个图层,我按你说的效果做都没有做出来.看了其它教程.原来是少了一个图层二.请问你的图层二在哪
回到帖子顶部

22楼:寂寞那么多

用户形象图片

能写一个更完全的教程吗

我们新手太多了。 

从一开始 到结束的  完整教程。,
回到帖子顶部

23楼 寒疏影 

用户形象图片

我学会一半。。。另一半就迷路了。。。
回到帖子顶部

24楼κ晕忽忽ω︷

用户形象图片

挺好的,,,,,。。
回到帖子顶部

25楼_删除、帐号

用户形象图片

都比我厉害    小妹妹的空间很好看啊。。
回到帖子顶部

26楼静绪

用户形象图片

唉!太麻烦了,                晕
回到帖子顶部

27楼[楼主] οo雨♂飛ヾ

用户形象图片

引用 ★颩狆と鉮★ (79497208)在 2008年6月6日 7:43:14的发表:
雨飞.我觉得你的教程有点问题.什么时候跑出来个图层二呀.也没有见你介绍.是只有一个图层,我按你说的效果做都没有做出来.看了其它教程.原来是少了一个图层二.请问你的图层二在哪
第三步 不是已经新建了图层2么
回到帖子顶部

28楼┭盈盈☆爱_/

用户形象图片

呵呵,楼主辛苦了。愿开心~

我也是初学者,向你学习咯~
回到帖子顶部

29楼┭盈盈☆爱_/

用户形象图片

楼主你在哪上传的flash呢?播放挺流畅的。我上传的flash怎么又时就播放不出来呢,郁闷~  可以告诉下嘛,谢谢!
回到帖子顶部

30楼★颩狆と鉮★

用户形象图片

明白了.呵呵.谢谢了.这套教程会了.呵呵.感谢雨飞的提示.
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值