Photoshop CC2017中文版轻松制作流水GIF动画ps教程

流水动画制作非常简单，不过方法要对，我们需要学会两个最基本的技巧。首先要能设置最小的循环单元，这是制作动画的关键；再一个就是能用图案及蒙版来控制动画展示效果。
Photoshop CC2017中文版最终效果

1、首先打开流水素材。

2、现在我们来定义一款图案。按Ctrl + N 新建画布，尺寸为50 * 50像素，分辨率为72像素/英寸，背景内容选择白色，如下图。

3、新建一个空白图层。

4、在工具箱选择“矩形选框工具”，把前景色设置为黑色。

5、在画布右侧拉出下图所示的矩形选区，并填充黑色，然后按Ctrl + D 取消选区。

6、新建一个空白图层，用矩形选框工具拉出下图所示的选区，填充黑色，然后按Ctrl + D 取消选区。

7、选择菜单：编辑 > 定义图案，然后命名。

8、关闭图案文件，回到流水素材。点击图层面板下面的创建新组按钮，新建一个组。

9、把背景图层复制一层，得到背景副本图层，如下图。

10、用移动工具把背景副本拖到组里面，如下图。

11、Photoshop CC2017中文版选择移动工具，然后按键盘上的向下键两次，往下移动2个像素，如下图。

12、选择新建的组。

​

13、在Photoshop CC2017中文版工具箱选择钢笔工具，并在属性栏选择“路径”。

14、用钢笔勾出水面部分的路径，如下图。

15、按Ctrl + 回车把路径转为选区，按Shift + F6 羽化2个像素，然后给组添加图层蒙版。水面中的一些石头需要处理一下。 

16、选择画笔工具，不透明度设置为30%，前景色设置为黑色。

17、用画笔把露出的石头涂出来。

18、选择背景副本图层，添加图层蒙版。

19、鼠标左键点击图层与蒙版中间的链接图标，去掉链接。

20、我定义图案的尺寸为50 * 50，最小的循环单元为50像素。下面我们修改一下画布尺寸，选择菜单：图像 > 画笔大小。

21、把中心放在左侧，原有宽带为974像素，我们可以增加循环单元的整数倍。

22、改成1074，增加了100个像素，为最小循环单元的2倍，比较容易记，后面后调回来。

23、Photoshop CC2017中文版画布会变大，先不用管。

24、按住Alt键 + 鼠标左键点击背景图层蒙版缩略图，进入蒙版里面，这时候看到的是白色。

25、选择菜单：编辑 > 填充。

26、使用图案，然后找到刚才我们定义的图案。

​

27、Photoshop CC2017中文版再选择菜单：滤镜 > 模糊 > 高斯模糊，半径设置为3.5。

28、选择菜单：窗口 > 时间轴，然后选择创建帧动画。

29、下面来设置动画，不过在设置动画之前还需要设置一下时间。

30、点击下面的区域设置时间。

​
31、点击新建按钮新建一个帧，选择移动工具，按键盘上的向左方向键5次，移动5个像素，这里设置为5也是更循环单元有关，循环单元为50像素，移动5个像素10次刚好是一个循环单元。 

33、Photoshop CC2017中文版新建一个帧，同样的方法向左移动5像素。

34、同样的方法新建帧，然后移动。

35、新建10帧，这是现在的效果。

36、按住Alt + 鼠标左键点击背景副本图层蒙版缩略图，回到图像显示效果。

37、把循环次数设置为永远。

 

38、按播放按钮预览一下。

39、Photoshop CC2017中文版选择菜单：图像 > 画布大小，把尺寸改回原来的。

40、最后保存。选择菜单：文件 > 存储为Web所用格式，然后点存储，在命名。

最终效果：

​
​
​
​
​
​
​
​
​
​
​