当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

下雨效果,通过PS制作唯美逼真的下雨动态效果图(4)

来源:UI中国 作者:吹灯夜游神 学习:20857人次

本篇教程通过PS制作逼真的下雨动画效果,很多同学们喜欢下雨的动态效果图,但是又不是知道如何制作,其实我们最熟悉的PS就可以制作下雨的动态效果图,具体如何做还是需要同学们根据教程来学习一下,只有动手制作了才知道如何制作,遇到问题需要如何解决,具体通过教程来学习一下吧。

效果图:

 下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com
www.16xx8.com

操作步骤:

首先,导入想要制作动效的图片,

然后选择窗口 > 动作。

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

删除多余的动作,创建新动作

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

新动作命名为下雨,功能键设置为:F2,然后点击记录

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

回到图层界面,新建一个图层,填充为黑色

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

选中黑色图层,选择:滤镜 > 杂色 > 添加杂色...

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

杂色的数量决定了雨点的数量和大小,太大画面会变灰,太小会看不见动态效果,需要根据画面的大小自己调整。建议设置在25-40

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

调好后再次选择:滤镜 > 模糊 > 动感模糊...

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

角度是雨下落的角度,如果想要垂直下落就靠近90度,距离保持在30就可以

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

调好以后,将图层的混合模式类型设置为滤色。

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

完成以后图层会变透明,形成下雨的效果,但是边缘的颜色会有些深,我们可以把图层放大一些ctrl+t

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

当调整结束以后,我们再次点开动作,之前的步骤已经全部被录制了,点击一下暂停按钮停止录制。然后再按两次F2,系统将会重复之前的工作,复制两个新图层。

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

然后,我们开始制作GIF,选择:窗口 > 时间轴

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

创建时间轴,确保是帧动画,而不是视频时间轴

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

然后我们会发现出现了第一帧,将时间设置为0.1s,将图层只保留第一个

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

然后,在点击时间轴上的新建帧按钮

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

点击第二帧,点亮图层2的小眼睛,关闭图层1的小眼睛。以此类推,完成第三帧的制作。

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

都完成了,就可以点击播放按钮先预览一下效果啦

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

如果没什么问题,我们就可以导出啦。文件 > 导出 > 存储为Web所用格式...

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

选择导出格式为GIF,大小可以按照需要修改

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

点击储存,选择好存储位置,就ok啦

下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

完成:

 下雨效果,通过PS制作唯美逼真的下雨动态效果图_www.16xx8.com

制作起来还是很简单的,照着步骤做就可以,同学们快快通过教程来学习一下吧。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
独爱你一个2019-11-07 05:16
图片上传不了,不知道为什么
iOS小布2019-02-06 09:00
哈哈,图片太大不让传,不过还好,会做了,涨知识了,很清楚的教程~赞👍我的作业:
1669302019-02-04 07:07
很不错

关注大神微博加入>>

网友求助,请回答!