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

下雨效果,制作浪漫的下雨动画图片教程(4)

来源:PS联盟 作者:零下一度 学习:25189人次

本次动画教程跟大家分享如何制作下雨的动态图片,制作思路跟普通下雨图片的制作方法差不多,做多几张下雨的素材再用时间轴做成动态效果即可,大家一起来学习吧。我们先来看看效果:

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

下面是教程的详细步骤,大家一步步跟着做吧。

步骤1

在photoshop中打开素材图片,转到图层面板新建图层。

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

步骤2

按D键使前景色为黑色,背景色为白色,Alt+Delete键给新图层填充黑色。

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

步骤3

转到滤镜-杂色-添加杂色,选择单色,平均分布,数量可以自己设定,得到下面的效果图。

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

步骤4

转到滤镜-模糊-动感模糊,角度、距离可以根据自己的需要设。得到下面的效果图:

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

步骤5

转到图层创建新的填充或调整图层,选择曲线,用曲线调整明暗度使雨丝变的清晰。

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

步骤6

Shift+Ctrl+Alt+E得到新的盖章图层,并命名为雨丝,关闭曲线1和图层1前的眼睛图标,使图层不可见。

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

步骤7

把雨丝的图层模式改为滤色,并复制雨丝图层2次,得到雨丝2、雨丝3图层。


下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com 步骤8

下面我们开始制作下雨的动画效果,打开窗口-时间轴,选择创建帧动画。

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

步骤9

新建第一帧是图层雨丝,第二帧是图层雨丝2,第三帧是图层雨丝3,注意每层的雨丝需要往下移动下位子这样才会有动的效果。

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com 

步骤10

设置动画效果的时间,全选所有的帧,然后选择帧延迟时间,选其它,设延迟时间0.3秒,并设为永远,这时点播放动画按钮可以看到效果。

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

步骤11

现在我们可以把这个图存出来了,转到文件-导出-存储为web所用格式,点击存储保存到自己的文件夹中。

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com&

好了,是不是很简单,只需要耐心和细心就可以完成,喜欢的朋友一起来做吧!相信你一定做的比我好。完成图如下所示:

下雨效果,制作浪漫的下雨动画图片教程_www.16xx8.com

思考题目:利用这个方法还能做成下雪效果,大家想到怎么做吗?想到的欢迎投稿分享你的方法。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
薄凉之人l2018-04-27 08:03
加油
懒特2018-04-27 11:05
点赞
贴地飞行2017-09-04 04:27
“我和男朋友分手了。”“啊?为什么啊?”“昨天刚出差回来,一起淋浴的时候,他放了个屁!”“你们都真爱了还在乎这个?你也太矫情了吧。”“放屁是无所谓啊,可他妈的放屁嘣出了一个套子来!”
沙河烧星2017-09-03 03:01
支持发教程
空城乱旧人2017-09-03 01:48
没什么技巧含量
彩黑风暴2017-09-03 01:29
回复只为支持
余悸cc2017-09-03 09:11
看过一个跟这差不多的
aohanxue2017-09-03 06:32
学习了一天了
豆腐小少爷2017-09-03 05:42
签到
陆莫争2017-09-03 05:39
打卡

关注大神微博加入>>

网友求助,请回答!