psschool 发表于 2021-12-23 00:00:00

下雨动画，PS制作逼真的下雨GIF动画图片教程

　　想要制作下雨的动画有许多种方法，这次我们就主要讲一下用所有平面设计师最熟悉的PS是怎样制作下雨动效的。推荐给朋友学习，希望大家可以喜欢。
　　先看看效果图：

http://www.06ps.com/d/file/2021/1223/1640230636436.gif

　　首先，导入想要制作动效的图片，
　　然后选择窗口 > 动作。

http://www.06ps.com/d/file/2021/1223/1640230639827.png

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

http://www.06ps.com/d/file/2021/1223/1640230643304.png

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

http://www.06ps.com/d/file/2021/1223/1640230646266.png

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

http://www.06ps.com/d/file/2021/1223/1640230648133.png

　　选中黑色图层，选择：滤镜 > 杂色 > 添加杂色...

http://www.06ps.com/d/file/2021/1223/1640230650654.png

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

http://www.06ps.com/d/file/2021/1223/1640230654323.png

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

http://www.06ps.com/d/file/2021/1223/1640230660984.png

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

http://www.06ps.com/d/file/2021/1223/1640230664596.png

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

http://www.06ps.com/d/file/2021/1223/1640230668500.png

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

http://www.06ps.com/d/file/2021/1223/1640230671613.png

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

http://www.06ps.com/d/file/2021/1223/1640230677455.png

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

http://www.06ps.com/d/file/2021/1223/1640230681480.png

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

http://www.06ps.com/d/file/2021/1223/1640230684934.png

http://www.06ps.com/d/file/2021/1223/1640230688628.png

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

http://www.06ps.com/d/file/2021/1223/1640230689604.png

http://www.06ps.com/d/file/2021/1223/1640230691320.png

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

http://www.06ps.com/d/file/2021/1223/1640230694298.png

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

http://www.06ps.com/d/file/2021/1223/1640230697658.png

http://www.06ps.com/d/file/2021/1223/1640230700350.png

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

http://www.06ps.com/d/file/2021/1223/1640230702310.png

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

http://www.06ps.com/d/file/2021/1223/1640230704697.png

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

http://www.06ps.com/d/file/2021/1223/1640230708634.png

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

http://www.06ps.com/d/file/2021/1223/1640230711395.png

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

http://www.06ps.com/d/file/2021/1223/1640230718355.gif
页: [1]
查看完整版本: 下雨动画，PS制作逼真的下雨GIF动画图片教程