3种方法教你做下雨特效,最简单的竟然是动态雨效! - 优设网 - UISDC

3种方法教你做下雨特效,最简单的竟然是动态雨效!

2016/10/21 53580评论区

dynamic-rain-animation-design

编者按:如何用Photoshop 绘制真实的下雨效果?今天@阿随向前冲 分享了3个简单实用的方法,包括动态下雨特效,感兴趣的同学来试一试。

不说则已,一说咱就来两招外加一个大彩蛋,下面是三种方法的效果预览,看图感受下先:

uisdc-rain-201610211

△ 这是原图

uisdc-rain-201610212

△ 方法一的效果

uisdc-rain-201610213

△ 方法二的效果

rain-20161021

△ 方法三的效果

是的,你没看错,第三种方法是真的在“下”雨,是动态的,是动画的,而且悄悄剧透给小伙伴们,它还是最简单的,比第二种一键下雨的动作预设大法还要简单。那我们闲言少叙,马上开始“变身老龙王”,让雨下起来喽。

方法一:滤镜大法

第一步,如下图操作所示,在PS中将原图打开,新建一个图层,命名为“雨”。

uisdc-rain-201610214

△ 新建雨图层

第二步,如下图所示,将前景色设置成黑色,按键盘快捷键Alt+删除键,将图层雨填充为黑色。

uisdc-rain-201610215

△ 图层雨填充黑色

第三步,对图层雨进行一系列的滤镜操作。选择菜单滤镜>杂色>添加杂色,如下图所示设置杂色参数,点击确定。

uisdc-rain-201610216

△ 选择添加杂色滤镜

uisdc-rain-201610217

△ 设置杂色参数

选择高斯模糊滤镜,按下图所示设置参数,确定。

uisdc-rain-201610218

接下来,添加动感模糊滤镜,参数如下:

uisdc-rain-201610219

第四步,添加一个色阶调整图层,如下图设置参数后,将该层做成雨图层的剪贴蒙版。

uisdc-rain-2016102110

uisdc-rain-2016102111

△ 设置色阶参数,添加蒙版

第五步,继续添加滤镜操作。选择菜单滤镜>扭曲>波纹滤镜,参数设置如下图:

uisdc-rain-2016102112

添加高斯模糊,如下图:

uisdc-rain-2016102113

第六步,选择图层雨,将其混合模式调整为“滤色”,不透明度为60%。此时,正如下图所示,已经完成了下雨特效的绘制。

uisdc-rain-2016102114

方法二:动作预设懒人大法

好了,看到这,可能小伙伴会觉得好烦啊,那么第二个方法就是深受喜爱的“懒人神器”动作预设大法了。

第一步,安装预设。首先还是先来啰嗦一下PS动作预设的安装方法了,方法很多,比如直接双击预设文件,比如复制粘贴到安装目录下的预设文件夹,地址一般是C:\Program Files\Adobe\Adobe Photoshop CC 2014\Presets\Actions(盘符请根据安装时的安装位置选择,CC 2014仅为阿随君版本号示例,请按实际情况选择),正如下图所示的样纸。

uisdc-rain-2016102115

第二步,切换英文版。PS:该动作完美支持英文版PS,中文版可能会遇到运行问题哦。所以阿随君再来啰嗦下中英文切换方法→小伙伴们只需打开自己的PS安装文件夹,按C:\Program Files\Adobe\Adobe Photoshop CC 2014\Locales\zh_CN\Support Files这个地址逐层打开,找到“tw10428.dat”这个文件,把它移除此文件夹,或者是删除,或者是改名字,这样再次打开PS时便是英文版了。(PS:一定要记得备份它,随时复制回来即可恢复中文版了。)

第三步,准备动作。接下来就是把刚才复制粘贴过的动作预设调入到动作面板,如果没有在PS工作区找到动作面板的,可以通过菜单栏“窗口>动作”调出,或者直接按Alt+F9。然后,如图所示,点击面板上下文面板,选择“Rain Photoshop Action (ArtistMef)”载入到面板。

uisdc-rain-2016102116

第四步,播放动作。以上都是“前戏”,马上进入“高潮”,如图所示的,在选中背景图层的基础上,打开动作预设,点击“播放”即可。在动作运行的过程中,会先后弹出两个对话框,如图所示,两个参数值一个是控制雨水降落的角度,一个是控制雨疏密长短的,按照自己需要的效果来设定即可。

uisdc-rain-2016102117

△ 如图所示,播放动作

uisdc-rain-2016102118

△ 按需设置雨的角度和距离

uisdc-rain-2016102119

△ 继续设置参数

uisdc-rain-2016102120

如上,就是完成效果了,也棒棒哒

uisdc-rain-2016102121

题外话,此动作还提供了调色预设,感兴趣的可以一键播放

喜欢这枚动作的,来这里获取吧。链接:http://pan.baidu.com/s/1pKvGkht 密码: e4uu

方法三:AE大法

好了,说了那么多,其实都是要介绍第三种大法:AE大法。是时候,来多玩一些AE了,此方法需要用到的是BBC特效插件,一键“下”雨。

第一步,打开AE,导入图片,如图所示,可以通过菜单文件>导入,或者直接拖拽图片到项目面板。

uisdc-rain-2016102122

第二步,新建合成。如下图所示,用鼠标点击图片并长按,拖动它到“新建合成”按钮上,即可以此图的参数新建一个合成了。

uisdc-rain-2016102123

第三步,添加特效。在选中图片图层的基础上,选择菜单栏的“效果>BBC10 Particles>BBC Rain”,添加雨的粒子特效:

uisdc-rain-2016102124

添加完毕后,按预览播放或者新版AE直接按空格键播放,即可看到,雨下起来了。可以渲染保存成视频,也可以随便选择一帧保存成下雨图片,简单方便。

rain-20161021

第四步,更多玩法。当然上一步的默认效果已经很好了,爱折腾的小伙伴,可以在效果面板上,继续调整参数,如图所示:雨的大小、速度、疏密、模糊度、雨滴的大小颜色等等都可以继续调节,而且可以做动画效果,简单说就是想要什么雨就下什么雨,而且可以从小雨下到大雨,棒棒哒。

hb20161022

当然,如果懒得调参数的话,特效本身也预设了很多不同形态的雨,只需如下图所示选择即可:

hb20161022-2

好了,这就是今天的下雨特效制作秘籍,不知道小伙伴们最喜欢哪一种呢,欢迎留言来告诉阿随君哦,么么哒。

欢迎关注作者阿随向前冲,个人公众号:JasonGodard

asqr1

阿随向前冲:简书签约作者,非著名影像设计折腾玩家,曾任《看电影》编辑,《香港电影史记》联合作者,《玫瑰与小鹿》MV曾入选《晓松奇谈》之《黄金大劫案》播出!

阿随向前冲的好文合集:

  1. 第一期回顾:《掌握这10个抠图方法,帮你轻松应对大部分抠图工作!(动图演示)》
  2. 第二期回顾:《帮你轻松应对文字处理工作的9个基础方法》
  3. 第三期回顾:《唯快不破!可能是最全面的PS快捷键使用指南(图文演示)》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/dynamic-rain-animation-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里