Photoshop基础教程:简单水波动画
Photoshop基础教程:简单水波动画
发布时间:2017-01-03 来源:查字典编辑
摘要:效果:一.先定义图案1.50x50填充黑色全选(ctrla)拷贝(ctrlc)2.另开新档50x100贴上(ctrlv)黑色对齐上方3.编辑...

效果:

Photoshop基础教程:简单水波动画1

一.先定义图案

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

Photoshop基础教程:简单水波动画2

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

Photoshop基础教程:简单水波动画3

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

二.制作位移图

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

Photoshop基础教程:简单水波动画4

2. 图层样式---> 图案填充 (上面定义的图)

往下新增图层 合并这两个图层

Photoshop基础教程:简单水波动画5

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

Photoshop基础教程:简单水波动画6

4. 另开新档 500x500 贴上

Photoshop基础教程:简单水波动画7

5. 把图往上移, 但不要移到底部

那里的高斯模糊不一致

Photoshop基础教程:简单水波动画8

6. 复制图层1 (ctrl j) 然后按v(移动工具)

按住shift键 方向键往下 两次(即往下20 pixels)

Photoshop基础教程:简单水波动画9

7. 再复制 图层 1 拷贝(ctrl j)

一样按住shift键 方向键往下 两次(即往下20 pixels)

Photoshop基础教程:简单水波动画10

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

Photoshop基础教程:简单水波动画11

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

Photoshop基础教程:简单水波动画12

8. 进行极座标

选择最上面图层 全选(ctrl a) 极座标

Photoshop基础教程:简单水波动画13

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

Photoshop基础教程:简单水波动画14

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

Photoshop基础教程:简单水波动画15

9. 储存位移图...

先裁切... 全选裁切即可 裁掉图层以外部份

Photoshop基础教程:简单水波动画16

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

Photoshop基础教程:简单水波动画17

10. 图层1 拷贝 则储存为 RippleMap_002

以此类推 共5个RippleMap

Photoshop基础教程:简单水波动画18

到这里 可视做一套模板...

以后要制作涟漪效果 从下一步开始即可

不用每次都从头开始

三. 制作涟漪效果

1. 贴上你要涟漪的图

Photoshop基础教程:简单水波动画19

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

Photoshop基础教程:简单水波动画20

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

Photoshop基础教程:简单水波动画21

设置如下:

Photoshop基础教程:简单水波动画22

然后选取 RippleMap_001.psd

得到变形如下...

Photoshop基础教程:简单水波动画23

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

Photoshop基础教程:简单水波动画24

4. 继续变形 这次选择 RippleMap_002.psd

以此类推...

Photoshop基础教程:简单水波动画25

5. 然后 对最上面的位移图 设置图层样式 來表現明暗效果

(可尝试其他模式) 新增这个图层样式

Photoshop基础教程:简单水波动画26

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

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

Photoshop基础教程:简单水波动画27

Photoshop基础教程:简单水波动画1

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类