分享

细说制作多层flash音画的代码、方法、步骤

 yanzi0315 2010-06-16
一、制作多层音画所需的原代码:

 

 

<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://image11.360doc.com/DownloadImg/2010/06/1608/3608180_1.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./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./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./hnjx/jsyd/Fjash%20zp/河岸好姑娘.swf width=0 height=0 type=application/x-shockwave-flash wmode="transparent" quality="high">

 

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

 

如果想把完成后的代码放到首页又不想要音乐,有两个办法:一是删去“音画地址”,二是在音画地址代码swf前面加一个“【”。http://www./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://image11.360doc.com/DownloadImg/2010/06/1608/3608180_1.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./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://image11.360doc.com/DownloadImg/2010/06/1608/3608180_1.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./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月末撰稿)


 

 

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多