泉州市住房和城乡建设网站,网站服务器 数据库服务器,手把手教 个人网站开发,网站给假冒伪劣产品做推广Unity3D特效百例案例项目实战源码Android-Unity实战问题汇总游戏脚本-辅助自动化Android控件全解手册再战Android系列Scratch编程案例软考全系列Unity3D学习专栏蓝桥系列ChatGPT和AIGC
#x1f449;关于作者 专注于Android/Unity和各种游戏开发技巧#xff0c;以及各种资源分…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。视频转GIFGifski。
三、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打开设置输出路径点击开始转换成功后会有预览。
五、总结对比
占用内存对比从大到小 视频序列帧GIFAPNG/WEBPLOTTIE/SVGA
质量稳定对比从差到好 视频GIF序列帧APNG/WEBPLOTTIE/SVGA
支持AE动效对比从多到少 视频GIF序列帧APNG/WEBPLOTTIE/SVGA
业务方案
gif虽然体积小、兼容性好、但效果差、不推荐使用、除非非常在意多端兼容性与性能简单的动图采用webp、比如简单的聊天表情动图骰子、石头剪刀布等lottie适合一些复杂的动画、比如复杂的加载动画、引导动画等、不适合做直播间大礼物特效直播间复杂的大礼物动可以用效用svga,webp还有apngMP4不建议做直播间礼物动画防范
因为她不直接支持alpha,需要通过openGL或者CIFilter方式可以通过两个图层叠加的方式达到效果但是性能不好如果取帧的FPS介于16.7 ~ 60 则内存暴涨100~150MB左右而webp和svga则相对会稳定很多。
其他 作者小空和小芝中的小空 转载说明-务必注明来源https://zhima.blog.csdn.net/ 这位道友请留步☁️我观你气度不凡谈吐间隐隐有王者霸气日后定有一番大作为旁边有点赞收藏今日传你点了吧未来你成功☀️我分文不取若不成功⚡️也好回来找我。 温馨提示点击下方卡片获取更多意想不到的资源。
