[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程

[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程

[PS技巧]5分钟教会用gif做交互的动态效果-photoshop教程

GIF,photoshop,PS教程,,教程

[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

  1. 首先把你做好的效果图拿出来。想一下如何做这个动态。把页面分解几个区域以便于做动态。

    [PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

  2. 创建一个干净的界面 把整理好的区域做一个初始状态[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

  3. 接下来做在窗口选择【时间轴】并且创建【帧动画】[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

  4. 之后就是做动画了,点左下角倒数第二个按钮创建一帧,并把内容下移到你想要的位置[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

  5. 把这两帧都选中点击倒数第三个按钮进行过度效果(数字随意,越大越自然,但是时间越长,做的时候同学们自己考虑)之后的效果同理。[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

  6. 接下来比较关键,点击时间轴的上角图标 选择【转换为视频时间轴】[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

  7. 把所有图层选中 选择【转换为智能对象】[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

  8. 创建一个画布,把你要贴的背景图放进来,选择时间轴后就可以把刚刚做好的动画拖过来了,贴上就可以了[PS技巧]5分钟教会用gif做交互的动态效果photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

来源:站酷 作者:川贝

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

评论0

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

社交账号快速登录

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