admin管理员组

文章数量:1130349

上一次分享了ai、sketch导入AE的快捷方法，那做出来的动效该怎么落地呢？间接落地交互动画，例如页面转场、引导页面交互等；直接落地输出可见动画，例如loading动画、金刚区icon动画等。

注：间接落地交互动画是不需要软件和插件配合的，只要给开发提供一份动效输出文档，文档内容需要包括：1、标注动效前后静态设计稿、口头描述或做成MP4 2、给到开发具体动效参数，如点击按钮尺寸100%-50%，x轴位移50px，y轴位移50px，动效持续400ms。

下面来介绍【直接落地输出可见动画】的几种格式：

  • GIF

  • 视频

  • APNG/WEBP

  • LOTTIE/SVGA

  • 总结对比

一、GIF

GIF全称Graphics Interchange Format，图像互换格式，采用8位压缩，最多只能处理256种颜色，不宜应用于真彩色图片。GIF体积大，颗粒感，有锯齿，尤其透明效果动画慎用。

GIF导出

1、视频+PS导出：AE输出视频—PS打开视频—存储为WEB所用格式(旧版)—存储导出GIF。

上一次分享了ai、sketch导入AE的快捷方法，那做出来的动效该怎么落地呢？间接落地交互动画，例如页面转场、引导页面交互等；直接落地输出可见动画，例如loading动画、金刚区icon动画等。

注：间接落地交互动画是不需要软件和插件配合的，只要给开发提供一份动效输出文档，文档内容需要包括：1、标注动效前后静态设计稿、口头描述或做成MP4 2、给到开发具体动效参数，如点击按钮尺寸100%-50%，x轴位移50px，y轴位移50px，动效持续400ms。

下面来介绍【直接落地输出可见动画】的几种格式：

  • GIF

  • 视频

  • APNG/WEBP

  • LOTTIE/SVGA

  • 总结对比

一、GIF

GIF全称Graphics Interchange Format，图像互换格式，采用8位压缩，最多只能处理256种颜色，不宜应用于真彩色图片。GIF体积大，颗粒感，有锯齿，尤其透明效果动画慎用。

GIF导出

1、视频+PS导出：AE输出视频—PS打开视频—存储为WEB所用格式(旧版)—存储导出GIF。

本文标签： 几种方案笔记pngps

版权声明：本文标题：ps怎么将png做成gif_几种动效落地方案GIF、MP4、APNG、WEBP、LOTTIE、SVGA（笔记+总结）... 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1738340144a1563445.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。