如何用画板在一个文件中设计多种尺寸

七步用画板设计两种尺寸

1. 1

   创建带画板的文档

   打开 lilcactus.app，选择文件› 然后 新建...。在宽度中输入 1080，在高度中输入 1080，勾选画板，然后单击创建。画布现在是一个名为画板 1的画板，名称显示在它的上方。

   

2. 2

   添加第二个画板

   右键单击工具栏顶部的移动按钮，选择画板。选中画板后，它的每条边旁边都会出现一个小小的 +。单击右侧的 +：第一个画板旁边会出现一个同样大小的第二个画板，两者相距 40 px。

   

   

3. 3

   把它变成竖版快拍

   新画板处于选中状态。在属性面板中，在高度 (px)中输入 1920，然后按 Tab。它会变成 1080 × 1920，也就是手机快拍的尺寸；文档会扩大以容纳两个画板。选择视图› 然后 按屏幕大小缩放即可同时看到两者。

   

4. 4

   为画板命名

   在图层面板中，每个画板都是一个带 AB 标记的组，包含它自己的图层。双击新画板的名称（它叫画板）：旧名称会被选中，直接输入 Story 并按 Enter 或 ↩。用同样的方法把画板 1重命名为 Post。导出时，这些名称会成为文件名。

   

5. 5

   为两个画板设置背景颜色

   单击 Post 行。在属性中，把背景设为自定，单击颜色色块，在 # 字段中输入 F2C14E（暖黄色），然后单击确定。单击 Story 行，执行同样的操作。画板的背景是画板的一部分，而不是图层，因此不会被意外移动或涂盖。

   

6. 6

   为每个画板添加文字

   新图层会进入在图层面板中选中的画板，而不是你单击的那个画板。先单击 Post 行。按 D 设为黑色，然后按 T 选择文字工具。在选项栏上，在字体列表中选择Impact，在大小中输入 200，然后单击居中对齐按钮（居中对齐）。单击处是第一行文字的底边，所以请在方形画板中部稍靠上的位置单击，输入 SUNDAY，按 Enter 或 ↩ 换行，输入 MARKET，然后按 Ctrl+Enter 或 ⌘↩。如果字母显得很细（并非每台电脑都安装了 Impact），请选择 Arial，并单击选项栏上的B（粗体）按钮。

   单击 Story 行，在竖长画板中部稍靠上的位置单击，输入同样的两行文字。现在每个画板都有自己的文字图层，可以根据画板的形状分别调整大小和位置。

   

   

7. 7

   把每个画板导出为单独的文件

   选择文件› 然后 导出› 然后 PNG…。文档中有画板时，As artboards会自动勾选，并显示将得到多少个文件；要导出的画板可让你只选一个画板，而不是全部导出。单击导出：Lil Cactus 会下载一个 ZIP，其中包含 Post.png（1080 × 1080）和 Story.png（1080 × 1920）。

   要让画板和图层保持可编辑，还请选择文件› 然后 存储为› 然后 Lil Cactus 项目... (Ctrl+Shift+S 或 ⇧⌘S)；之后，文件› 然后 存储会更新该文件。

   

使用画板

• 绘制画板：用画板工具在空白的粘贴板上拖动，即可画出任意大小的画板；拖动所选画板的边或角可以调整其大小。
• 精确的尺寸和位置：在属性中设置X (px)、Y (px)、宽度 (px)和高度 (px)；勾选约束比例可同时改变两条边。
• 移动画板及其上的所有内容：用画板工具拖动画板本身或它上方的名称。
• 背景：白色、黑色、透明或自定。透明画板导出为 PNG、WebP、AVIF 和 TIFF 时会保留透明度。
• 隐藏画板：单击图层面板中它的眼睛图标，即可在导出时排除它。
• 合成一个 PDF：文件› 然后 导出› 然后 PDF…会把每个可见画板按图层面板从上到下的顺序变成同一个 PDF 中的一页，适合制作一组幻灯片或印刷菜单。

把一个设计切成多个切片

切片把同一块画布的不同部分切成单独的文件，比如网页样稿中的按钮和横幅。

• 右键单击工具栏中的裁剪工具按钮，选择切片工具，然后在每个部分上拖出一个矩形。选项栏上的名称和内边距分别设置文件名和额外的边距；在绘制任何切片之前，基于参考线会根据你放置的参考线生成切片；之后该按钮会变成基于参考线替换，并替换你的切片。
• 视图› 然后 显示› 然后 切片用于显示或隐藏切片轮廓。
• 文件› 然后 导出› 然后 导出切片...会把每个切片作为图像写入一个 ZIP。选择格式和品质，在导出变体下添加缩放副本（如 2×），并勾选包含自动切片，即可同时导出切片周围的其余画布。

如果想把每个可见图层分别存为 PNG，请改用文件› 然后 导出› 然后 下载可见图层。

解决常见问题

输入完成后文字消失了

文字进入了图层面板中选中的画板，而画板只显示位于其内部的内容。把新文字图层的那一行（名为“文字 2”之类，位于该画板组的顶部）拖到正确画板的那一行上。

找不到“As artboards”

它只出现在文件› 然后 导出的对话框中，存储图像中没有。如果导出对话框中也没有，说明文档中没有画板，或者所有画板都已隐藏：单击画板的眼睛图标将其显示出来。

+ 按钮没有出现

它们只在使用画板工具时显示。选择该工具，然后单击画布上方的画板名称，或图层面板中它的那一行。

从其他编辑器转过来

Photoshop

画板工具位于移动工具组中，另有文件 › 导出 › 画板至文件...，切片工具位于裁剪工具组中。

画板和切片常见问题