Board logo

标题: [10年跟我学]小技巧——图中添透明FLASH [打印本页]

作者: 清茶一杯    时间: 2010-2-20 13:06     标题: [10年跟我学]小技巧——图中添透明FLASH

    年前在SLT老先生园地里发了《如何做简单的音画?》一贴后,可能我水平不够没有讲清楚,甚感不安。反省后,觉得我有责任先把做音画的一些小技巧的做法先分别发上来,这样对初学者先掌握这些代码,后对整装的音画有了大致概念。不至于看到大堆整合的代码头疼,以致于没有信心。今天先把如何添加FLASH这一技巧发上来,大家可以照着做:

 

      1.先去找好一张图和一个透明FLASH素材。如下:

 

 

 

 

这是我找到的西湖风景图,我对这张图在PS软件稍微作了一下处理(宽700高500)然后打上了字。

 

图片的地址是:http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg 备用。

 

 

     2.再接着去找和上面图相匹配的透明FLASH

 

 

[flash]http://xt.2000y.net/106939/uploadpic/2009062212025862810.swf[/flash]

 

 

透明FLASH地址是:http://xt.2000y.net/106939/uploadpic/2009062212025862810.swf  备用。

 

 

FLASH发上显示的代码: <P>[*flash]http://xt.2000y.net/106939/uploadpic/2009062212025862810.swf[/flash]</P>

作者: SLT    时间: 2010-2-20 13:15

先说一声:谢谢清茶老师。


作者: 清茶一杯    时间: 2010-2-20 13:26

3. 做好这两部准备步骤后,我们可以用代码把他们整合在一起,就会看到在Flash的背面插入一些漂亮的图片,搭配出漂亮的效果……

 

 

先看看我们的图片代码:

 

<TABLE height=500 cellSpacing=0 cellPadding=0 width=700 align=center background=http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg border=0>
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>

 

 

再看看图片效果。是不和平时发图一样?其实用上这组代码除了就是可以控制该图片的大小外,和平常发图没有异样。但做音画就得需要这样控制,否则不是做音画而是发图。所以请大家一定要记住这组最基本最基础的代码,拜托了。

 

 

 

 

一、Swf透明、无坐标控制

  首先教大家最简单的插入Flash的代码,透明,无坐标控制:
  注意wmode="transparent"是控制Flash是否透明显示的,如果不想让它显示为透明的,直接把wmode="transparent"去掉即可。

 

 

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://xt.2000y.net/106939/uploadpic/2009062212025862810.swf width=580 height=630 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>

 

 

看到这大家会问底图呢?别急,我还没把背景图合成上去。目的是让大家比较一下,上面发的不透明和透明FALSH之间代码的区别。


作者: 清茶一杯    时间: 2010-2-20 13:35

 

 

 

这就是合成的效果图,它的完整代码是:

 

<TABLE height=500 cellSpacing=0 cellPadding=0 width=700 align=center background=http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg border=0>
<TBODY>
<TR>
<TD>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://xt.2000y.net/106939/uploadpic/2009062212025862810.swf width=680 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE>

 

 

蓝色部分的代码是背景图的部分,红色部分代码是加透明FLASH的部分。细心的朋友可能会提出我发的前一张光是发透明比现在合成的FLASH要大,对比一下代码我只修改FLASH宽与高的数值width=680 height=400,先前是580和630。所以你知道了这FLASH大小可以按你的需要进行改动的。这是第一种方法,无控制坐标添加透明FLASH,适用单图,全覆盖画面的音画贴制作。


作者: 清茶一杯    时间: 2010-2-20 14:06

二、Swf透明、绝对坐标控制

  再教大家第二种方法:那就是加入绝对坐标的透明Flash,绝对坐标意味着不管你的窗口拉多大,那个Flash依然乖乖地在原地固定不动。

 


<EMBED style="LEFT: 60px; WIDTH: 468px; POSITION: absolute; TOP: 200px; HEIGHT: 160px" align=right src=http://xt.2000y.net/106939/uploadpic/2009062212023696368.swf width=468 height=160 type=application/octet-stream ;; quality="high" wmode="transparent">

 

 

我们换一个透明FALSH来说明吧:http://xt.2000y.net/106939/uploadpic/2009062212023696368.swf

 

 

[flash]http://xt.2000y.net/106939/uploadpic/2009062212023696368.swf[/flash]

 

 



作者: 清茶一杯    时间: 2010-2-20 14:19

我们把这组绝对坐标控制的FLASH代码和先前背景控制的代码合成起来看看效果:

 

 

 

 

 

 

<TABLE height=500 cellSpacing=0 cellPadding=0 width=700 align=center background=http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg border=0>
<TBODY>
<TR>
<TD><EMBED style="LEFT: 400px; WIDTH: 600px; POSITION: absolute; TOP: 7150px; HEIGHT: 200px" align=right src=http://xt.2000y.net/106939/uploadpic/2009062212023696368.swf width=600 height=200 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE>

 

从上面代码可以看到土黄色是控制改FLASH在整个帖子左右,往右你可以10~980,往左可以加上“LEFT:-1~220”。蓝色是该FLASH在帖子中大小。值得注意的是红色,它控制FLASH在整个网页上下的位置。比如我已经发到了6楼,每楼上已经有许多内容,我们是否可以这样认为,从1楼到6楼已经占有了7150高度,我的FLASH才在画面的中央。如果我这贴发在1楼的话,那估计只要TOP: 450px;就够了。否则该FLASH就可能跑到你找不到的位置上了。呵呵~~

 

总得说来,上面这些有颜色数值,都可以根据你的要求来进行设置调整的。


作者: 清茶一杯    时间: 2010-2-20 17:14

三、Swf透明、相对坐标控制

  最后教教大家如何加入相对坐标的透明Flash。
  注意下面代码的table部分,这主要是使用表格作为容器,把Flash“装”到表格里,这样不管浏览者把浏览器拉多大,Flash永远和表格一起动。而且,表格可以设置背景图片,表格上面再放一个透明Flash与背景图片相配合,效果很好。

<TABLE height=500 cellSpacing=0 cellPadding=0 width=700 align=center background=http://www.xh1688.com/bbs/attachments/month_1002/1002201307fc9676205c077c4b.jpg border=0>
<TBODY>
<TR>
<TD width=700 height=100><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://xt.2000y.net/106939/uploadpic/2009051214520439978.swf width="100%" height="100%" type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TD></TR></TBODY></TABLE>


作者: 清茶一杯    时间: 2010-2-20 22:08

效果图:

 

 

看了这效果,大家是否认为,相对坐标和无坐标控制的无啥差异,其实确实是这样,只是在透明FLASH布局内容来配底图特殊使用,很多的情况下都是使用前两种的方式。


作者: 心怡的天空    时间: 2010-2-21 21:18

晕,我还是整不明白,看起来我这笨猪是学不会了。。。。。




欢迎光临 西湖天堂 (http://xh1688.com/bbs/) Powered by Discuz! 7.0.0