当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片(4)

来源:公众号 作者:极微设计 学习:14606人次

如何给静态图片添加动态效果,动与静的结合,也是种新的玩法,在正值夏季下雨时节,教程通过PS教同学同过后期制作动态雨丝的方法,同学们可以来尝试一下,主要通过动作来进行创建,整体来说还是比较好上手的,同学们可以跟着教程来学习一下,看看究竟是如何在PS中创建动态下雨效果的。

效果图:

 动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

操作步骤:

第一步:

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

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com想学更多请访问www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

第二步:

按Shift+Ctrl+N新建一个图层,在新建好的”图层1“按Shift+F5填充黑颜色;接着点击选择:滤镜 >杂色 >添加杂色,修改(数量:20%、分布:高斯分布、把”单色“打勾【杂色的数量决定了雨点的数量和大小,太大画面会变灰,太小会看不见动态效果】);然后点击选择:滤镜 >模糊 >动感模糊,修改(角度:90度、距离:25像素)

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

第三步:

在新建好的”图层1“,把混合更改模式改成“滤色”,完成后图层会变得透明形成下雨的效果,但边缘部分的颜色会有深色、杂色,这时按Ctrl+T把图层调大一些就可隐藏边缘

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

第四步:

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

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

第五步:

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

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

第六步:

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

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

第七步:

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

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

第八步:

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

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

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

第九步:

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

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

最终效果:

 动态图片,用滤镜制作一幅画面感十足的GIF下雨图片_www.16xx8.com

来通过教程练习一下吧,相信同学们可以制作的更好,画面十分美好,同学们也可以自己拍素材来进行练习,相信这样会更有动力。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
huang2022-07-20 11:18
我的作业:

昨天总是走远2021-09-09 03:07
我的作业:

255282021-09-05 02:00
我的作业:

木木呀2021-08-20 09:33
为什么导出不行啊,导出来不会动
1537965792021-07-29 11:05
谢谢您的分享。
小小PS小小2021-07-28 06:10
我的作业:

关注大神微博加入>>

网友求助,请回答!