如何在 Lil Cactus 中使用参考线、网格和对齐

入门7 分钟更新于 2026年10月29日

简要回答

在 Lil Cactus 中，选择视图然后标尺显示刻度，选择视图然后新建参考线...在精确的像素位置放置参考线。开启视图然后对齐，并在视图然后对齐到下选择对齐目标。对于一排对象，选中它们的图层，使用图层然后对齐然后顶边，再使用图层然后分布然后水平间距。

咖啡设计中三个色块排成一行、间距相等前后的对比 — 三个色块的顶边对齐，彼此间隔 150 px。照片和标题保持不动。每个色块为 120 × 80 px，位于 x = 140、410 和 680 px，y = 500 px。拖动滑块进行对比。

三个色块的顶边对齐，彼此间隔 150 px。照片和标题保持不动。每个色块为 120 × 80 px，位于 x = 140、410 和 680 px，y = 500 px。拖动滑块进行对比。

用时: 7 分钟
难度: 入门
准备工作: 一个对象分别位于不同图层上的设计
适用格式: 图像和分层项目，包括文字图层和形状图层

在 Lil Cactus 中打开示例使用你自己的照片

免费，无需注册。你的照片始终保存在你自己的电脑上。

参考线是你为某条边缘或页边距放置的线。网格是铺满工作区的重复图案。拖动对象靠近所选目标时，对齐功能会帮助它贴靠到该目标上。

用示例中的三个形状图层，在标题下方排出一行整齐的色块。

七步对齐一行色块

显示标尺
打开本页的练习项目。选择视图然后标尺。工作区的顶部和左侧会出现刻度。
“标尺”旁边有勾号表示标尺处于显示状态。
标尺以像素为单位标出文档坐标。
在 140 px 处放置一条垂直参考线
选择视图然后新建参考线...。把取向设为垂直，在位置中输入140 px，然后单击创建。这条线将是棕色色块的左边缘。
你也可以从标尺拖到图像中，凭目测放置参考线；“新建参考线...”用于精确定位。
“新建参考线”按数值位置放置一条线。
垂直参考线的位置从图像左边缘算起。
在 500 px 处放置一条水平参考线
再次选择视图然后新建参考线...。选择水平，在位置中输入500 px，然后单击创建。这条线确定这一行的顶边。
水平参考线的位置从顶边算起。
显示网格并选择对齐目标
开启视图然后显示然后网格查看重复的网格。开启视图然后对齐，然后检查视图然后对齐到：在这个练习中，参考线应该勾选，网格不勾选。
显示网格和对齐到网格是两个独立的选项。这里由参考线决定位置。
“显示 › 网格”控制可见的网格图案。
“对齐”是对齐功能的总开关。
把参考线用作对齐目标，同时保持网格对齐关闭。
把棕色色块对齐到参考线
右键单击（或按住）工具栏最上方的按钮，选择移动。在“图层”面板中单击Brown swatch。在棕色矩形的底边附近（远离参考线的位置）按住它，向右下方稍微拖动，直到它的左上角与参考线的交点重合。当它的左边缘和顶边贴靠到线上时松开。
从工具栏最上方按钮的弹出菜单中选择“移动”。
先选中图层，再移动它的矩形。
100% 下的细节：左上角位于 (140, 500) px。
对齐三个顶边
在“图层”面板中单击Brown swatch，然后按住 Shift 单击Rust swatch。三个色块图层应该都已选中。选择图层然后对齐然后顶边。奶油色和铁锈色的形状会上移到棕色形状的顶边。
提示不要把 Text 和 Background 选进来。
按住 Shift 单击可以选中连续的三个色块图层。
选中多个图层时，“顶边”以其中最靠上的边缘为准。
让间距相等
保持三个图层处于选中状态。选择图层然后分布然后水平间距。两端的形状保持不动，中间的形状移动到使间距相等的位置。
分布至少需要选中三个图层。