注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 
关于我

..终生学习.学已创新 .三博愿把美丽与大家分享.一些素材来源于网络.如有版权所有的异议.请告之.......

网易考拉推荐

水波图片特效大全(原创)【看看阿芳是如何将水波图片雾化、移动的】  

2011-10-22 22:23:22|  分类: 博客美化 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

 
 


 
 


 
 


 
 


 
 
 
 


 
 

 
 

 
 
 

制作原理

    其实它的制作原理非常简单,我们就把水波图片当成一幅图就好了,首先我们用在线水波生成器(点击此处进入水波生成器),生成一个水波图片,我们取用水波代码,

1、下面以水波图片雾化效果为例,我们将生成的水波代码如下:

<P align=center><EMBED style="FILTER: Alpha(opacity=100,style=2)" height=508 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer width=440 src=http://www.crazyprofile.com/water_effect/water.swf invokeurls="false" quality="high" wmode="transparent" allowScriptAccess="never" flashvars="pic=20118935793852020110603140550071_640.jpg&amp;fldr=Aug2011&amp;ww=440&amp;hh=508" allowNetworking="internal"><BR></P>
<DIV><A href="
http://www.crazyprofile.com/water_effect/water_effect.asp" rel=nofollow target=_blank><FONT size=+0><TD></FONT></A></DIV>

我们只需要在height=508前加入图片雾化代码style="FILTER: Alpha(opacity=100,style=2)",如果是线形、方形或都倒影效果等等,只要把这个雾化代码修改成你想要的效果那个代码就好了。

2、水波图片的移动、发光或者加背景、加边框和图片加背景、边框、移动是一样的,我们只需要把插入图片的代码修改为,插入水波动态图片的代码就好了,水波动态图片的移动很慢,大家只要知道这个原理就可以了。下面是水波动态图片加背景的代码:

<DIV align=center>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=440 background=http://img307.ph.126.net/Rn07sQuJEX3dR8u_441jxg==/4803651952544093685.jpg align=center>
<TBODY>
<TR>
<TD>
<DIV align=center><EMBED style="FILTER: Alpha(opacity=100,style=2); MARGIN: 5px; WIDTH: 440px; HEIGHT: 508px" height=508 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer width=440 src=http://www.crazyprofile.com/water_effect/water.swf allowNetworking="internal" flashvars="pic=20118935793852020110603140550071_640.jpg&amp;fldr=Aug2011&amp;ww=440&amp;hh=508" allowScriptAccess="never" wmode="transparent" quality="high" invokeurls="false"><BR></DIV>
<P align=center></P>
<DIV align=center><A href="
http://www.crazyprofile.com/water_effect/water_effect.asp" rel=nofollow target=_blank><FONT size=+0></FONT></A></DIV>
<TD></FONT></A>
<DIV></DIV>
</TD></TR></TBODY></TABLE></DIV>  红色部分为水波动画图代码

友情提示:阿芳博客的原创音画作品,或者原创博技,请大家尊重阿芳的原创劳动,使用正常的引用,喜欢阿芳博客的朋友,请您继续关注阿芳,阿芳将和您分享更多的博客技巧,阿芳祝您浏览愉快、谢谢您的合作!

 

水波图片特效大全(原创)【看看阿芳是如何将水波图片雾化、移动的】 - 舒芳诗林 - 舒芳诗林的博客

  评论这张
 
阅读(381)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017