论坛 › 动画闪字教程 › 制作下雨GIF动画

教程 发表于 2022-7-26 16:21:27

制作下雨GIF动画

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

效果图：

http://pic1.16xx8.com/allimg/8pqux1/16xx899545x199545.thumb.gif

原图：

http://pic1.16xx8.com/allimg/8pqux1/16xx899545x099545.thumb.jpg想学更多请访问www.16xx8.com

操作步骤：

第一步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x299545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x399545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x4.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x5.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x699545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x799545.thumb.png


第二步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x899545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x999545.thumb.png


第三步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x10.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x1199545.thumb.png


第四步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x12.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x1399545.thumb.png


第五步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x14.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x1599545.thumb.png



第六步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x1699545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x1799545.thumb.png



第七步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x1899545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x1999545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2099545.thumb.png


第八步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2199545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2299545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2399545.thumb.png


第九步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2499545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2599545.thumb.png


第十步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2699545.thumb.png


第十一步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2799545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2899545.thumb.png


第十二步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x2999545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x3099545.thumb.png


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


第十三步：


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


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x3199545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x3299545.thumb.png


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x3399545.thumb.png


完成：


http://pic1.16xx8.com/allimg/8pqux1/16xx899545x199545.thumb.gif

照着步骤来练习一下吧，相信通过操作可以很快学会，要经常练习，这是快速提高PS技术的方法之一。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

babyfat 发表于 2023-1-10 23:05:30

我的作业：

查看完整版本: 制作下雨GIF动画