Skip to content

编辑工具

📍 入口:编辑器顶部工具栏(正中间一排图标),选中工具后左侧属性面板会同步显示该工具的可调属性

1. 基础操作类:选择与移动

  • 选择工具 (Pointer) 【快捷键 V1】:默认的选取状态。用它可以点击、框选、拖拽移动画布上的任何元素。
  • 手形工具 (Hand) 【快捷键 H】:当你放大画布精雕细琢时,用它可以按住鼠标左键随意拖动整个视口,绝对不会误触移动任何元素。

2. 矩形工具 (Rectangle) 【快捷键 R2

手帐排版的绝对主力,适合做打卡框、标题背景、甚至手工拼表格。选中画出矩形后,左侧面板开启全维度掌控:

  • 尺寸 (Size):精确展示并允许输入 W(宽)和 H(高)的毫米数。
  • 描边 (Stroke):随意更改边框的颜色(提供 7 种预设色系,也可点击调色盘获取更多)。
  • 背景 (Background):为矩形填涂内部颜色。除了各类纯色,还有透明底选型。
  • 描边宽度 (Stroke width):细、中、粗三档可选。
  • 边框样式 (Stroke style):实线、虚线、点划线任君挑选。
  • 线条风格 (Roughness):这是为手帐注入灵魂的选项!有三种风格:规整锐利的直线、带点随意的草图感(Sloppiness)、或者是像马克笔一样的卡通漫画风。
  • 透明度 (Opacity):利用 0-100 的滑块控制整体透明度。画一个半透明黄色矩形叠在文字上,立马变身“荧光高亮笔”。
  • 图层 (Layers):提供置于底层(向下箭头加横杠)、下一层、上一层、置于顶层四个阶梯按钮。
  • 操作 (Actions):提供一键复制、删除、以及添加特定网页链接的快捷按钮。
  • 隐藏彩蛋:内置文本:不需要再叠一个文本框!双击矩形内部,直接在肚子里写字!文字自动居中或靠左,用来做带背景的标题简直完美。

3. 菱形工具 (Diamond) 【快捷键 D3】与 椭圆工具 (Ellipse) 【快捷键 O4

这对兄弟和矩形一样,享有全套图形属性控制。选中画出后,左侧面板开启配置:

  • 尺寸 (Size):精确展示并允许输入 W(宽)和 H(高)的毫米数。按住 Shift 拖拽,可约束为正方形、正菱形或正圆。
  • 描边 (Stroke):随意更改边框边缘的颜色。
  • 背景 (Background):为图形内部填涂颜色,各类纯色及透明底可选。
  • 描边宽度 (Stroke width):细、中、粗三档可选。
  • 边框样式 (Stroke style):实线、虚线、点划线任君挑选。
  • 线条风格 (Roughness):规整锐利的几何型、带有随意感的草图风格 (Sloppiness)、或卡通漫画风。
  • 透明度 (Opacity):利用 0-100 的滑块控制图形的整体透明度。
  • 图层 (Layers):提供置于底层、下一层、上一层、置于顶层控制。
  • 操作 (Actions):一键复制、删除、附加网页链接。
  • 隐藏彩蛋:内置文本:双击菱形或椭圆内部,可直接输入并对齐文字,常用来做流程图里的判定节点或手帐的重点标签。

4. 直线 (Line) 【快捷键 L6

一条线的哲学——简单、精准、有力。直线工具是手帐中最低调的英雄,它不支持填色,但对"直"这件事有着无比的专注:

如何绘制与操作线条?

  • 基础画法:按住鼠标左键在画布上拖拽,松开即可画出一条直线段。
  • 继续延伸(多个连接点):完成一段线后,你可以继续点击,线会从上一个端点延伸出新的线段,形成连续的折角形状。
  • 结束绘制:按 Esc 键可在任意时候断开并结束绘制;当首尾两端的点闭合重合时,线段会自动结束,无需按 Esc。
  • 水平/垂直画线:在绘制时按住 Shift 键,线条会被约束在水平、垂直或 45 度对角线方向上,轻松画出笔直的基准线。
  • 自然曲线:直线工具支持曲线效果——每次新增的点击会根据相邻点的位置自然形成弧度,无需手动操控控制点,曲直由你的点击路径决定。

属性配置:

  • 尺寸 (Size):精确展示并允许输入线条所在区域范围的 W(宽)和 H(高)。
  • 描边 (Stroke):更改线段的颜色。
  • 描边宽度 (Stroke width):细、中、粗三档任您调整。
  • 边框样式 (Stroke style):实线、虚线、点划线模式。
  • 线条风格 (Roughness):规整锐利的直线、带有随意感的草图风格 (Sloppiness)、或卡通漫画风。
  • 透明度 (Opacity):利用 0-100 的滑块控制线段整体不可见程度。
  • 图层 (Layers):提供置于底层、下一层、上一层、置于顶层的前后层级控制。
  • 操作 (Actions):一键复制、删除、附加特定网页链接。
  • 敲黑板提示:双击线条中心可添加附着文本,移动线条时文本也随之聪明地移动。

5. 箭头 (Arrow) 【快捷键 A5

当你不只是要"画线",还需要指明方向、建立关联,箭头工具就是你的首选。它与直线工具共享大部分属性,但有两项独家特性让它更具表达力:

如何绘制与操作箭头?

  • 基础画法:按住鼠标左键拖拽,松开即可画出一条带方向箭头的线段。
  • 水平/垂直画线:绘制时按住 Shift 键,箭头方向会被约束在水平、垂直或 45 度方向,轻松对齐流程图元素。

属性配置:

  • 尺寸 (Size):精确展示并允许输入箭头线段所在区域的 W(宽)和 H(高)。
  • 描边 (Stroke):更改箭头线段的颜色。
  • 描边宽度 (Stroke width):细、中、粗三档任您调整。
  • 边框样式 (Stroke style):实线、虚线、点划线模式。
  • 端点/箭头类型 (Arrowhead)箭头工具独有! 你可以分别设置线段的起点终点样式。选项包含:无端点、锐角实心箭头、圆角箭头、起止短横杠、小圆点等多种形态,灵活组合,轻松完成双向箭头或无头线段的设计。
  • 线条风格 (Roughness):规整锐利的直线、带有随意感的草图风格 (Sloppiness)、或卡通漫画风。
  • 透明度 (Opacity):利用 0-100 的滑块控制箭头整体不可见程度。
  • 图层 (Layers):提供置于底层、下一层、上一层、置于顶层的前后层级控制。
  • 操作 (Actions):一键复制、删除、附加特定网页链接。
  • 敲黑板提示:双击箭头中心可添加附着文本,移动箭头时文本也随之移动。

6. 自由画笔 (Draw / Pencil) 【快捷键 P7】与 橡皮擦 (Eraser) 【快捷键 E0

手作签绘的灵魂体验!

  • 自由画笔:如同在真实纸张上随意涂鸦。它的面板提供:
    • 尺寸 (Size):展示当前涂鸦轨迹所在的区域宽(W)和高(H)。
    • 描边 (Stroke):随时更改画笔墨水的颜色。
    • 描边宽度 (Stroke width):精细控制笔触粗细,细、中、粗可选。
    • 线条风格 (Roughness):这是化腐朽为神奇的关键!写完字后,将其调为“草图”风格,规整生硬的线条瞬间变为充满艺术气息的狂草或漫画风。
    • 透明度 (Opacity):利用 0-100 的滑块使墨迹具有半透度叠加效果。
    • 图层 (Layers):提供置于底层、下一层、上一层、置于顶层的排列。
    • 操作 (Actions):一键复制、删除、附加网页链接。
  • 橡皮擦:哪里不满意擦哪里,扫过之处直接清除目标痕迹元素。(纯操作工具,无额外属性)

7. 文字工具 (Text) 【快捷键 T8

点击画布即可输入文字。左侧面板提供专属于文字的核心排版能力:

  • 尺寸 (Size):精确展示并允许微调调整文本框的占位宽(W)和高(H)。
  • 文字颜色 (Stroke):直接利用默认色卡或调色盘进行文字变色。
  • 字体系列 (Font family):目前系统内置了多款最适合手写手帐风的精美字体选择。
  • 字体大小 (Font size):支持 S、M、L、XL 四级迅速变格。
  • 文本对齐 (Text align):支持在输入框内实现左对齐、居中和右对齐。
  • 透明度 (Opacity):通过 0-100 滑块让部分文本淡淡地半透明。
  • 图层 (Layers):调整在各种背景图形下的前后叠放关系。
  • 操作 (Actions):一键复制、删除、附加外链。

8. 插入图像 (Image) 【快捷键 9

用它导入本地绝美插画、相片、贴纸或表格截图:

  • 尺寸 (Size):允许精确输入 W(宽)和 H(高)的毫米数进行非失真缩放或强制重置尺寸。
  • 透明度 (Opacity):利用 0-100 的滑块将厚重的图片直接变幻成半透明的水印或朦胧的梦幻底纹。
  • 图层 (Layers):将其作为背景层(置干底部)或置顶在最前。
  • 操作 (Actions):一键获取副本复制、删除、并可加入跳转网页链接。

9. 画框工具 (Frame) 【快捷键 F

虽然整个大页面本身就是个巨型画框,你仍可在其中无限嵌套小画框来进行内容分组、隔离或单独导出:

  • 尺寸 (Size):精确展示并控制小画框方块区域的宽(W)和高(H)。
  • 画框名称:选动画框后,或者双击画框左上角的标签,可以为它重命名,名字可作为导出图片或管理区块时的索引。
  • 容器隔离与裁切特性:它的奇妙在于“区域捕获”。当你把图片或形状丢入画框范围内部后,它们就是一体的。随后在画布中随意拖动框体,框内元素都会跟随移动。更棒的是,超出画框边界的部分会被完美裁切隐藏,在进行分镜或相册排版时非常有用。
  • 图层 (Layers):调整画框整体在画布上的前后层级。
  • 操作 (Actions):提供复制、删除选项。提示:如果你删除了整个画框,里面的元素默认会随之被删除;如果仅想移除框罩保留内容,可使用快捷键 Cmd/Ctrl+Shift+G 进行解框 (Remove frame)。

10. 激光笔 (Laser pointer) 【快捷键 K

专用于演示讲解的神器。在给他人指导展示排版思路时,按住 K 并在画布上拖动鼠标,会留下一道像极光的炫酷红蓝双色拖影引导视线,几秒后自己渐隐消失。(纯辅助提示工具,无静态属性面板)

11. 锁定工具 (Lock Tool) 【快捷键 Q

专用于“批量连续生产”的状态保持神器。

  • 场景痛点:通常情况下,你画完一个矩形或一根线条后,光标会自动切回普通的选择模式(指针)。如果你需要连续排布几十个打卡方框或划几十条分割线,每次都要回去重新点选工具,非常繁琐。
  • 开启方式:在选择你要用的工具(比如直线)后,按下键盘上的数字 Q 键;或者双击顶部工具栏中当前正在用的工具图标。此时你会看到该工具图标旁边挂上了一个“小锁头”。
  • 核心效果:开启后即可畅享沉浸式的连续画图,无论画多少根线条,光标都不会切回指针状态。画完后,按下 Esc 键或再次按下 Q 即可解锁退回常规模式。

12. 标尺工具 (Ruler) 【快捷键 Shift + R

精准排版不可或缺的参考系统。

  • 开启与显示:随时按快捷键 Shift + R 或在工具栏寻找直尺图标,即可在画布的上方和左侧边缘呼出带有精确刻度的指示标尺。
  • 直观度量:标尺会根据当前画布的放大缩小比例动态调整视觉刻度。有了它的辅助,你能直观感受到当前选中的大色块或线条的真实物理长度,无需反复查看侧边栏属性。
  • 页面定位边界:结合页面的实际尺寸设置,标尺能帮助你一眼看出文本段落与页面边缘的安全留白距离,是做打印级严谨版式的得力助手。

💡 高级特性补充

LibertyPlanner 的智能底层引擎赋予了上述工具更多黑魔法特性,让你像魔术师般运筹帷幄:

  • 元素中心绘制缩放:按住 Alt (Windows) / Option (Mac) 键不松手即可在绘制或拉伸图形时,使图形坚定地以中心点(而非角落)作为基准点进行同轴变换收缩。
  • 自定义宽高比缩放:在对图片或图形拉大缩小时,同时按住 Shift 键,即可稳稳地保持原有的“长宽高”绝对比例不变,彻底告别拉伸变形的大胖脸!