动画功能创作液体融合动画效果的PS教学photoshop教程

动画功能创作液体融合动画效果的PS教学photoshop教程

动画功能创作液体融合动画效果的PS教学-photoshop教程

动画,动画设计,教程,PS教程,PS

先看看处理后效果

动画功能创作液体融合动画效果的PS教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

具体的创作步骤如下:

01、打开PS,创建画布,画布大小根据自己来定

动画功能创作液体融合动画效果的PS教学photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

02、单击图层最底下的第四个小图标。选择渐变填充。选择一个自己喜欢的渐变色,做个径向渐变。颜色仅供参考。(这一步最要创作GIF的背景,可以根据自己喜爱来调节,也可以直接拖拽一张图片进来做背景)

动画功能创作液体融合动画效果的PS教学photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

03、创建一个图层,并填充为黑色。(是创建一个空图层,并不是在背景层上填充哦)

动画功能创作液体融合动画效果的PS教学photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

04、创建一个150*150px的白色圆,并且调整羽化值为30像素。(羽化值在属性栏里面调整)

动画功能创作液体融合动画效果的PS教学photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

05、拷贝一层椭圆1。观察图层,两个圆是分图层存在的。

动画功能创作液体融合动画效果的PS教学photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

06、单击图层最底下的第四个小图标。选择色阶。并把最上面的四个图层编组放一起。

动画功能创作液体融合动画效果的PS教学photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

07、双击色阶,调整色阶属性。把左右两个色标往中间移动,目的是为了两个羽化的圆调整硬边缘的圆,调整时注意观察圆的变化。

动画功能创作液体融合动画效果的PS教学photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

08、到这里水溶效果就出来了,大家可以移动两个圆其中的一个,往另一个旁边靠,当靠的比较近时,它两就会有融合效果。效果出现就可以删除一个圆,

动画功能创作液体融合动画效果的PS教学photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

09、去掉黑色背景。双击组1,创作图层样式。调节本图层的黑色色标,把黑色图标往右边移动,目的是为了去除改组里面的黑色,调整时注意观察圆的变化。(反之,把白色图标往移动就会把改组内所有白色渐渐去除)

动画功能创作液体融合动画效果的PS教学photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

10、把圆转成智能对象,并且复制一层。(因为我们该案例是让物体移动,所以我们要把物体转成智能对象,才能创作移动的动画)

动画功能创作液体融合动画效果的PS教学photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

在窗口菜单创作时间轴

动画功能创作液体融合动画效果的PS教学photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

创建视频帧动画

动画功能创作液体融合动画效果的PS教学photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

11、点击时间轴内组1前面的小三角,使组1展开,并找到椭圆1

动画功能创作液体融合动画效果的PS教学photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

12、当前工作区域结束是在05:00f处(也就是5秒)把工作区域结束移动到01:00f处

动画功能创作液体融合动画效果的PS教学photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造

动画功能创作液体融合动画效果的PS教学photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

13、点击组1内椭圆1前面的小三角,使椭圆1展开

动画功能创作液体融合动画效果的PS教学photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

并找到椭圆1的变换,点击椭圆1的变换前面的小闹钟图标(启动秒表)

动画功能创作液体融合动画效果的PS教学photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

秒表启动后右边自动生成一帧变换帧

动画功能创作液体融合动画效果的PS教学photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

14、将时间轴线移动到00和01:00f的中间位置

动画功能创作液体融合动画效果的PS教学photoshop教程插图31我的爱 · 创-WODEAI.NET|3D打印机创意智造

执行ctrl+t变换,把椭圆1移动到画布右侧

动画功能创作液体融合动画效果的PS教学photoshop教程插图32我的爱 · 创-WODEAI.NET|3D打印机创意智造

15、将时间轴线移动到01:00f位置

动画功能创作液体融合动画效果的PS教学photoshop教程插图33我的爱 · 创-WODEAI.NET|3D打印机创意智造

执行ctrl+t变换,把椭圆1移动到原始位置

动画功能创作液体融合动画效果的PS教学photoshop教程插图34我的爱 · 创-WODEAI.NET|3D打印机创意智造

16、单击时间轴右上角的小图标,找到循环播放,单击循环播放,(将循环播放前面打上"√",如果已经有"√"就没必要点击)

动画功能创作液体融合动画效果的PS教学photoshop教程插图35我的爱 · 创-WODEAI.NET|3D打印机创意智造

17、这时单击时间轴左上角的播放图标,就可以预览到效果了

动画功能创作液体融合动画效果的PS教学photoshop教程插图36我的爱 · 创-WODEAI.NET|3D打印机创意智造

18、最后就剩导出了,ctrl+shift+alt+s导出为web所用格式,格式选择GIF,循环次数选择永远

动画功能创作液体融合动画效果的PS教学photoshop教程插图37我的爱 · 创-WODEAI.NET|3D打印机创意智造

以下是用类似方法做出来的效果。

动画功能创作液体融合动画效果的PS教学photoshop教程插图38我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

评论0

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

社交账号快速登录

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