下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学-photoshop教程

下雨动画图片,下雨GIF动画图片,GIF动画图片,GIF图片,教程,PS教程,PS

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

  先看看处理后效果:

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

  首先,导入想要创作动效的图片,

  然后选择窗口 > 动作。

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

  回到图层界面,创建一个图层,填充为黑色

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

  选中黑色图层,选择:滤镜 > 杂色 > 添加杂色…

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

  

  调好后再次选择:滤镜 > 模糊 > 动感模糊…

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

  然后,我们开始创作GIF,选择:窗口 > 时间轴

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

  

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

  然后,在点击时间轴上的创建帧按钮

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

  

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

下雨动画怎么用PS创作逼真的下雨GIF动画图片教学photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/696576.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码