Android修行手册 - 移动端几种常用动画方案对比

Unity3D特效百例 案例项目实战源码 Android-Unity实战问题汇总
游戏脚本-辅助自动化 Android控件全解手册 再战Android系列
Scratch编程案例 软考全系列 Unity3D学习专栏
蓝桥系列 ChatGPT和AIGC

👉关于作者

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)
有什么需要欢迎底部卡片私我,交流让学习不再孤单

👉实践过程

😜一、GIF

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

GIF导出

  • 视频+PS导出:AE输出视频---PS打开视频---存储为WEB所用格式(旧版)---存储导出GIF。
  • 序列帧+PS导出:AE导出PNG序列帧图---PS打开序列帧------存储为WEB所用格式(旧版)------存储导出GIF。
  • AE插件GIFGUN导出:方便快捷,缺点是限制在30FPS内,输出质量差,容易掉帧。
  • PS导出GIF失败后的替代方案:

存储为WEB所用格式(旧版)---点击左下角的预览---自动打开Chrome浏览器---复制网址,将网址粘贴到Safari浏览器中---拖出来就行。

  • GIF压缩方式:PPduck、docsmall。

😜二、视频

MP4能够直接播放视频、音频的有损文件,实现成本低,兼容性强,体积一般。一般用在宣传、开屏、演示如app的开屏动画。

MP4导出

  • 视频+PS导出:AE输出视频---PS打开视频---PS文件导出选择渲染视频---命名---选择输出的文件夹---选择品质高中低---点击渲染。
  • 视频压缩方式:Handbrake、格式工厂、Adobe Media Encode。
  • 视频转GIF:Gifski。

😜三、APNG/WEBP

APNG是基于PNG格式的动画格式图片,它的动图后缀依然是.png,因为兼容性的问题没有像GIF那样普及。

WEBP目标是减少文件大小,达到和JPGE格式相同的图片质量。WEBP基本兼容所有的主流浏览器,同时也兼容所有的安卓设备,不过像一些iOS设备需要通过一定的方式才可以支持,相同效果的WEBP格式要比PNG格式小大概一半大小。

APNG/WEBP导出

1、iSparta软件导出:将AE导出的序列图拖到iSparta软件中,点击开始即可导出APNG/GIF/WEBP(注:GIF通过此软件导出质量偏差)。

iSparta下载地址:http://isparta.github.io/how.html

2、BX-WebpApngExporter插件导出:下载BX-WebpApngExporter.zxp,拖进ZXP安装工具安装插件,在AE窗口-扩展中运行BX Webp/Apng Exporter,选择要导出的格式的对应导出地址,根据情况勾选是否导出,点击生成。

😜四、LOTTIE/SVGA

LOTTIE是基于JSON格式的动画文件格式,满足很多种类的矢量动画和图片动画,它是多平台的,可以在iOS、Android、Web和React Native上使用,并且按比例放大缩小不会出现像素化;它是小文件,显著提高了下载速度。

LOTTIE导出:

Bodymovin插件导出:下载bodymovin插件,安装成功后,在窗口-扩展-Bodymovin打开,设置导出路径,渲染动画,点击完成。

SVGA是同时兼容iOS、Android、Web的动画文件格式,可以支持AE或Animate大部分效果,动画文件体积更小,播放资源更优,还原效果更好。

SVGA导出:

SVGAConverter插件导出:下载SVGAConverter插件,安装成功后,在窗口-扩展-SVGAConverter_AE打开,设置输出路径,点击开始转换,成功后会有预览。

😜五、总结对比

占用内存对比:从大到小

视频>序列帧>GIF>APNG/WEBP>LOTTIE/SVGA

质量稳定对比:从差到好

视频<GIF<序列帧<APNG/WEBP<LOTTIE/SVGA

支持AE动效对比:从多到少

视频>GIF>序列帧>APNG/WEBP>LOTTIE/SVGA

业务方案:

  • gif虽然体积小、兼容性好、但效果差、不推荐使用、除非非常在意多端兼容性与性能!
  • 简单的动图采用webp、比如简单的聊天表情动图(骰子、石头剪刀布等)
  • lottie适合一些复杂的动画、比如复杂的加载动画、引导动画等、不适合做直播间大礼物特效
  • 直播间复杂的大礼物动可以用效用svga,webp还有apng
  • MP4不建议做直播间礼物动画防范

因为她不直接支持alpha,需要通过openGL或者CIFilter方式可以通过两个图层叠加的方式达到效果,但是性能不好,如果取帧的FPS介于:16.7 ~ 60 则内存暴涨100~150MB左右,而webp和svga则相对会稳定很多。

👉其他

📢作者:小空和小芝中的小空
📢转载说明-务必注明来源:https://zhima.blog.csdn.net/
📢这位道友请留步 ☁️,我观你气度不凡 ,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞 👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

温馨提示点击下方卡片获取更多意想不到的资源。

相关推荐
鬼鬼鬼8 小时前
从软件1.0到3.0:在这场AI浪潮中,我们如何面对?
aigc·ai编程·cursor
墨风如雪8 小时前
AI界又炸了!会“卡壳”、会“改作业”的Dhanishtha-2.0来了!
aigc
墨风如雪9 天前
告别插件时代!OmniGen2:一个模型,通吃所有AIGC神操作
aigc
阿维同学10 天前
媒体AI关键技术研究
人工智能·ai·aigc·媒体
量子位10 天前
史上最高种子轮花落 AI:20 亿美元断档领先,苹果 Meta 抢着都投不进,扎克伯格转头挖联创也遭拒
aigc
PetterHillWater10 天前
基于大模型SSE的HTTP API接口测试与评估
aigc
顾林海10 天前
DeepSeek 提示词工程完全指南:从基础到高级应用
人工智能·aigc·deepseek
伍哥的传说10 天前
react gsap动画库使用详解之text文本动画
前端·vue.js·react.js·前端框架·vue·html5·动画
鱼雀AIGC10 天前
如何仅用AI开发完整的小程序<3>—创建小程序基础框架
小程序·aigc·ai编程
redreamSo10 天前
AI Daily | AI日报:Anthropic:主流AI模型或成“内鬼”; 微软发布Mu模型,小参数跑出10倍性能; 斯坦福2025 CS336课程全公开搓大模型
程序员·aigc·资讯