黄跃胜 发表于 2008-11-18 10:31:23

水波制作?


我在网叶上看见这张图片,是GIF格式,下面的水波是波动的,但经附件上传后就看不见波动,
我听说水的波动是用PS制作出来的,不知具体操作是如何进行的,请各位朋友指点,(我用的是
CS3版)
                                                                                                          谢谢

黄跃胜 发表于 2008-11-18 10:37:44

上传后可以看见水波,我开始没注意。

善良的狼 发表于 2008-11-18 11:50:28

用动画面板!photoshop:0001

黄跃胜 发表于 2008-11-18 21:53:18

不知那里可找类似的教程?

黄跃胜 发表于 2008-11-19 22:54:26

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

http://www.jcwcn.com/uploadfile/article/uploadfile/200806/20080614092947697.gif一、先定义图案
  1. 50x50 填充黑色 全选(ctrl+a) 拷贝(ctrl+c)。
http://www.jcwcn.com/article/uploadfile/200806/20080614093632816.jpg
图2  2. 另开新档 50x100 贴上(ctrl+v)黑色对齐上方。
http://www.jcwcn.com/article/uploadfile/200806/20080614093632336.jpg
图3  3. 编辑→定义图案

二、制作位移图
  1. 500×1000 新增图层,任意填充颜色,填满→0。

http://www.jcwcn.com/article/uploadfile/200806/20080614093633354.jpg
图4  2. 图层样式→图案填充 (上面定义的图)。往下新增图层,合并这两个图层。
http://www.jcwcn.com/article/uploadfile/200806/20080614093633726.jpg
图5  3. 高斯模糊,然后全选,拷贝。
http://www.jcwcn.com/article/uploadfile/200806/20080614093634753.jpg
图64. 另开新档500X500贴上。 http://www.jcwcn.com/article/uploadfile/200806/20080614093634831.jpg
图7  5. 把图往上移, 但不要移到底部,那里的高斯模糊不一致。
http://www.jcwcn.com/article/uploadfile/200806/20080614093634483.jpg
图86. 复制图层1 (ctrl+j),然后按v(移动工具),按住shift键+方向键往下两次(即往下20 pixels)。

http://www.jcwcn.com/article/uploadfile/200806/20080614093809559.jpg
图9  7. 再复制 图层 1 拷贝(ctrl+j) ,一样按住shift键+方向键往下两次(即往下20 pixels)。
http://www.jcwcn.com/article/uploadfile/200806/20080614093809128.jpg
图10  以此类推,再做3次,共有五个。
http://www.jcwcn.com/article/uploadfile/200806/20080614093810302.jpg
图11如果这时候做成动画,会是这样:http://www.jcwcn.com/article/uploadfile/200806/20080614094003647.gif
图12  8. 进行极座标,选择最上面图层,全选(ctrl+a) 极座标。
http://www.jcwcn.com/article/uploadfile/200806/20080614094004913.jpg
图13  下面4个图层也一样, 重复极座标 (ctrl+f)。
http://www.jcwcn.com/article/uploadfile/200806/20080614094004413.jpg
图14  如果这时候做成动画,会是这样:
http://www.jcwcn.com/article/uploadfile/200806/20080614094005959.gif
图15  9. 储存位移图。先裁切,全选裁切即可裁掉图层以外部份。
http://www.jcwcn.com/article/uploadfile/200806/20080614094005176.jpg
图16

按掉上面四个眼睛,储存psd格式,档名RippleMap_001。 http://www.jcwcn.com/article/uploadfile/200806/20080614094006333.jpg
图17  10. 图层1拷贝,储存为RippleMap_002。以此类推 共5个RippleMap。
http://www.jcwcn.com/article/uploadfile/200806/20080614094006649.jpg
图18三、制作涟漪效果
  1. 贴上你要涟漪的图

http://www.jcwcn.com/article/uploadfile/200806/20080614094149296.jpg
图19  复制4次, 放到各位移图下方。
http://www.jcwcn.com/article/uploadfile/200806/20080614094150271.jpg
图20  2. 从最下面的图开始使用置换滤镜。
http://www.jcwcn.com/article/uploadfile/200806/20080614094150261.jpg
图21  设置如下:
http://www.jcwcn.com/article/uploadfile/200806/20080614094151566.jpg
图22

然后选取 RippleMap_001.psd,得到变形如下: http://www.jcwcn.com/article/uploadfile/200806/20080614094151393.jpg
图23  3.对上面位移图重复使用滤镜(ctrl+f)。
http://www.jcwcn.com/article/uploadfile/200806/20080614094152939.jpg
图244. 继续变形。这次选择 RippleMap_002.psd,以此类推。

http://www.jcwcn.com/article/uploadfile/200806/20080614094307989.jpg
图25  5. 然后,对最上面的位移图设置图层样式,来表现明暗效果。(可尝试其他模式) 新增这个图层样式。
http://www.jcwcn.com/article/uploadfile/200806/20080614094307900.jpg
图26  把这个图层样式套用到其他位移图
  6. 裁切一下就可以做动画了。
http://www.jcwcn.com/article/uploadfile/200806/20080614094307878.jpg
图27  最终效果:
http://www.jcwcn.com/article/uploadfile/200806/20080614094308972.gif
次网址是另一位朋友的解释过程,感觉不错,但还是没有原文件那么逼真,请问那位朋友还有更好的办法吗?

┆死┆ 发表于 2008-11-20 03:14:48

我专门制作波浪的滤镜的,水中倒影滤镜

http://bbs.16xx8.com/viewthread.php?tid=11418&extra=page%3D2%26amp%3Bfilter%3Dtype%26amp%3Btypeid%3D72

黄跃胜 发表于 2008-11-20 08:53:08

里面说“photoshop插件目录下”不知具体是那里?

黄跃胜 发表于 2008-11-20 09:00:08


这是我以前用flash做的感觉很烂,毕竟是新手。

黄跃胜 发表于 2008-11-20 09:03:28

需要按装flash player才能打开
页: [1]
查看完整版本: 水波制作?