Appearance
编辑工具
📍 入口:编辑器顶部工具栏(正中间一排图标),选中工具后左侧属性面板会同步显示该工具的可调属性
1. 基础操作类:选择与移动
- 选择工具 (Pointer) 【快捷键
V或1】:默认的选取状态。用它可以点击、框选、拖拽移动画布上的任何元素。 - 手形工具 (Hand) 【快捷键
H】:当你放大画布精雕细琢时,用它可以按住鼠标左键随意拖动整个视口,绝对不会误触移动任何元素。
2. 矩形工具 (Rectangle) 【快捷键 R 或 2】
手帐排版的绝对主力,适合做打卡框、标题背景、甚至手工拼表格。选中画出矩形后,左侧面板开启全维度掌控:
- 尺寸 (Size):精确展示并允许输入 W(宽)和 H(高)的毫米数。
- 描边 (Stroke):随意更改边框的颜色(提供 7 种预设色系,也可点击调色盘获取更多)。
- 背景 (Background):为矩形填涂内部颜色。除了各类纯色,还有透明底选型。
- 描边宽度 (Stroke width):细、中、粗三档可选。
- 边框样式 (Stroke style):实线、虚线、点划线任君挑选。
- 线条风格 (Roughness):这是为手帐注入灵魂的选项!有三种风格:规整锐利的直线、带点随意的草图感(Sloppiness)、或者是像马克笔一样的卡通漫画风。
- 透明度 (Opacity):利用
0-100的滑块控制整体透明度。画一个半透明黄色矩形叠在文字上,立马变身“荧光高亮笔”。 - 图层 (Layers):提供置于底层(向下箭头加横杠)、下一层、上一层、置于顶层四个阶梯按钮。
- 操作 (Actions):提供一键复制、删除、以及添加特定网页链接的快捷按钮。
- 隐藏彩蛋:内置文本:不需要再叠一个文本框!双击矩形内部,直接在肚子里写字!文字自动居中或靠左,用来做带背景的标题简直完美。
3. 菱形工具 (Diamond) 【快捷键 D 或 3】与 椭圆工具 (Ellipse) 【快捷键 O 或 4】
这对兄弟和矩形一样,享有全套图形属性控制。选中画出后,左侧面板开启配置:
- 尺寸 (Size):精确展示并允许输入 W(宽)和 H(高)的毫米数。按住
Shift拖拽,可约束为正方形、正菱形或正圆。 - 描边 (Stroke):随意更改边框边缘的颜色。
- 背景 (Background):为图形内部填涂颜色,各类纯色及透明底可选。
- 描边宽度 (Stroke width):细、中、粗三档可选。
- 边框样式 (Stroke style):实线、虚线、点划线任君挑选。
- 线条风格 (Roughness):规整锐利的几何型、带有随意感的草图风格 (Sloppiness)、或卡通漫画风。
- 透明度 (Opacity):利用
0-100的滑块控制图形的整体透明度。 - 图层 (Layers):提供置于底层、下一层、上一层、置于顶层控制。
- 操作 (Actions):一键复制、删除、附加网页链接。
- 隐藏彩蛋:内置文本:双击菱形或椭圆内部,可直接输入并对齐文字,常用来做流程图里的判定节点或手帐的重点标签。
4. 直线 (Line) 【快捷键 L 或 6】
一条线的哲学——简单、精准、有力。直线工具是手帐中最低调的英雄,它不支持填色,但对"直"这件事有着无比的专注:
如何绘制与操作线条?
- 基础画法:按住鼠标左键在画布上拖拽,松开即可画出一条直线段。
- 继续延伸(多个连接点):完成一段线后,你可以继续点击,线会从上一个端点延伸出新的线段,形成连续的折角形状。
- 结束绘制:按
Esc键可在任意时候断开并结束绘制;当首尾两端的点闭合重合时,线段会自动结束,无需按 Esc。 - 水平/垂直画线:在绘制时按住
Shift键,线条会被约束在水平、垂直或 45 度对角线方向上,轻松画出笔直的基准线。 - 自然曲线:直线工具支持曲线效果——每次新增的点击会根据相邻点的位置自然形成弧度,无需手动操控控制点,曲直由你的点击路径决定。
属性配置:
- 尺寸 (Size):精确展示并允许输入线条所在区域范围的 W(宽)和 H(高)。
- 描边 (Stroke):更改线段的颜色。
- 描边宽度 (Stroke width):细、中、粗三档任您调整。
- 边框样式 (Stroke style):实线、虚线、点划线模式。
- 线条风格 (Roughness):规整锐利的直线、带有随意感的草图风格 (Sloppiness)、或卡通漫画风。
- 透明度 (Opacity):利用
0-100的滑块控制线段整体不可见程度。 - 图层 (Layers):提供置于底层、下一层、上一层、置于顶层的前后层级控制。
- 操作 (Actions):一键复制、删除、附加特定网页链接。
- 敲黑板提示:双击线条中心可添加附着文本,移动线条时文本也随之聪明地移动。
5. 箭头 (Arrow) 【快捷键 A 或 5】
当你不只是要"画线",还需要指明方向、建立关联,箭头工具就是你的首选。它与直线工具共享大部分属性,但有两项独家特性让它更具表达力:
如何绘制与操作箭头?
- 基础画法:按住鼠标左键拖拽,松开即可画出一条带方向箭头的线段。
- 水平/垂直画线:绘制时按住
Shift键,箭头方向会被约束在水平、垂直或 45 度方向,轻松对齐流程图元素。
属性配置:
- 尺寸 (Size):精确展示并允许输入箭头线段所在区域的 W(宽)和 H(高)。
- 描边 (Stroke):更改箭头线段的颜色。
- 描边宽度 (Stroke width):细、中、粗三档任您调整。
- 边框样式 (Stroke style):实线、虚线、点划线模式。
- 端点/箭头类型 (Arrowhead):箭头工具独有! 你可以分别设置线段的起点和终点样式。选项包含:无端点、锐角实心箭头、圆角箭头、起止短横杠、小圆点等多种形态,灵活组合,轻松完成双向箭头或无头线段的设计。
- 线条风格 (Roughness):规整锐利的直线、带有随意感的草图风格 (Sloppiness)、或卡通漫画风。
- 透明度 (Opacity):利用
0-100的滑块控制箭头整体不可见程度。 - 图层 (Layers):提供置于底层、下一层、上一层、置于顶层的前后层级控制。
- 操作 (Actions):一键复制、删除、附加特定网页链接。
- 敲黑板提示:双击箭头中心可添加附着文本,移动箭头时文本也随之移动。
6. 自由画笔 (Draw / Pencil) 【快捷键 P 或 7】与 橡皮擦 (Eraser) 【快捷键 E 或 0】
手作签绘的灵魂体验!
- 自由画笔:如同在真实纸张上随意涂鸦。它的面板提供:
- 尺寸 (Size):展示当前涂鸦轨迹所在的区域宽(W)和高(H)。
- 描边 (Stroke):随时更改画笔墨水的颜色。
- 描边宽度 (Stroke width):精细控制笔触粗细,细、中、粗可选。
- 线条风格 (Roughness):这是化腐朽为神奇的关键!写完字后,将其调为“草图”风格,规整生硬的线条瞬间变为充满艺术气息的狂草或漫画风。
- 透明度 (Opacity):利用
0-100的滑块使墨迹具有半透度叠加效果。 - 图层 (Layers):提供置于底层、下一层、上一层、置于顶层的排列。
- 操作 (Actions):一键复制、删除、附加网页链接。
- 橡皮擦:哪里不满意擦哪里,扫过之处直接清除目标痕迹元素。(纯操作工具,无额外属性)
7. 文字工具 (Text) 【快捷键 T 或 8】
点击画布即可输入文字。左侧面板提供专属于文字的核心排版能力:
- 尺寸 (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键,即可稳稳地保持原有的“长宽高”绝对比例不变,彻底告别拉伸变形的大胖脸!