教程 发表于 2021-7-28 18:09:59

使用滤镜制作下雨GIF动画

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

效果图：

http://pic1.16xx8.com/allimg/canra/16xx899614x199614.thumb.gif

http://pic1.16xx8.com/allimg/canra/16xx899614x0.png


操作步骤：


第一步：


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


http://pic1.16xx8.com/allimg/canra/16xx899614x299614.thumb.png想学更多请访问www.16xx8.com


http://pic1.16xx8.com/allimg/canra/16xx899614x3.png


http://pic1.16xx8.com/allimg/canra/16xx899614x4.png


http://pic1.16xx8.com/allimg/canra/16xx899614x599614.thumb.png


第二步：


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


http://pic1.16xx8.com/allimg/canra/16xx899614x699614.thumb.png


http://pic1.16xx8.com/allimg/canra/16xx899614x7.png


http://pic1.16xx8.com/allimg/canra/16xx899614x899614.thumb.png


http://pic1.16xx8.com/allimg/canra/16xx899614x9.png


http://pic1.16xx8.com/allimg/canra/16xx899614x1099614.thumb.png


第三步：


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


http://pic1.16xx8.com/allimg/canra/16xx899614x1199614.thumb.png


http://pic1.16xx8.com/allimg/canra/16xx899614x1299614.thumb.png



第四步：


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


http://pic1.16xx8.com/allimg/canra/16xx899614x1399614.thumb.png


http://pic1.16xx8.com/allimg/canra/16xx899614x1499614.thumb.png



第五步：


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


http://pic1.16xx8.com/allimg/canra/16xx899614x1599614.thumb.png



第六步：


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


http://pic1.16xx8.com/allimg/canra/16xx899614x1699614.thumb.png



第七步：


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


http://pic1.16xx8.com/allimg/canra/16xx899614x1799614.thumb.png



第八步：


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


http://pic1.16xx8.com/allimg/canra/16xx899614x1899614.thumb.png


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


第九步：


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


http://pic1.16xx8.com/allimg/canra/16xx899614x1999614.thumb.png


http://pic1.16xx8.com/allimg/canra/16xx899614x2099614.thumb.png


最终效果：


http://pic1.16xx8.com/allimg/canra/16xx899614x199614.thumb.gif

来通过教程练习一下吧，相信同学们可以制作的更好，画面十分美好，同学们也可以自己拍素材来进行练习，相信这样会更有动力。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

小小PS小小 发表于 2021-7-28 18:10:50

我的作业：

153796579 发表于 2021-7-29 11:05:17

谢谢您的分享。

木木呀 发表于 2021-8-20 09:33:00

为什么导出不行啊，导出来不会动

25528 发表于 2021-9-5 14:00:47

我的作业：

昨天总是走远 发表于 2021-9-9 15:07:48

我的作业：

昨天总是走远 发表于 2021-9-9 15:09:22

为什么直接拷贝三个图层不可以，一定要用动作然后再复制三个图层才可以呢？
页: [1]
查看完整版本: 使用滤镜制作下雨GIF动画