用 AE 制作 Display P3 广色域动图的三个方法

Image for post
Image for post
Photo by Tyler Lastovich on Unsplash

一、设置工作空间

Image for post
Image for post
图 1–1 设置项目颜色空间为 Display P3

二、在 AE 中导出 Display P3 广色域 PNG 序列帧

Image for post
Image for post
图 2–1 颜色设置:将描述文件嵌入至文件
Image for post
Image for post
图 2–2 检查文件颜色是否正确

三、在 AE 中导出 Display P3 广色域 CSS Sprites(精灵图)

Image for post
Image for post
图 3–1 一键导出精灵图
Image for post
Image for post
图 3–2 检查文件颜色是否正确

四、制作支持 Display P3 广色域的 APNG 动图

Image for post
Image for post
图 3–1 导出 APNG 格式的动图
Image for post
Image for post
图 3–2 利用系统自带的“预览”APP 指派描述文件

五、WebP 图片支持 Display P3 广色域图片吗?

Image for post
Image for post
WebP 格式介绍 - 来源
Image for post
Image for post
在同样设置颜色配置文件后,右边的静态图能正常显示颜色,而左边的动图却没有变化
Image for post
Image for post
关于浏览器无法正确显示 WebP 动图的颜色问题 — 来自项目成员的回复

广州 · LRD.IM

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store