教程 发表于 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

我的作业:
页: [1]
查看完整版本: 制作下雨GIF动画