介绍
快速入门账号与注册项目面板团队协作
编辑器基础设计模式动画与时间轴视频元素音乐与音频
如何在浏览器里给 SVG 做动画(无需写代码)如何制作 Logo 揭示动画如何把产品截图做成演示动画如何导出透明 PNG(以及需要透明视频时怎么办)如何制作视频用的动态渐变背景如何导入并动画化 3D 模型(GLB/GLTF)本地免费小工具:Clean Up 水印移除、背景移除与胶片模拟
KinoViz AI 助手3D 系统材质与视觉特效物理与特效组件
KinoVizKinoViz
进阶

组件

把选中内容变成带主控与关联实例的可复用组件——编辑一次主控,所有副本同步更新;也可单独覆写某个实例而不影响其余。

概述

组件(Component) 是可复用的设计元素。你只需搭建一次,就能放置任意多个实例(instance),并通过唯一的**主控(master)**统一编辑——改动主控,所有实例同时更新。这与 Figma 的组件是同一个思路,被带进了 KinoViz 的时间轴。

每个实例都与主控保持关联,但可以携带自己的覆写(override)——这些逐副本的小改动(比如换个颜色)不会影响主控或其他实例。组件在所有套餐均可使用。

Components panel

何时使用组件

  • 重复图形 —— 在场景中反复出现的卡片、徽章或按钮,希望以后一次改动、处处生效。
  • 图标系统 —— 一套风格统一的图标。
  • 批量变体 —— 同一基础元素反复出现、只有细微差别(定价档位、色卡),各自通过覆写微调。

创建组件

  1. 在画布上选中一个或多个元素。
  2. 右键选区,选择 Create Component(创建组件)(快捷键 Cmd/Ctrl + Shift + K)。
  3. 选区被替换为一个组件实例,其背后同时创建了一份主控定义。你会看到 Component created 提示。

选区中不能包含 3D 模型或已经是组件的元素——如果没出现该选项,请先移除这类元素。

复用组件

要放置同一组件的更多副本,可复制已有实例(Cmd/Ctrl + D)或复制粘贴。每个副本都是关联到同一主控的新实例,因此之后编辑主控会让它们一起更新。

组件面板

选中一个组件实例,右侧会打开它的面板,分为三部分:

区域作用
Name + Edit / Detach组件名称与两个主要操作
Overrides逐实例的属性覆写(见下)
Animation播放控制,仅当组件含内部动画时显示

覆写实例

Overrides 区列出组件开放给逐实例定制的属性——例如填充色。在这里修改某个值,只会改变当前这个实例;主控和其他所有实例保持不变。这正是制作变体(同一枚徽章的三种颜色)的方式,无需复制整套设计。

编辑主控

想一次性改动所有实例,就编辑主控:

  1. 在组件面板点击 Edit,或右键实例选择 Edit Component。
  2. 编辑器进入组件编辑模式,加载组件的内部元素。
  3. 完成修改后退出编辑模式。

你的改动会写回主控,所有实例随之更新(各自的覆写仍会保留)。

实例动画

如果组件本身包含动画,面板会显示 Animation 区,提供 Play、Pause、Stop 控制来预览该实例的内部时间轴。play mode(播放模式) 下拉框控制循环行为:

模式行为
Once播放一遍后停止
Loop持续循环
Ping-pong正放后倒放,往复循环

你还可以设置起始时间(start time),偏移内部动画的开始时刻。

分离实例

要断开与主控的关联、把实例变回普通的独立元素,在面板点击 Detach(或右键实例选择 Detach Instance)。分离出的元素可各自独立编辑,且不再随主控变化而更新。

下一步

  • 设计模式 —— 搭建与排布元素
  • 动画与时间轴 —— 让组件随时间动起来
  • KinoViz AI 助手 —— 生成元素后转为组件

物理与特效

介绍 KinoViz 的物理引擎与特效 — 刚体模拟、约束与关节、TextFX 文字动画预设、图层模糊和背景模糊。

素材库

使用 KinoViz 内置的 3D 模型、TextFX 预设、图标和音乐库,并在套餐限制内上传自己的图片、视频与 3D 模型。

On this page

概述
何时使用组件
创建组件
复用组件
组件面板
覆写实例
编辑主控
实例动画
分离实例
下一步