当前位置:首页 >教程首页 > Photoshop >下雨动画:PS制作逼真的下雨GIF动画

下雨动画:PS制作逼真的下雨GIF动画

发布时间:2019-05-14 17:31:00

说起下雨,大家应该都不陌生,毕竟从小到大,多多少少都会遇到大小不同的雨天。那么想要制作下雨的动画其实有有许多种不同的方法,这次就主要给大家讲一下用所有平面设计师最熟悉的PS是怎样制作下雨动效的,希望大家可以喜欢。

先看看效果图:

下雨动画:PS制作逼真的下雨GIF动画

首先,导入想要制作动效的图片,

然后选择窗口 > 动作。

下雨动画:PS制作逼真的下雨GIF动画

删除多余的动作,创建新动作

下雨动画:PS制作逼真的下雨GIF动画

新动作命名为下雨,功能键设置为:F2,然后点击记录

下雨动画:PS制作逼真的下雨GIF动画

回到图层界面,新建一个图层,填充为黑色

下雨动画:PS制作逼真的下雨GIF动画

选中黑色图层,选择:滤镜 > 杂色 > 添加杂色...

下雨动画:PS制作逼真的下雨GIF动画

杂色的数量决定了雨点的数量和大小,太大画面会变灰,太小会看不见动态效果,需要根据画面的大小自己调整。建议设置在25-40

下雨动画:PS制作逼真的下雨GIF动画

调好后再次选择:滤镜 > 模糊 > 动感模糊...

下雨动画:PS制作逼真的下雨GIF动画

角度是雨下落的角度,如果想要垂直下落就靠近90度,距离保持在30就可以

下雨动画:PS制作逼真的下雨GIF动画

调好以后,将图层的混合模式类型设置为滤色。

下雨动画:PS制作逼真的下雨GIF动画

完成以后图层会变透明,形成下雨的效果,但是边缘的颜色会有些深,我们可以把图层放大一些ctrl+t

下雨动画:PS制作逼真的下雨GIF动画

当调整结束以后,我们再次点开动作,之前的步骤已经全部被录制了,点击一下暂停按钮停止录制。然后再按两次F2,系统将会重复之前的工作,复制两个新图层。

下雨动画:PS制作逼真的下雨GIF动画

然后,我们开始制作GIF,选择:窗口 > 时间轴

下雨动画:PS制作逼真的下雨GIF动画

创建时间轴,确保是帧动画,而不是视频时间轴

下雨动画:PS制作逼真的下雨GIF动画下雨动画:PS制作逼真的下雨GIF动画

然后我们会发现出现了第一帧,将时间设置为0.1s,将图层只保留第一个

下雨动画:PS制作逼真的下雨GIF动画下雨动画:PS制作逼真的下雨GIF动画

然后,在点击时间轴上的新建帧按钮

下雨动画:PS制作逼真的下雨GIF动画

点击第二帧,点亮图层2的小眼睛,关闭图层1的小眼睛。以此类推,完成第三帧的制作。

下雨动画:PS制作逼真的下雨GIF动画下雨动画:PS制作逼真的下雨GIF动画

都完成了,就可以点击播放按钮先预览一下效果啦

下雨动画:PS制作逼真的下雨GIF动画

如果没什么问题,我们就可以导出啦。文件 > 导出 > 存储为Web所用格式...

下雨动画:PS制作逼真的下雨GIF动画

选择导出格式为GIF,大小可以按照需要修改

下雨动画:PS制作逼真的下雨GIF动画

点击储存,选择好存储位置,就ok啦

下雨动画:PS制作逼真的下雨GIF动画

最后我们就可以自恋得欣赏一番我们的作品啦

下雨动画:PS制作逼真的下雨GIF动画

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定