注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

★岁月如歌★

人心向善.不履邪径.不欺暗室.人皆敬之.天道佑之

 
 
 

日志

 
 

引用 原创:细说制作多层flash音画的代码、方法、步骤  

2010-02-25 21:01:54|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

乐在天涯原创:细说制作多层flash音画的代码、方法、步骤

       一、制作多层音画所需的原代码:

 

 

<P align=center>
<TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=背景图片地址 border=0>
<TBODY>
<TR>
<TD>

<EMBED align=right src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

</TD></TR></TBODY></TABLE>

 

 

         二:认识一下原代码:

 

    原代码也可以叫“基础代码”、“通用代码”,它是由专业人士或网友们制作的。只有掌握了原代码的用法、熟悉了它的各个组成部分,才能运用自如,创造新的“基础代码”。

 

    我们先来看看上面这个原代码的组成:

    1、制作“背景图片”的代码和制作方法

    <P align=center>
<TABLE style="WIDTH:
460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=背景图片地址 border=0>

 

           所谓的“背景图片”就是最里层的那张大图片,它可以是静止的图片,也可以是动态的图片(动画)。要选择比较大的图片,因为“那几层”都在它上面完成。

 

 

原创:制作多层flash音画的方法步骤 - 乐在天涯 - 乐在天涯小屋

  地址:http://img9.bimg.126.net/photo/FiV3YycYMOcEbHoHPhWc_w==/2606176809365304416.jpg

 

    “背景图片”代码里有两个相同的“宽”(460)和两个相同的“高”(336)。在图片生成的过程中,要随时调整它们。需要注意的是:两个宽或者两个高的数字,要同时扩大或缩小。

 

    获取图片地址的方法:

    再重复一次:光标对准图片,点击右键,点击【属性】,涂蓝“地址代码”,点击右键,点击【复制】,点击【确定】。

    接下来,删去代码里的“背景图片地址”,粘贴刚才复制的地址。然后,再根据生成后的图片调整它的宽度和高度。

 

  2、制作各层动画的代码和制作方法

 

   代码<EMBED align=right src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

        在背景画面上面的各层最好选用“透明的小幅动画”,删去代码里的“flash动画地址”,粘贴新的小幅动画地址。所谓“透明动画”也就是没有“背景画面”的动画。

     比如: 透明小动画“两只青蛙”的地址是:

http://imgfree.21cn.com/free/flash/55.swf

     动画效果:

 

    透明小动画“两只蝴蝶”的地址是:

http://imgfree.21cn.com/free/flash/9.swf

动画效果:

 

 透明小动画:两只蜻蜓的地址是:

http://imgfree.21cn.com/free/flash/51.swf

 动画效果:

 

上面的原代码除了第一层背景画面,还有四个动画地址,这就说明它一共有五个层次。现在,我们已经有了三个透明小动画的地址。最后那个地址可以继续用动画地址代码,也可以用音画地址代码。我采用的是“音画地址”。

 

3、单独说说“音画动画”代码的使用方法:

 

它可以算作看不见的“那一层”。因为我采用的是现成的音画,本身有画面,所以必须把画面“隐藏”起来。

方法:

 这是音画《河岸好姑娘》的地址代码:

http://www.hnjyxx.com/hnjx/jsyd/Fjash%20zp/河岸好姑娘.swf

 

把它放到原代码的最后一层,换掉“flash动画地址

<EMBED align=right src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

***********************************************************************

换完音画具体地址的代码:

<EMBED align=right src=

http://www.hnjyxx.com/hnjx/jsyd/Fjash%20zp/河岸好姑娘.swf width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

*************************************************************************

地址换完了,接下来要把它的“宽”和“高”都改为“0”。没有了具体的宽和高,画面也就看不见了。

换成“0”以后的代码:

<EMBED align=right src=

http://www.hnjyxx.com/hnjx/jsyd/Fjash%20zp/河岸好姑娘.swf width=0 height=0 type=application/x-shockwave-flash wmode="transparent" quality="high">

 

**********************************************************************

 

如果想把完成后的代码放到首页又不想要音乐,有两个办法:一是删去“音画地址”,二是在音画地址代码swf前面加一个“【”。http://www.hnjyxx.com/hnjx/jsyd/Fjash%20zp/河岸好姑娘.swf以后想听音乐就删去【,十分方便。这可是我的“专利”噢。

********************************************************************

三、最后的制作或者叫“合成”:

 

原代码:<P align=center>
<TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=背景图片地址 border=0>
<TBODY>
<TR>
<TD>

<EMBED align=right src=动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

</TD></TR></TBODY></TABLE>

*********************************************************************

制作完成的代码:

<P align=center>
<TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=

http://img9.bimg.126.net/photo/FiV3YycYMOcEbHoHPhWc_w==/2606176809365304416.jpgborder=0>
<TBODY>
<TR>
<TD>

<EMBED align=right src=

http://imgfree.21cn.com/free/flash/55.swf  width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=

http://imgfree.21cn.com/free/flash/9.swf  width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=

http://imgfree.21cn.com/free/flash/51.swf  width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=

http://www.hnjyxx.com/hnjx/jsyd/Fjash%20zp/河岸好姑娘.swf width=0 height=0 type=application/x-shockwave-flash wmode="transparent" quality="high">

</TD></TR></TBODY></TABLE>

 

效果图:

 

 

 

 

四、画面的修改和代码的使用:

 

1、如果感到背景画面(花朵)大了,就减去它的“宽”或“高”;如果感到小了就加大宽和高的数字。

2、同样道理:如果感到“青蛙、蝴蝶、蜻蜓”小了,就加大它们的“宽”和“高”。

3、停止歌曲,就在代码里加“【”;重新播放,就删去“【”。

4、代码可以放到日志里,点击<>以后粘贴制作好的代码;也可以粘贴到首页自定义模块里。在日志或模块里放大或缩小画面,只改动背景画面的两个“宽”和两个“高”就可以了,别的动画宽和高不用动。

 

下面是修改后的动画和代码:

 

 

 

 

<P align=center>
<TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=

http://img9.bimg.126.net/photo/FiV3YycYMOcEbHoHPhWc_w==/2606176809365304416.jpgborder=0>
<TBODY>
<TR>
<TD>


<EMBED align=right src=

http://imgfree.21cn.com/free/flash/55.swf  width=450 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=

http://imgfree.21cn.com/free/flash/9.swf  width=450 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=

http://imgfree.21cn.com/free/flash/51.swf  width=450 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high">

<EMBED align=right src=

http://www.hnjyxx.com/hnjx/jsyd/Fjash%20zp/河岸好姑娘.【swf width=0 height=0 type=application/x-shockwave-flash wmode="transparent" quality="high">

</TD></TR></TBODY></TABLE>

 

五、制作小技巧

1、初学的朋友可以把复制的原代码,粘贴到点击了<>以后的页面上,换了一个地址就点击<>看看效果。

2、初学不贪多,只用一个“背景图片地址”和一个“动画地址”就可以了。剩下的“地址”可以空着,不影响画面的形成。

3、如果还想增加“层数”,就添加代码<EMBED align=right src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

 

                                                                                                       ( 乐在天涯于2010年1月末撰稿)


 

 

请点击查阅:《爱的港湾(滚动或多层动画背景素材)》

  评论这张
 
阅读(123)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016