教程 发表于 2020-7-19 13:56:01

制作逼真的下雨GIF效果

教程作者：PS设计师西瓜
教程通过PS制作逼真的下雨动图效果，在本篇教程中关于下雨动图的制作主要两个部分，第一部分同学们需要学习制作下雨效果，第二部分建立帧动画，整体来说制作起来不是特别难，但是需要练习，具体如何制作还是需要通过实例来练习一下，只有练习才知道自己会不会，是否能做好，一起来练习一下吧。

效果图：

http://pic1.16xx8.com/allimg/drcor1/16xx898609x1698609.thumb.gif

素材：

http://pic1.16xx8.com/allimg/drcor1/16xx898609x098609.thumb.jpg新手学PS请到：www.16xx8.com

操作步骤：

1.首先第一步打开一张素材

http://pic1.16xx8.com/allimg/drcor1/16xx898609x198609.thumb.png

2.首先将前景色设置为黑色，然后新建一个图层，Alt+delete键将图层填充为黑色，如下图
http://pic1.16xx8.com/allimg/drcor1/16xx898609x298609.thumb.png

3.回到菜单栏，执行滤镜-杂色-添加杂色-数量100以上，高斯分布，单色一定要勾选上，如下图
http://pic1.16xx8.com/allimg/drcor1/16xx898609x398609.thumb.png

4.回到菜单栏-滤镜-模糊-动感模糊，角度70，距离30左右，根据自己想要的效果来，效果如下
http://pic1.16xx8.com/allimg/drcor1/16xx898609x498609.thumb.png

5.菜单栏-滤镜-扭曲-波纹，数值-40%左右，就是让他稍微有一点点的要扭曲的感觉，就好像被风稍微吹了一下，如下图
http://pic1.16xx8.com/allimg/drcor1/16xx898609x598609.thumb.png

6.将图层1的图层混合模式改为滤色，效果如下图
http://pic1.16xx8.com/allimg/drcor1/16xx898609x698609.thumb.png

7.雨点效果太密集了，接下来我们要减少雨点效果，新建一个色阶调整图层，移动滑块调整数值，增加黑色就是减少雨点，增加白色就是增加雨点，效果如下图
http://pic1.16xx8.com/allimg/drcor1/16xx898609x798609.thumb.png

8.选中这两个下雨相关图层，然后Ctrl+G打个组http://pic1.16xx8.com/allimg/drcor1/16xx898609x898609.thumb.png

9.下面就开始教大家制作帧动画效果，回到菜单栏-窗口-时间轴，然后创建帧动画，如下图
http://pic1.16xx8.com/allimg/drcor1/16xx898609x998609.thumb.png

11.新建一个帧，Ctrl+J复制一层下雨效果，使用移动工具向下移动一部分效果，记得把第一个下雨效果关掉，不然就是两个效果叠加了，如下图
http://pic1.16xx8.com/allimg/drcor1/16xx898609x1098609.thumb.png

12.此时这个最上方的边缘有点太多了，太硬了，一会效果就会很不好，所以我们需要再添加一个蒙版稍微擦一下边缘，使其柔和一点
http://pic1.16xx8.com/allimg/drcor1/16xx898609x1198609.thumb.png

13.新建一个帧，Ctrl+J复制一层下雨效果，记得把前两个下雨效果关掉，不然就是三个效果叠加了，如下图http://pic1.16xx8.com/allimg/drcor1/16xx898609x1298609.thumb.png

14.向下移动并加个蒙版稍微修饰一下，就制作完成了，如下图
http://pic1.16xx8.com/allimg/drcor1/16xx898609x1398609.thumb.png

15.最后就是导出了，这个要注意一下，GIF图一定要导出为web所用格式
http://pic1.16xx8.com/allimg/drcor1/16xx898609x1498609.thumb.png

16.按照默认选项存储就可以
http://pic1.16xx8.com/allimg/drcor1/16xx898609x1598609.thumb.png

完成：

http://pic1.16xx8.com/allimg/drcor1/16xx898609x1698609.thumb.gif

掌握制作过程以后再练习就可以熟练的操作这类效果，其实学习PS就是多练，只是大致浏览教程是学不好的，看到教程就要练习，这样成大师就是时间问题。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

暮下 发表于 2020-7-19 13:58:36

差不多吧

杨佬叁 发表于 2020-7-21 09:18:32

我的作业：{:5_477:}哪个环节出了问题呢
页: [1]
查看完整版本: 制作逼真的下雨GIF效果