【原】如何在图片上添加多层FLASH教程

风中卓立 2014-06-22

展开全文

如何在图片上添加多层FLASH教程

主编：风中卓立

在一张静态图片上，添加多层的flash，让许多东西都变得生动起来，从而异彩纷呈，我想，这是许多人的心愿吧？其实达成这种心愿并不难，使用以下代码就能轻易解决它。虽说如此，但操作起来还是有一定难度，事关设计思路。试想，如把一些毫不相干的东西互凑到一起，风、马、牛不相及，非但没美感，反而会啼笑皆非。下面，我就一些设计思路作为范例，从而把制作引导出来。在素材不多，想象空间有限的情况下，或许我制作出来的，并不是最好的，毕竟是一种全新的尝试，不振憾，也深刻。

就设计思路而言，通常我们应该首先考虑如下这些，为逐层置换代码做准备：

1.静态图片地址：从电脑存盘中，选择一张静态图片作为底图，利用美图秀秀将其美化，除去图片上的文字（没有当然不用啦），这张图片预设是一张“湖光山色”的静态图片，添加的flash图片我们就可以考虑——因有山有水，故透明flash图片可以为：下雨、小船、天鹅、飞鸟……尽量使之与静态图片相匹配。将这张图片上传至图书馆的撰写栏内，右击，点击属性，复制静态图片地址，备用（如——

http://userimage5.360doc.com/14/0621/23/7494381_201406212345390747.jpg

）。

2.透明flash地址：从第一层起至第四层止，依次（符合逻辑、合情合理）为：

<1>下雨——

http://hexun.com/flash/yu_4.swf

<2>小船——

http://www./swf/sucai/chuan/28.swf

<3>天鹅——

http://pendant.360doc.com/1/73.swf

<4>飞鸟——

http://www3./toumingflash/swf500/woso7_flash_3.swf

3.有了上述1及2点的准备，就可以利用以下代码，转入实质性制作阶段了：操作步骤——将以下“添加四层FLASH代码”（不允许有丝毫错码、错位）复制粘贴至图书馆撰写栏空白处模板内，把静态图片地址及透明flash地址从1至4依次置换入各层的代码内，宽与高根据实际情况需要，可调整可不调整；点击左上角“全选箭头”，点击左上角“剪切”，点击左下角的“代码编辑”，在撰写栏左上角的<P> </P>低一行顶端处，复制粘贴已置换了静态图片地址及透明flash地址的代码，再点击“代码编辑”，即可看到那可爱的动静结合图片了。

范例图片：

添加四层FLASH代码：