论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Photoshop教程
Tag:photoshop cs,照片,非主流,水晶,效果,画笔,圣诞,滤镜,艺术,手绘,蒙版,抠图,风景,特效,人像,矢量,国画,图像,数码,合成,玻璃,美女,图案,鼠绘,调色,婚纱,插画,图层,山水,漫画,透明,水粉,光线,笔刷,工具,实例,入门,人物,头发,签名,视频,壁纸,水墨,相框,海报,立体,动画,文字,换头,视频教程

Photoshop制作涟漪动画效果

文章类别:Photoshop | 发表日期:2008-10-6 18:51:39

  效果:

Photoshop制作涟漪动画效果

  一.先定义图案

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

Photoshop制作涟漪动画效果

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

Photoshop制作涟漪动画效果

  3. 编辑--->定义图案

Photoshop制作涟漪动画效果

  二.制作位移图

  1. 500x1000 新增图层 任意填充颜色 填满--->0

Photoshop制作涟漪动画效果

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

Photoshop制作涟漪动画效果
  3. 高斯模糊 然后全选 拷贝

Photoshop制作涟漪动画效果

  4. 另开新档 500x500 贴上

Photoshop制作涟漪动画效果

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

Photoshop制作涟漪动画效果

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

Photoshop制作涟漪动画效果

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

Photoshop制作涟漪动画效果
  以此类推 再做3次 共有五个
Photoshop制作涟漪动画效果

  如果这时候做成动画... 会是这样:

Photoshop制作涟漪动画效果

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

Photoshop制作涟漪动画效果


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

Photoshop制作涟漪动画效果


  如果这时候做成动画... 会是这样:

Photoshop制作涟漪动画效果
  9. 储存位移图...
   先裁切... 全选裁切即可 裁掉图层以外部份

Photoshop制作涟漪动画效果


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

Photoshop制作涟漪动画效果


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

Photoshop制作涟漪动画效果


  到这里 可视做一套模板...
  以后要制作涟漪效果 从下一步开始即可
  不用每次都从头开始

  三. 制作涟漪效果

  1. 贴上你要涟漪的图

Photoshop制作涟漪动画效果


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

Photoshop制作涟漪动画效果
  2. 从最下面的图开始 使用 置换 滤镜

Photoshop制作涟漪动画效果


  设置如下:

Photoshop制作涟漪动画效果


  然后选取 RippleMap_001.psd

  得到变形如下...

Photoshop制作涟漪动画效果

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

Photoshop制作涟漪动画效果


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

Photoshop制作涟漪动画效果


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

Photoshop制作涟漪动画效果


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

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

Photoshop制作涟漪动画效果

Photoshop制作涟漪动画效果
上一篇:众志成城!Photoshop制作抗震海报 人气:2465
下一篇:Photoshop打造炫目光辉效果 人气:1834
视频教程列表
文章教程搜索
 
Photoshop推荐教程
Photoshop热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058