介绍
快速入门账号与注册项目面板团队协作
编辑器基础设计模式动画与时间轴视频元素音乐与音频
如何在浏览器里给 SVG 做动画(无需写代码)如何制作 Logo 揭示动画如何把产品截图做成演示动画如何导出透明 PNG(以及需要透明视频时怎么办)如何制作视频用的动态渐变背景如何导入并动画化 3D 模型(GLB/GLTF)
KinoVizKinoViz
指南

如何导出透明 PNG(以及需要透明视频时怎么办)

在 KinoViz 里,透明只跟着 PNG 单帧走:把画布背景切成棋盘格、清掉铺满整帧的图层,再导出一帧。视频导出会把背景烘进去。

读完这篇,你会从 KinoViz 导出一张透明的 PNG 单帧,可以直接放进网页、演示文稿或视频剪辑里;同时也会拿到「一张静帧不够用」时的应对方案。需要一个 KinoViz 项目和大约五分钟。全部步骤在免费版上都能完成。

先说清楚 KinoViz 现在导出什么

这件事决定整个流程,值得先摆在最前面:

格式透明
PNG(单帧)支持——保留透明通道
MP4 (H.264)不支持——画布背景被烘进去
WebM (VP9)不支持——画布背景被烘进去

透明视频导出暂未提供。如果你的交付物既要会动、又要透明,直接看下面的「需要透明视频时怎么办」一节,那里有两条现实可行的路。

你需要准备

  • 一个做完的 KinoViz 项目,或者至少确定了要哪一帧。
  • 一个能识别透明通道的去处——图像编辑软件、视频剪辑软件、合成软件或网页。
  • 想清楚一件事:一张透明静帧够不够,还是这个元素必须会动。

分步操作

1. 打开背景面板

点击画布空白处,确保没有元素被选中,右侧面板会切换到项目级控制,其中包含背景面板。它决定元素背后填充什么,编辑器里和导出时都算数。

2. 选择棋盘格色板

背景面板有四个色板:棋盘格、白色、黑色和自定义颜色。点击棋盘格,画布上元素背后就会显示方格图案,表示那里什么都没有。

棋盘格只是预览用的约定画法,不是贴图,也不会出现在导出文件里。

3. 清掉铺满整帧的图层

画布透明,但上面盖着东西的话一样没用。检查图层面板底部有没有:

  • 排版阶段用来当背景的整幅矩形。
  • 自带实色背景的 PNG 或 JPG 图片。
  • 渐变背景元素——它在设计上就是铺满画布的,会渲染成一层不透明底。

不该出现在最终合成里的,删掉或隐藏。

4. 把播放头停在要的那一帧

PNG 导出写出的就是播放头下面那一帧,所以「选哪一帧」本身就是导出动作的一部分。拖动时间轴到画面满意的位置,再检查边缘:

元素要检查什么
浅色文字放到明亮的目标画面上还看得清吗
细的白色描边会不会在目标画面里消失
柔和阴影与光晕现在是淡入透明,而不是淡入画布颜色
背景模糊它模糊的是身后的东西,而身后现在什么都没有

颜色要在导出之前调好,不要等合成时才发现。

5. 导出 PNG

从顶部栏打开导出弹窗并选择 PNG。PNG 带透明通道且无损,适合缩略图、应用素材、Logo 组合图或样机贴图。PNG 导出所有套餐都可用。

6. 在目标工具里验证透明通道

把导出的文件导入实际使用它的地方,并放在一个对比强烈的颜色上。如果画面背后出现实色矩形,只有两种可能:画布背景没设成棋盘格,或者项目里还留着铺满整帧的元素。

需要透明视频时怎么办

KinoViz 目前没有透明视频导出。两种视频格式都会先把画布合成到不透明底上再编码,所以背景面板改不了结果。现实中有两条路可走。

在 KinoViz 里直接合成。 这条稳妥,而且成片通常更好看。把目标背景导入进来——一张图、一张截图、一段视频都行——放在图层栈最底下,动画压在它上面做。导出的 MP4 本身就已经坐在正确的背景上,边缘抗锯齿干净,没有抠色残留,也绕开了透明视频在播放器和剪辑软件里的兼容性麻烦。

导出后再抠掉背景。 如果导出时确实还不知道最终背景,就把画布设成一个画面里绝不出现的纯色,导出 MP4,再在剪辑软件里用色度键抠掉它。这条路有真实的质量代价:抠色会让边缘发软,在光晕、阴影这类半透明像素上留下色边,遇到运动模糊也很吃力。它是兜底手段,不是常规流程。

小技巧

  • 先渲一帧再做决定。 导一张 PNG 只要几秒,能立刻确认透明是否符合预期,不用等长时间渲染。
  • 按实际需要选尺寸。 PNG 无损,导得比最终用途更大只是白白增加体积。
  • 没有序列帧导出。 KinoViz 不提供 PNG 序列帧,所以逐帧进第三方合成软件的流程目前走不通。
  • 注意半透明边缘。 光晕、柔和阴影和模糊元素带的是部分透明,有些目标端会把它们合成到黑底或白底上,而不是正常混合。

常见问题

能导出透明的 WebM 吗?

目前不能。KinoViz 的视频导出在两种格式下写出的都是不透明文件:MP4 和 WebM 一样,会把画布背景烘进每一帧,背景面板设成什么都不影响。透明视频导出暂未提供。需要透明素材请导出 PNG 单帧;需要会动的元素叠在其他画面上,就把那段画面放进 KinoViz 项目里先合成好再导出。

为什么导出的视频背景是白色而不是透明的?

因为视频导出会先把画布合成到一层不透明底上再编码。这在今天是 MP4 和 WebM 的预期行为,棋盘格色板改变不了它。文件里需要透明就用 PNG 导出,或者把最终要用的背景放进项目里再从那里导出视频。

棋盘格图案会出现在导出的文件里吗?

不会。它只是编辑器表示「这里为空」的约定画法,只在编辑器里绘制。

导出透明 PNG 需要付费套餐吗?

不需要。背景设置和 PNG 导出免费版都能用。套餐影响的是分辨率上限、帧率和水印。

相关内容

  • 导出格式 — 各套餐的全部格式
  • 如何制作 Logo 揭示动画 — 透明 PNG 素材的常见来源
  • 如何制作视频用的动态渐变背景 — 相反的需求
  • 设计模式 — 背景、模糊与图层控制
  • 发布 — 不导出文件也能分享
  • 术语表
  • 价格

如何把产品截图做成演示动画

把静态产品截图变成演示动画:导入截图、在时间轴上排好顺序、加字幕和视觉焦点,最后导出 MP4,全程在浏览器里完成。

如何制作视频用的动态渐变背景

在浏览器里做视频用的动态渐变背景:从素材库选预设、在渐变编辑器里调颜色和速度、打关键帧,最后导出 MP4 或 WebM。

On this page

先说清楚 KinoViz 现在导出什么
你需要准备
分步操作
1. 打开背景面板
2. 选择棋盘格色板
3. 清掉铺满整帧的图层
4. 把播放头停在要的那一帧
5. 导出 PNG
6. 在目标工具里验证透明通道
需要透明视频时怎么办
小技巧
常见问题
能导出透明的 WebM 吗?
为什么导出的视频背景是白色而不是透明的?
棋盘格图案会出现在导出的文件里吗?
导出透明 PNG 需要付费套餐吗?
相关内容