如何在图片上添加多层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.flash1890.com/swf/sucai/chuan/28.swf
<3>天鹅——
http://pendant.360doc.com/1/73.swf
<4>飞鸟——
http://www3.6000y.com/toumingflash/swf500/woso7_flash_3.swf
3.有了上述1及2点的准备,就可以利用以下代码,转入实质性制作阶段了:操作步骤——将以下“添加四层FLASH代码”(不允许有丝毫错码、错位)复制粘贴至图书馆撰写栏空白处模板内,把静态图片地址及透明flash地址从1至4依次置换入各层的代码内,宽与高根据实际情况需要,可调整可不调整;点击左上角“全选箭头”,点击左上角“剪切”,点击左下角的“代码编辑”,在撰写栏左上角的
低一行顶端处,复制粘贴已置换了静态图片地址及透明flash地址的代码,再点击“代码编辑”,即可看到那可爱的动静结合图片了。范例图片:
添加四层FLASH代码:
代码略解:
http://s7.sinaimg.cn/middle/66392eb8h97bffb02e706&690 为图片地址
http://hexun.com/flash/yu_4.swf 这是FLASH地址
WIDTH: 500px; HEIGHT: 380px 此为宽与高,数字大小根据图片大小调整。
想加入多少层FLASH,就加入多少层,把下面代码插入进去,依次添加,把FLASH地址替换就可以了。
需要插入的代码为: