• 网络学院
  • IT资讯
  • 操作系统
  • 网络技术
  • 软件应用
  • 办公软件
  • 编程技术
  • 网站架设
  • 数据库类
  • 平面设计
  • 多媒体类
  • 游戏资讯
  • 教学论文
  • 认证考试
photoshop
  站点:
  • 首 页
  • 最新软件
  • 文章教程
  • 国内软件
  • 国外软件
  • 绿色软件
  • 源码下载
  • 字体下载
photoshop CS3动画:给图片加上水波涟漪效果
软件发布 photoshop CS3动画:给图片加上水波涟漪效果
网络软件 系统工具 应用软件 联络聊天 图形图像 多媒体类 行业软件 游戏娱乐 编程开发 安全相关 教育教学 数码软件 绿软下载
热门软件: QQ 瑞星 pplive e话通 木马克星 千千静听 office2000 五笔字根 Photoshop 视频分割
返回文章教程首页 >> 平面设计 >> Photoshop >> photoshop CS3动画:给图片加上水波涟漪效果

photoshop CS3动画:给图片加上水波涟漪效果

添加时间: 2008-9-2 13:17:11  作者: djwuwuwu  阅读次数:142   来源: 蓝色理想

        说到动画制作工具,网友可能会第一时间想到Flash,自从Photoshop CS3出现后,对于简单动画的制作,网友又多了一种工具选择了,本文通过介绍涟漪动画效果的制作方法,介绍photoshop CS3的一些基础应用。希望能起到抛砖引玉的作用,让网友做出更多精彩的效果。

  效果预览:

  photoshop CS3动画:给图片加上水波涟漪效果

  一、先定义图案

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图2

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图3

  3. 编辑→定义图案

  二、制作位移图

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图4

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图5

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

  photoshop CS3动画:给图片加上水波涟漪效果

图6

  4. 另开新档500X500贴上。

  photoshop CS3动画:给图片加上水波涟漪效果

  图7

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图8

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图9

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图10

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图11

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图12

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

  photoshop CS3动画:给图片加上水波涟漪效果

图13

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图14

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图15

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图16

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图17

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图18

  三、制作涟漪效果

  1. 贴上你要涟漪的图

  photoshop CS3动画:给图片加上水波涟漪效果

  图19

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

  photoshop CS3动画:给图片加上水波涟漪效果

图20

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图21

  设置如下:

  photoshop CS3动画:给图片加上水波涟漪效果

  图22

  然后选取 RippleMap_001.psd,得到变形如下:

  photoshop CS3动画:给图片加上水波涟漪效果

  图23

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图24

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图25

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

  photoshop CS3动画:给图片加上水波涟漪效果

  图26

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

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

  photoshop CS3动画:给图片加上水波涟漪效果

 

  图27

  最终效果:

  photoshop CS3动画:给图片加上水波涟漪效果

 

上下文章:

 

上一篇文章: 教程:教你用PS给MM带上闪亮的钻石耳钉 下一篇文章: 教你如何用Photoshop滤镜创出五彩水晶花

相关文章:

  • 用Photoshop打造性感美女素描线稿
  • 用文件浏览器和图片查看器研究照片
  • 技巧:用Photoshop开发网站的思路
  • 教你用Photoshop鼠绘COOLPIX数码相机
  • Photoshop用光与影表现3D立体字效果

相关软件:

  • 美女图片拼图 V6.29
  • 图片剪纸刀 v1.9
  • 图片下载助手 6.1.0
  • BMP图片魔法师 V2.87
  • 网页图片保存能手 8.7
  • 动画桌面(FDesktop) 3.0

 

快速导航

  • 网络学院
  • 精品汇聚
  • 字体下载
  • 教程下载
  • ASP源码
  • PHP源码
  • Net源码
  • JSP 源码

平面设计分类导航

  • Photoshop
  • CorelDraw
  • Illustrator
  • PhotoImpact
  • LiveMotion
  • Golive

本类经典文章推荐

  • PS用LAB模式为花草调出漂亮怀旧色...
  • PS调色教程:教你调出婚片温柔暖色...
  • Photoshop用光与影表现3D立体字效...
  • 美不胜收 Photoshop设计令人惊艳分...
  • PS教程:打造非主流都市风格海报
  • ps教程:教你用Photoshop制作出:...
  • Photoshop教程:打造漂亮爱心情人...
  • PS调出照片的流行淡黄色
  • Photoshop打造人物油光粉嫩的肤色
  • Photoshop打造法力超强的女魔法师

Photoshop阅读排行

  • Photoshop字体特效
  • Photoshop打造非主流MM个性照片
  • Photoshop图层样式实现真实水滴
  • 用photoshop创建霓虹灯效果
  • 用Photoshop制作钻石字
  • 运用Photoshop打造照片朦胧梦幻效...
  • PHOTOSHOP字体设计-雕刻效果
  • 用Photoshop制作网页中外壳界面
  • photoshop抠图:巧抠美发换背景
  • photoshop技巧167条(3)

平面设计阅读总排行

  • Photoshop字体特效
  • Photoshop打造非主流MM个性照片
  • Photoshop图层样式实现真实水滴
  • 用photoshop创建霓虹灯效果
  • 用Photoshop制作钻石字
  • 运用Photoshop打造照片朦胧梦幻效...
  • PHOTOSHOP字体设计-雕刻效果
  • 用Photoshop制作网页中外壳界面
  • photoshop抠图:巧抠美发换背景
  • photoshop技巧167条(3)

广告位置

字母检索 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 回到顶部

关于我们 | 版权声明 | 免责条款 | 广告联系 | 软件发布 | 下载帮助 | 下载排行 | 网站地图 | 特别鸣谢 | 友情连接

copyright; 2005-2008 D9soft.com 第九软件网 版权所有