ホームページ > ウェブフロントエンド > PS チュートリアル > Photoshop制作动态下雨特效的3个简单实用方法

Photoshop制作动态下雨特效的3个简单实用方法

PHP中文网
リリース: 2016-06-01 14:36:44
オリジナル
2090 人が閲覧しました

这篇教程是向PHP中文网的朋友分享Photoshop制作动态下雨特效的3个简单实用方法,教程真的很不错,值得大家学习,推荐到PHP中文网,喜欢的朋友可以参考本文,来看看吧

本教程主要使用Photoshop3种方法制作动态的下雨效果,今天就向大家分享了3个简单实用的方法,包括动态下雨特效,感兴趣的同学来试一试。

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

Photoshop制作动态下雨特效的3个简单实用方法

△ 这是原图

Photoshop制作动态下雨特效的3个简单实用方法

△ 方法一的效果

Photoshop制作动态下雨特效的3个简单实用方法

△ 方法二的效果

Photoshop制作动态下雨特效的3个简单实用方法

△ 方法三的效果

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

方法一:滤镜大法

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

Photoshop制作动态下雨特效的3个简单实用方法

△ 新建雨图层

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

Photoshop制作动态下雨特效的3个简单实用方法

△ 图层雨填充黑色

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

Photoshop制作动态下雨特效的3个简单实用方法

△ 选择添加杂色滤镜

Photoshop制作动态下雨特效的3个简单实用方法

△ 设置杂色参数

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

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法


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

Photoshop制作动态下雨特效的3个简单实用方法

Photoshop制作动态下雨特效的3个简单实用方法

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

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

Photoshop制作动态下雨特效的3个简单实用方法

添加高斯模糊,如下图:

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法

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

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

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

Photoshop制作动态下雨特效的3个简单实用方法

第二步,切换英文版。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)”载入到面板。

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法

△ 如图所示,播放动作

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法

△ 继续设置参数

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法


方法三:AE大法

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

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

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法

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

Photoshop制作动态下雨特效的3个简单实用方法

好了,这就是今天的下雨特效制作秘籍,不知道小伙伴们最喜欢哪一种呢,希望大家喜欢本教程!

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート