动图制作,用PS制作下雨的动态图片

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

动图教程,在PS中制作动态的水流照片

教程通过PS制作逼真的水流效果照片,在本篇教程中关于水流效果的制作主要两个部分,第一部分同学们需要学习制作水流效果,第二部分建立帧动画,整体来说制作起来不是特别难,但是需要练习,具体如何制作还是需要通过实例来练习一下

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

效果图:

 动图制作,用PS制作下雨的动态图片插图

原图:

动图制作,用PS制作下雨的动态图片插图(1)想学更多请访问

操作步骤:

第一步:

打开PS,按Ctrl+O将需要制作下雨GIF动画的背景图层放入;接着按Alt+F9打开“动作”面板,点击‘创建新组’功能,设置(名称:默认动作1组),好了后点击‘确定’;然后点击‘创建新动作’功能,设置(名称:下雨、组:默认动作1组、功能键:F2),好了后点击‘确定’;再点击‘记录’功能,即可开始录制

动图制作,用PS制作下雨的动态图片插图(2)

动图制作,用PS制作下雨的动态图片插图(3)

动图制作,用PS制作下雨的动态图片插图(4)

动图制作,用PS制作下雨的动态图片插图(5)

动图制作,用PS制作下雨的动态图片插图(6)

动图制作,用PS制作下雨的动态图片插图(7)

第二步:

点击“通道”面板进入,点击‘创建新通道’功能,就得到“Alpha1”通道;接着把前景色设为:白颜色、背景色设为:黑颜色

动图制作,用PS制作下雨的动态图片插图(8)

动图制作,用PS制作下雨的动态图片插图(9)

第三步:

在“Alpha1”通道,点击选择:滤镜 >像素化 >点状化,修改(单元格大小:4【如果雨丝要细相应的数据就设置小一点】),好了后点击‘确定’

动图制作,用PS制作下雨的动态图片插图(10)

动图制作,用PS制作下雨的动态图片插图(11)

第四步:

在“Alpha1”通道,按Ctrl+L调整色阶,修改(预设:自定、通道:Alpha1、第一框:47、第二框:9.99、第三框:75【这一步可以设置色阶中的参数得到分布均匀的小点】),好了后点击‘确定’

动图制作,用PS制作下雨的动态图片插图(12)

动图制作,用PS制作下雨的动态图片插图(13)

第五步:

在“Alpha1”通道,点击选择:滤镜 >模糊 >动感模糊,修改(角度:65度、距离:25像素),好了后点击‘确定’

动图制作,用PS制作下雨的动态图片插图(14)

动图制作,用PS制作下雨的动态图片插图(15)

第六步:

在“Alpha1”通道,按Ctrl+A当前通道全选;接着按Ctrl+C复制,点击一下“RGB”通道

动图制作,用PS制作下雨的动态图片插图(16)

动图制作,用PS制作下雨的动态图片插图(17)

第七步:

回“背景图层”图层面板,按Shift+Ctrl+N新建一个图层,就得到“图层 1 ”图层;接着在“图层 1 ”图层,按Ctrl+V粘贴,把混合更改模式改成“滤色”,好了后图层会变得透明形成下雨的效果

动图制作,用PS制作下雨的动态图片插图(18)

动图制作,用PS制作下雨的动态图片插图(19)

动图制作,用PS制作下雨的动态图片插图(20)

第八步:

按Alt+F9打开“动作”面板,之前制作的步骤已经全部被录制好了,这时先点击“停止播放/记录”键,再按两下设置好的“F2”键,系统就会重复之前的工作复制产生两个图层,就得到“图层2”图层、“图层3”图层

动图制作,用PS制作下雨的动态图片插图(21)

动图制作,用PS制作下雨的动态图片插图(22)

动图制作,用PS制作下雨的动态图片插图(23)

第九步:

点击选择:窗口 >时间轴,点击切换选择‘创建帧动画’功能[而不是创建视频时间轴]

动图制作,用PS制作下雨的动态图片插图(24)

动图制作,用PS制作下雨的动态图片插图(25)

第十步:

在{创建帧动画}模式下就会出现“第一帧”;接着点击“第一帧”将时间设置为0.2秒;接着把“背景图层”图层和“图层1”图层的小眼睛开启,把其它图层的小眼睛关闭

动图制作,用PS制作下雨的动态图片插图(26)

第十一步:

点击‘复制所选帧’功能,就会出现“第二帧”;接着点击”第二帧“将时间设置为0.2秒;然后把“背景图层”图层和“图层2”的小眼睛开启,把其它图层的小眼睛关闭

动图制作,用PS制作下雨的动态图片插图(27)

动图制作,用PS制作下雨的动态图片插图(28)

第十二步:

点击‘复制所选帧’功能,就会出现“第三帧”;接着点击“第三帧”将时间设置为0.2秒;然后把“背景图层”图层和“图层3”图层的小眼睛开启,把其它图层的小眼睛关闭

动图制作,用PS制作下雨的动态图片插图(29)

动图制作,用PS制作下雨的动态图片插图(30)

注:第一帧=图层1,第二帧=图层2,第三帧=图层3;背景图层的小眼睛一直开启,不要关闭

第十三步:

点击‘选择循环选项’设置为”永远“;接着点击‘播放动画’功能,先预览看一下效果,没问题的话就按Alt+Shift+Ctrl+S存储为Web所用格式…,即可完成。

动图制作,用PS制作下雨的动态图片插图(31)

动图制作,用PS制作下雨的动态图片插图(32)

动图制作,用PS制作下雨的动态图片插图(33)

完成:

 动图制作,用PS制作下雨的动态图片插图

照着步骤来练习一下吧,相信通过操作可以很快学会,要经常练习,这是快速提高PS技术的方法之一。

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

效果图:

 动图制作,用PS制作下雨的动态图片插图

原图:

动图制作,用PS制作下雨的动态图片插图(1)想学更多请访问

操作步骤:

第一步:

打开PS,按Ctrl+O将需要制作下雨GIF动画的背景图层放入;接着按Alt+F9打开“动作”面板,点击‘创建新组’功能,设置(名称:默认动作1组),好了后点击‘确定’;然后点击‘创建新动作’功能,设置(名称:下雨、组:默认动作1组、功能键:F2),好了后点击‘确定’;再点击‘记录’功能,即可开始录制

动图制作,用PS制作下雨的动态图片插图(2)

动图制作,用PS制作下雨的动态图片插图(3)

动图制作,用PS制作下雨的动态图片插图(4)

动图制作,用PS制作下雨的动态图片插图(5)

动图制作,用PS制作下雨的动态图片插图(6)

动图制作,用PS制作下雨的动态图片插图(7)

第二步:

点击“通道”面板进入,点击‘创建新通道’功能,就得到“Alpha1”通道;接着把前景色设为:白颜色、背景色设为:黑颜色

动图制作,用PS制作下雨的动态图片插图(8)

动图制作,用PS制作下雨的动态图片插图(9)

第三步:

在“Alpha1”通道,点击选择:滤镜 >像素化 >点状化,修改(单元格大小:4【如果雨丝要细相应的数据就设置小一点】),好了后点击‘确定’

动图制作,用PS制作下雨的动态图片插图(10)

动图制作,用PS制作下雨的动态图片插图(11)

第四步:

在“Alpha1”通道,按Ctrl+L调整色阶,修改(预设:自定、通道:Alpha1、第一框:47、第二框:9.99、第三框:75【这一步可以设置色阶中的参数得到分布均匀的小点】),好了后点击‘确定’

动图制作,用PS制作下雨的动态图片插图(12)

动图制作,用PS制作下雨的动态图片插图(13)

第五步:

在“Alpha1”通道,点击选择:滤镜 >模糊 >动感模糊,修改(角度:65度、距离:25像素),好了后点击‘确定’

动图制作,用PS制作下雨的动态图片插图(14)

动图制作,用PS制作下雨的动态图片插图(15)

第六步:

在“Alpha1”通道,按Ctrl+A当前通道全选;接着按Ctrl+C复制,点击一下“RGB”通道

动图制作,用PS制作下雨的动态图片插图(16)

动图制作,用PS制作下雨的动态图片插图(17)

第七步:

回“背景图层”图层面板,按Shift+Ctrl+N新建一个图层,就得到“图层 1 ”图层;接着在“图层 1 ”图层,按Ctrl+V粘贴,把混合更改模式改成“滤色”,好了后图层会变得透明形成下雨的效果

动图制作,用PS制作下雨的动态图片插图(18)

动图制作,用PS制作下雨的动态图片插图(19)

动图制作,用PS制作下雨的动态图片插图(20)

第八步:

按Alt+F9打开“动作”面板,之前制作的步骤已经全部被录制好了,这时先点击“停止播放/记录”键,再按两下设置好的“F2”键,系统就会重复之前的工作复制产生两个图层,就得到“图层2”图层、“图层3”图层

动图制作,用PS制作下雨的动态图片插图(21)

动图制作,用PS制作下雨的动态图片插图(22)

动图制作,用PS制作下雨的动态图片插图(23)

第九步:

点击选择:窗口 >时间轴,点击切换选择‘创建帧动画’功能[而不是创建视频时间轴]

动图制作,用PS制作下雨的动态图片插图(24)

动图制作,用PS制作下雨的动态图片插图(25)

第十步:

在{创建帧动画}模式下就会出现“第一帧”;接着点击“第一帧”将时间设置为0.2秒;接着把“背景图层”图层和“图层1”图层的小眼睛开启,把其它图层的小眼睛关闭

动图制作,用PS制作下雨的动态图片插图(26)

第十一步:

点击‘复制所选帧’功能,就会出现“第二帧”;接着点击”第二帧“将时间设置为0.2秒;然后把“背景图层”图层和“图层2”的小眼睛开启,把其它图层的小眼睛关闭

动图制作,用PS制作下雨的动态图片插图(27)

动图制作,用PS制作下雨的动态图片插图(28)

第十二步:

点击‘复制所选帧’功能,就会出现“第三帧”;接着点击“第三帧”将时间设置为0.2秒;然后把“背景图层”图层和“图层3”图层的小眼睛开启,把其它图层的小眼睛关闭

动图制作,用PS制作下雨的动态图片插图(29)

动图制作,用PS制作下雨的动态图片插图(30)

注:第一帧=图层1,第二帧=图层2,第三帧=图层3;背景图层的小眼睛一直开启,不要关闭

第十三步:

点击‘选择循环选项’设置为”永远“;接着点击‘播放动画’功能,先预览看一下效果,没问题的话就按Alt+Shift+Ctrl+S存储为Web所用格式…,即可完成。

动图制作,用PS制作下雨的动态图片插图(31)

动图制作,用PS制作下雨的动态图片插图(32)

动图制作,用PS制作下雨的动态图片插图(33)

完成:

 动图制作,用PS制作下雨的动态图片插图

照着步骤来练习一下吧,相信通过操作可以很快学会,要经常练习,这是快速提高PS技术的方法之一。

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部