[PS技巧]5分钟教会用gif做交互的动态效果-photoshop教程
GIF,photoshop,PS教程,,教程
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281187.jpg)
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281188.jpg)
-
首先把你做好的效果图拿出来。想一下如何做这个动态。把页面分解几个区域以便于做动态。
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281189.jpg)
-
创建一个干净的界面 把整理好的区域做一个初始状态
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281190.jpg)
-
接下来做在窗口选择【时间轴】并且创建【帧动画】
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281191.jpg)
-
之后就是做动画了,点左下角倒数第二个按钮创建一帧,并把内容下移到你想要的位置
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281192.jpg)
-
把这两帧都选中点击倒数第三个按钮进行过度效果(数字随意,越大越自然,但是时间越长,做的时候同学们自己考虑)之后的效果同理。
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281193.jpg)
-
接下来比较关键,点击时间轴的上角图标 选择【转换为视频时间轴】
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281194.jpg)
-
把所有图层选中 选择【转换为智能对象】
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281195.jpg)
-
创建一个画布,把你要贴的背景图放进来,选择时间轴后就可以把刚刚做好的动画拖过来了,贴上就可以了
![[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造 [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造](https://www.wodeai.net/img/2021/12-1/photoshozzlz4012net281196.jpg)
来源:站酷 作者:川贝
常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/626332.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!

评论0