【登录】 【注册】
进入此贴详细完整版>> Photoshop制作涟漪动画效果中华游戏网 > 制图教程

主题:Photoshop制作涟漪动画效果
作者:mingjun030
时间:2011-12-01 05:26

演示
[attachment=87766]

教程如下




一.先定义图案
1. 50x50 填充黑色 全选(ctrl+a) 拷贝(ctrl+c)



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


3. 编辑--->定义图案 形状如下图所示
[attachment=87767]

二.制作位移图

1. 500x1000 新文档,新建图层 定义图案。
[attachment=87768]

2.高斯模糊  强度31.7  然后全选 拷贝

3. 另开新档 500x500 贴上,得到图层1

4. 尽量把图往上移, 但不要移到底部
   那里的高斯模糊不一致 (这样说可能不好理解,但只要在操作中就知道了,不多说)

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

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

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


如果这时候做成动画... 会成跑马灯的样式

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

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

8.把做好的五个图层分别保存。
(依次按掉四个眼睛 一一储存 psd 格式)


以此类推 共5个


三. 制作涟漪效果


1. 还是回到500x500的文档 贴上你要涟漪的图

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

[attachment=87769]


2. 从最下面的图开始 使用 置换 滤镜 设置水平0 、垂直5,其他不变

然后选取刚才保存的PSD格式图片之一(就是美女图片上方对应的图片名称进行置换)

得到变形效果


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


继续变形 这次选择 下一张   以此类推...

3.然后 对最上面的位移图 设置图层样式 來表現明暗效果
   (可尝试其他模式) 新增这个图层样式 ,我这里使用的是强光,填充为零

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

4.开始做动画了 :) 老套路...
想必大家都懂了就不多说了。总的5帧,时间0.1S。最后调整一下画布大小,保存WEB格式。最终效果。












1楼:曾经俺很瘦(2011-12-01 07:47)

图片不错
2楼:poke000000(2011-12-01 09:51)

这软件挺不错的
3楼:扯痛嘴角。(2011-12-01 10:31)

顶下,不错呢
4楼:qq873139535(2011-12-01 10:46)

非常谢谢  我是学这行的
5楼:白杨礼赞(2011-12-01 12:10)

   嘿嘿  别啊
6楼:cht2272992(2011-12-01 13:31)

我说图片不错。。。。。。。。。。

进入此贴详细完整版>> Photoshop制作涟漪动画效果 返回顶部


COPYRIGHT © 2006-2024 中华游戏网 cnyouw.cn. ALL RIGHTS RESERVED. SITEMAP