巧用代码制作立体视觉效果图

 

我们一起去看海

 

海景

 

 

 

 夜景

 

 

 

雨景

 

 

背景素材一

 

背景素材二

 

背景素材三

 

http://www./web/tm/48/9.swf

 http://www./web/tm/47/1.swf

 

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

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

 

http://www./web/tm/4/2.swf

 http://www./web/tm/80/7.swf

 

FLASH地址

 

用代码表现立体视觉效果几乎是不可能的。今天我用代码定位技巧设计这个作品，就是希望达到立体视觉效果。与博文《巧用代码制作立体视觉效果图【人物系列】》不同之处是，本代码用了两个透明FLASH，使立体动态效果更加明显，并依据图片特点使用了不同的边框。红色代码为图片素材地址，绿色代码为FLASH地址。设计这样的作品需要将图片、文字及FLASH进行巧妙结合，参数是技巧，关键是有创意。发挥您的智慧，创作出更美的佳作。

特别说明：FLASH、图片素材来自网络。

  

效果图一代码

<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: progid:DximageTransform.Microsoft. shadow(color:#FF00FF ,direction:120,strength:30)" borderColor=#ffff00 cellSpacing=35 cellPadding=0 align=center border=1>
<TBODY>
<TR>
<TD>
<TABLE height=390 cellSpacing=0 cellPadding=0 width=600 align=center background=http://static15.photo.sina.com.cn/middle/5e1a7abfg6ed0538e6eee&690 border=1>
<TBODY>
<TR>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR></TBODY></TABLE>
<TABLE>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P style="MARGIN-TOP: -390px; MARGIN-LEFT: 0px"><EMBED src=http://www./web/tm/48/9.swf width=600 height=150 type=application/x-shockwave-flash ALLOWNETWORKING="internal" ALLOWFULLSCREEN="true" WMODE="transparent"></EMBED></P>
<P style="MARGIN-TOP: -75px; MARGIN-LEFT: 60px"><EMBED src=http://www./web/tm/47/1.swf width=540 height=300 type=application/x-shockwave-flash ALLOWNETWORKING="internal" ALLOWFULLSCREEN="true" WMODE="transparent"></EMBED></P>
<TABLE>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P style="MARGIN-TOP: -130px; MARGIN-LEFT: -520px">
<MARQUEE scrollAmount=1 scrollDelay=0 direction=up width=40 height=120><FONT style="FONT-SIZE: 20px" color=#ffff00><STRONG><EM>我们一起去看海</EM></STRONG></FONT></MARQUEE></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

  

效果图二代码

<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: progid:DximageTransform.Microsoft. shadow(color:#1e90FF ,direction:120,strength:30)" borderColor=#ee0000 cellSpacing=35 cellPadding=0 align=center border=1>
<TBODY>
<TR>
<TD>
<TABLE height=376 cellSpacing=0 cellPadding=0 width=600 align=center background=http://static6.photo.sina.com.cn/middle/5e1a7abfg82225d48ba85&690 border=1>
<TBODY>
<TR>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR>
<TR align=middle>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD>
<TD>
<P> </P></TD></TR></TBODY></TABLE>
<TABLE>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<P style="MARGIN-TOP: -370px; MARGIN-LEFT: 0px"><EMBED src=http://hexun.com/flash/lihua_1.swf width=600 height=350 type=application/x-shockwave-flash ALLOWNETWORKING="internal" ALLOWFULLSCREEN="true" WMODE="transparent"></EMBED></P>
<P style="MARGIN-TOP: -370px; MARGIN-LEFT: 0px"><EMBED src=http://hexun.com/flash/lihua_8.swf width=600 height=350 type=application/x-shockwave-flash ALLOWNETWORKING="internal" ALLOWFULLSCREEN="true" WMODE="transparent"></EMBED></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>