PS创作科技感十足的动态环绕动画效果photoshop教程

PS创作科技感十足的动态环绕动画效果photoshop教程

PS创作科技感十足的动态环绕动画效果-photoshop教程

动画,GIF动画,教程,PS教程,PS

处理后效果:

PS创作科技感十足的动态环绕动画效果photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

这个教学需要比较高版本的PS,不然没有时间轴窗口。我的是CC 2017。

PS创作科技感十足的动态环绕动画效果photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

首先打开你的Ps,创建一个画布,最好是方形。接着拉出参考线。

PS创作科技感十足的动态环绕动画效果photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

填充之后,蒙版看起来是这样,圆环隐藏了一半。

PS创作科技感十足的动态环绕动画效果photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

之后,“Ctrl+S”保存,回到原工程。

PS创作科技感十足的动态环绕动画效果photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

画布这时候什么也没有,因为都被隐藏了。

PS创作科技感十足的动态环绕动画效果photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

转到时间轴窗口。 时间线拉到开头,点击红框内按钮,可以看到右边多出一个关键帧。

PS创作科技感十足的动态环绕动画效果photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

我们把时间线拉到15f处,点小菱形,再创建一个关键帧。(图中为了给大家看到15f,把红线拉到旁边了) 之后红线保持在15f处。

PS创作科技感十足的动态环绕动画效果photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

选中图层。执行"Ctrl+T"变换.

PS创作科技感十足的动态环绕动画效果photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

这时候拖动红线,可以看到大致效果,圆环动起来了。

PS创作科技感十足的动态环绕动画效果photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

靠近尾部的地方再创建关键帧,不要完全在边上,不然无法调整图形!

PS创作科技感十足的动态环绕动画效果photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造

到这里,半个圆环的动态基本创作完成。 咱们继续,复制一层,把蒙版反过来。

PS创作科技感十足的动态环绕动画效果photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

这个时候再把关键帧拖到底。

PS创作科技感十足的动态环绕动画效果photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

播放一下,你会得到这样的动态!

PS创作科技感十足的动态环绕动画效果photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图31我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图32我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS创作科技感十足的动态环绕动画效果photoshop教程插图33我的爱 · 创-WODEAI.NET|3D打印机创意智造

你会发现,即使转成智能对象,它依然会动。

而智能对象是可以编辑的,比如放大,缩小,旋转,变形….. 你可以把它整个放大,缩小,它还是会动!

PS创作科技感十足的动态环绕动画效果photoshop教程插图34我的爱 · 创-WODEAI.NET|3D打印机创意智造

重要的是,这个动图是智能对象,里面的圆也是智能对象,我们可以一级一级往上跳,调整它的属性,比如线改成白色,改成虚线。

圆环遮一半,或者遮四分之三。或者给它加上投影,描边,等等。

我简单举个栗子:

PS创作科技感十足的动态环绕动画效果photoshop教程插图35我的爱 · 创-WODEAI.NET|3D打印机创意智造

处理后处理后效果!

PS创作科技感十足的动态环绕动画效果photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

评论0

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

社交账号快速登录

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