ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7691|回复: 3
收起左侧

[gif动图] 制作逼真的下雨GIF效果

[复制链接]
发表于 2020-7-19 13:56:01 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
教程作者:PS设计师西瓜

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

效果图:



素材:

新手学PS请到:www.16xx8.com

操作步骤:

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



2.首先将前景色设置为黑色,然后新建一个图层,Alt+delete键将图层填充为黑色,如下图


3.回到菜单栏,执行滤镜-杂色-添加杂色-数量100以上,高斯分布,单色一定要勾选上,如下图


4.回到菜单栏-滤镜-模糊-动感模糊,角度70,距离30左右,根据自己想要的效果来,效果如下


5.菜单栏-滤镜-扭曲-波纹,数值-40%左右,就是让他稍微有一点点的要扭曲的感觉,就好像被风稍微吹了一下,如下图


6.将图层1的图层混合模式改为滤色,效果如下图


7.雨点效果太密集了,接下来我们要减少雨点效果,新建一个色阶调整图层,移动滑块调整数值,增加黑色就是减少雨点,增加白色就是增加雨点,效果如下图


8.选中这两个下雨相关图层,然后Ctrl+G打个组

9.下面就开始教大家制作帧动画效果,回到菜单栏-窗口-时间轴,然后创建帧动画,如下图


11.新建一个帧,Ctrl+J复制一层下雨效果,使用移动工具向下移动一部分效果,记得把第一个下雨效果关掉,不然就是两个效果叠加了,如下图


12.此时这个最上方的边缘有点太多了,太硬了,一会效果就会很不好,所以我们需要再添加一个蒙版稍微擦一下边缘,使其柔和一点


13.新建一个帧,Ctrl+J复制一层下雨效果,记得把前两个下雨效果关掉,不然就是三个效果叠加了,如下图

14.向下移动并加个蒙版稍微修饰一下,就制作完成了,如下图


15.最后就是导出了,这个要注意一下,GIF图一定要导出为web所用格式


16.按照默认选项存储就可以


完成:



掌握制作过程以后再练习就可以熟练的操作这类效果,其实学习PS就是多练,只是大致浏览教程是学不好的,看到教程就要练习,这样成大师就是时间问题。
发表于 2020-7-19 13:58:36 | 显示全部楼层
差不多吧
16xx898609x098609.gif
回复 支持 1 反对 0

使用道具 举报

发表于 2020-7-21 09:18:32 | 显示全部楼层
我的作业:哪个环节出了问题呢
动画雨素材2.gif

效果不是很好呢 不知道自己哪个环节出了问题

效果不是很好呢  不知道自己哪个环节出了问题
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-21 16:54 , Processed in 0.038886 second(s), 17 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表