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

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

动画教程,制作旋转动态八卦图

本篇动态图片教程跟大家分享了如何把太极八卦图片制作成不停旋转的效果,动作过程用到了PS的时间轴,喜欢做动图的同学来学习一下吧。先看看效果: 下面开始本篇动态教程的制作步骤。 1、首先,我们新建一个600X600

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

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

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

步骤1

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

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

步骤2

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

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

步骤3

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

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

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

步骤4

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

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

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

步骤5

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

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

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

步骤6

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

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

步骤7

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


下雨效果,制作浪漫的下雨动画图片教程插图(10) 步骤8

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

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

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

步骤9

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

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

 

步骤10

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

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

步骤11

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

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

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

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

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

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

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

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

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

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

步骤1

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

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

步骤2

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

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

步骤3

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

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

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

步骤4

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

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

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

步骤5

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

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

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

步骤6

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

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

步骤7

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


下雨效果,制作浪漫的下雨动画图片教程插图(10) 步骤8

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

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

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

步骤9

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

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

步骤10

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

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

步骤11

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

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

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

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

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

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

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

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部