自定义形状在动效设计中是一个很重要的功能，因此，编辑器提供了【钢笔工具】功能，支持设计师添加自定义形状。

钢笔工具

钢笔工具分为三个状态：常规态、形状编辑态、形状创建态。

常规态

常规态下，设计师可以对自定义形状元素进行基础属性编辑，包括生命周期、基础位置、基础 K 帧等信息。

形状编辑态

形状编辑态下，用户可以对自定义形状元素的点以及控制点进行编辑，包括移动点、移动控制点、删除点、打开闭合状态等。该状态下，编辑器工具栏的 钢笔 会保持 激活 状态。

1. 双击选中自定义形状元素 / 选中自定义形状元素后点击 钢笔 工具，可以进入形状编辑状态。
2. 形状编辑态下，可以选中 位置点/控制点，按下后可以拖拽，修改 位置点/控制点 位置。
3. 选中位置点后，按下 Alt 键后拖拽，可以修改控制线。
4. 在位置点按住Command(Mac)/Ctrl(Windows)直接点击位置点，可以直接删除控制点或者初始化控制点。

4. 闭合图形可以选中任意位置点，按 BackSpace 键位以当前选中点为结束点，打开闭合状态，并进入形状创建态。
5. 未闭合形状不可以删除除起点和终点之外的点。

形状创建态

形状创建态下，用户可以对未闭合图形进行点的创建以及初始控制点的生成。该状态下，编辑器工具栏的 钢笔 会保持 激活 状态，且鼠标会变成 钢笔 样式。

1. 创建形状元素

• 移动鼠标时，会与当前形状的位置点产生吸附效果。
• 鼠标按下后拖动鼠标，可以移动控制线。
• 当前的形状仅支持单个闭合形状创建。

2. 编辑未闭合形状

• 选中未闭合元素进入钢笔工具，可以继续对未闭合形状进行形状编辑。
• 当 未选中起点或者终点 或者 选中终点 时，按下鼠标默认在形状元素的位置点最后新增新的点。
• 当 选中起点 时，按下鼠标会在形状元素的第一个位置点前插入新的位置点（前向新增位置点）。

3. 退出形状编辑态

• 形状创建态下按 ECS，可以退出形状创建态。
• 形状编辑态下按 ECS，可以退出形状编辑态。
• 切换选中元素可以直接退出形状编辑态。

属性面板

自定义形状元素属性面板如图所示：

由 基础属性、形状参数、渲染参数、基础位置、缩放变化、旋转变化、交互行为 组成。其中基础属性、渲染参数、基础位置、缩放变化、旋转变化、交互行为与其它元素一致。

形状参数

自定义形状参数如图所示：

当未选中位置点时，仅可对选中形状的填充色进行修改：

当选中位置点时，形状参数会展示当前选中点的 位置点、入射点、出射点 ，并可对其进行变更，其中位置点在修改时会同步修改位置点以及入射点、出射点。