.

日志

关于我

无所谓

我是一名教育工作者,为人正直爽快.诚实守信,热情好客.乐于助人.真诚结交各地朋友,是我最大的心愿!

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

网易考拉推荐

给图片加上水波涟漪效果

2010-03-27 17:15:09| 分类： ps教程 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

给图片加上水波涟漪效果

这是我做的效果图:

给图片加上水波涟漪效果 - 无所谓 - .

下面是原教程:
一、先定义图案

　　1. 50x50 填充黑色全选(ctrl+a) 拷贝(ctrl+c)。

给图片加上水波涟漪效果 - 无所谓 - .

图2

　　2. 另开新档 50x100 贴上(ctrl+v)黑色对齐上方。

给图片加上水波涟漪效果 - 无所谓 - .

图3

　　3. 编辑→定义图案

二、制作位移图

　　1. 500×1000 新增图层，任意填充颜色，填满→0。

给图片加上水波涟漪效果 - 无所谓 - .

图4

　　2. 图层样式→图案填充 (上面定义的图)。往下新增图层，合并这两个图层。

给图片加上水波涟漪效果 - 无所谓 - .

图5

　　3. 高斯模糊，然后全选，拷贝。

给图片加上水波涟漪效果 - 无所谓 - .

图6

　4. 另开新档500X500贴上。

给图片加上水波涟漪效果 - 无所谓 - .

图7

　　5. 把图往上移，但不要移到底部，那里的高斯模糊不一致。

给图片加上水波涟漪效果 - 无所谓 - .

图8

6. 复制图层1 (ctrl+j)，然后按v(移动工具)，按住shift键+方向键往下两次(即往下20 pixels)。

给图片加上水波涟漪效果 - 无所谓 - .

图9

　　7. 再复制图层 1 拷贝(ctrl+j) ，一样按住shift键+方向键往下两次(即往下20 pixels)。

给图片加上水波涟漪效果 - 无所谓 - .

图10

　　以此类推，再做3次，共有五个。

给图片加上水波涟漪效果 - 无所谓 - .

图11

如果这时候做成动画，会是这样：

给图片加上水波涟漪效果 - 无所谓 - .

图12

　　8. 进行极座标，选择最上面图层，全选(ctrl+a) 极座标。

给图片加上水波涟漪效果 - 无所谓 - .

图13

　　下面4个图层也一样，重复极座标 (ctrl+f)。

给图片加上水波涟漪效果 - 无所谓 - .

图14

　　如果这时候做成动画，会是这样：

给图片加上水波涟漪效果 - 无所谓 - .

图15

　　9. 储存位移图。先裁切，全选裁切即可裁掉图层以外部份。

给图片加上水波涟漪效果 - 无所谓 - .

图16

按掉上面四个眼睛，储存psd格式，档名RippleMap_001。

给图片加上水波涟漪效果 - 无所谓 - .

图17

　　10. 图层1拷贝，储存为RippleMap_002。以此类推共5个RippleMap。

给图片加上水波涟漪效果 - 无所谓 - .

图18

三、制作涟漪效果

　　1. 贴上你要涟漪的图

给图片加上水波涟漪效果 - 无所谓 - .

图19

　　复制4次，放到各位移图下方。

给图片加上水波涟漪效果 - 无所谓 - .

图20

　　2. 从最下面的图开始使用置换滤镜。

给图片加上水波涟漪效果 - 无所谓 - .

图21

　　设置如下:

给图片加上水波涟漪效果 - 无所谓 - .

图22

　然后选取 RippleMap_001.psd，得到变形如下：

给图片加上水波涟漪效果 - 无所谓 - .

图23

　　3.对上面位移图重复使用滤镜(ctrl+f)。

给图片加上水波涟漪效果 - 无所谓 - .

图24

4. 继续变形。这次选择 RippleMap_002.psd，以此类推。

给图片加上水波涟漪效果 - 无所谓 - .

图25

　　5. 然后，对最上面的位移图设置图层样式，来表现明暗效果。(可尝试其他模式) 新增这个图层样式。

给图片加上水波涟漪效果 - 无所谓 - .

图26

　　把这个图层样式套用到其他位移图

　　6. 裁切一下就可以做动画了。

给图片加上水波涟漪效果 - 无所谓 - .

图27

　　最终效果：

给图片加上水波涟漪效果 - 无所谓 - .

评论这张

转发至微博

阅读(343)| 评论(5)

推荐转载

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_080065083095088065092081085095082087088068087087085071',
              blogTitle:'给图片加上水波涟漪效果',
              blogAbstract:'<TABLE cellSpacing=\"15\" cellPadding=\"0\" width=\"700\" background=\"http://img46.bimg.126.net/photo/1s6hRqt19xm4I933z0AL_Q==/622341173508742611.jpg底层边框图片地址(纯色图片)\" border=\"0\" \>  <TBODY\>  <TR\>  <TD width=\"700\" \>  <TABLE cellSpacing=\"10\" cellPadding=\"0\" width=\"700\" background=\"http://img6.bimg.126.net/photo/6t9Zy4hdYHjoQxjn1nLbyA==/1704893933937832383.jpg底层边框图片地址(纯色图片)\" border=\"0\" \>  <TBODY\>  <TR\>  <TD width=\"700\" \>  <P style=\"TEXT-INDENT: 2em;\"  align=\"center\" \><STRONG\><FONT color=\"#ff0000\" size=\"6\" \>给图片加上水波涟漪效果</FONT\></STRONG\></P\>  <P style=\"TEXT-INDENT: 2em;\"  align=\"center\" \>这是我做的效果图:</P\>  <P style=\"TEXT-INDENT: 2em;\"  align=\"center\" \><IMG title=\"给图片加上水波涟漪效果 - 无所谓 - .\"  alt=\"给图片加上水波涟漪效果 - 无所谓 - .\"  src=\"http://img44.bimg.126.net/photo/xWnId4CFEsHf9tuGiuKh2A==/4855724823236005549.gif\"  border=\"0\" \></P\>  <P style=\"TEXT-INDENT: 2em;\"  align=\"center\" \></P\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/6197313420102275159885',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317333629592,
              publishTime:1269681309885,
              permalink:'blog/static/6197313420102275159885',
              commentCount:5,
              mainCommentCount:4,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'我是一名教育工作者,为人正直爽快.诚实守信,热情好客.乐于助人.真诚结交各地朋友,是我最大的心愿!\r\n',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/6197313420102275159885">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 博客风格 - 手机博客 - 下载LOFTER APP - 订阅此博客

.

导航

日志

给图片加上水波涟漪效果

历史上的今天

最近读者

热度

评论

页脚