如何绘制形状并导出矢量图形（SVG）
简要回答
按 U 选择形状工具，在选项栏中选择一种形状，然后在画布上拖动；按住 Shift 或 ⇧ 可以画出正圆或正方形。每个形状都是一个独立的图层，始终可以编辑：随时可以在属性面板中更改它的大小、圆角、填充和描边。要得到矢量文件，请选择。
- 用时
- 6 分钟
- 难度
- 入门
- 准备工作
- 无需任何素材：从一个空白的新文档开始
- 适用格式
- 可导出为 SVG、PDF、PNG、WebP 等图像格式；在 Lil Cactus 项目中形状始终完全可编辑
免费，无需注册。你的作品始终保存在你自己的电脑上。
形状图层以描述的方式存储形状，例如“一个直径 600 px、位于 100, 100、填充绿色的圆”，而不是存储像素。你可以调整它的大小、把角变圆或更改颜色，而不会损失任何清晰度；导出为 SVG 时它仍是矢量，从网站图标到海报，任何尺寸都很清晰。
在本教程中，你将用两个形状制作一个简单的徽章：一个带白色圆环（即它的描边）的绿色圆形和一颗白色星形，然后把它导出为 SVG。
七步绘制形状并导出 SVG
新建文档
访问 lilcactus.app，选择。在宽度和高度中都输入 800，单击背景下方的棋盘格色块以使用透明背景，然后单击创建。
800 × 800 px，透明背景。 绘制圆形
按 U 选择形状工具。在选项栏（菜单下方的横条）的形状列表中选择椭圆；模式应为形状。按住 Shift 或 ⇧ 并拖过画布的大部分区域：一个黑色圆形会出现在名为形状的新图层上。新形状使用前景色填充。
形状：椭圆。 设置精确的大小、位置和颜色
选中圆形后，属性面板会显示它的实时设置。在X (px)和Y (px)中输入 100，在宽度 (px)和高度 (px)中输入 600，每输入一项后按 Tab：现在圆形居中，四周留有 100 px 的边距。
再往下，在填充下单击色块，在十六进制字段中输入 2E7D5B，然后单击确定。圆形变成绿色。
精确的位置和大小。 
填充颜色 #2E7D5B。 绘制带圆角的白色星形
先按 D，再按 X，把前景色设为白色。在选项栏的形状列表中选择星形，把点设为 5，内半径设为 50，角半径设为 24。按住 Shift 或 ⇧，从圆内大约四分之一处拖到四分之三处：一颗尖角柔和的白色星形出现在它自己的图层上。要精确放置，请在属性中的X (px)和Y (px)中输入 250，在宽度 (px)和高度 (px)中输入 300。
点 5，内半径 50%，角半径 24 px。 
圆形上的星形。 以后修改星形
形状始终保持实时可调。选中星形所在的图层，在属性面板的点中输入 6 并按 Tab：星形会重新绘制为六个角，大小和圆角都保持不变。宽度 (px)和半径 (px)（角半径）也同样可以这样修改。
点：6。 添加白色圆环
在图层面板中单击圆形所在的图层（形状）。在属性的描边下，在颜色列表中选择颜色，单击色块并选择白色（FFFFFF）。在描边选项下，在宽度 (px)中输入 16，并把位置设为内部，这样圆环会保持在 600 px 的圆形之内。
16 px 的白色描边，位于边缘内侧。 
完成的徽章。 导出为 SVG 并存储项目
先在图层面板中单击空白的背景图层的眼睛图标将其隐藏：否则 SVG 会为它加入一个很小的透明图像，其他应用导入时会把它当作一个多余的对象。然后选择并单击导出。SVG 会把每个形状保留为矢量路径，因此无论在网站上还是在其他设计应用中，任何尺寸都很清晰，背景也保持透明。
要在 Lil Cactus 中保持形状可编辑，还要选择（Ctrl+Shift+S 或 ⇧⌘S）；之后，会更新这个文件。会把它们保留为矢量形状图层，但再次打开 PSD 时，它们是可编辑的路径，不再带有实时的圆角和点设置。
。
形状及其选项
- 矩形：选项栏上的角半径可以把它的角变圆，适合做按钮和卡片。
- 直线：从一端拖到另一端，然后在属性中设置描边颜色、宽度和端点（平头、圆头或方头）。新直线使用前景色描边；如果看不到它，说明这个颜色和文档颜色相同：在那里换一种描边颜色即可。
- 多边形和星形：边或点；星形还有内半径，用来设置尖角的深度。
选项栏上的模式决定拖动时生成什么：形状图层（形状）、可以转换为选区或描边的路径（路径），或者在当前图层上直接绘制（像素），后者不能再作为形状编辑。
组合和改变形状
要从一个形状中挖掉另一个形状，请选中该形状图层，并在绘制之前把选项栏上的路径操作设为减去：新形状会在所选形状中成为一个洞，位于同一个图层中。合并形状会添加到形状中，与形状区域相交只保留重叠部分，排除重叠形状则保留重叠部分以外的所有区域。要绘制独立的形状，请把路径操作改回新建图层。
要拖动单个锚点，请右键单击工具栏中的钢笔按钮，选择直接选择工具，然后拖动所选形状的一个锚点。组合或改变过的形状会变成自由路径：它在属性中的形状列表显示为可编辑路径，并且不再有实时的圆角和点设置。参阅如何使用钢笔工具。
SVG 导出会保留什么
- 形状图层，连同颜色填充、线性、径向和对称渐变填充、描边和虚线，都会变成矢量路径。使用角度或菱形渐变的形状会变成图像。
- 在字体允许的情况下，文字会变成矢量字母轮廓。
- 照片、投影等图层样式和蒙版只会把该图层变成图像。
- 只要有一个可见图层使用了正常以外的混合模式、剪贴蒙版或调整图层，整个 SVG 就会变成一张图像，不含任何矢量。Lab 或灰度文档，以及使用非默认颜色配置文件并包含文字、透明度或渐变的文档，也是如此。导出对话框会在导出前提示你。
要得到纯矢量文件，设计中只使用正常模式下的形状图层和普通文字，并隐藏空图层。
常见问题的解决方法
形状是黑色的
前景色是黑色。在属性中更改填充，或者在绘制之前设置前景色。
新形状在旧形状上挖了一个洞
选项栏上的路径操作设为了减去。用（Ctrl+Z 或 ⌘Z）撤销，把它设为新建图层，然后重新绘制。
圆形变成了椭圆
在属性中的宽度 (px)和高度 (px)中输入相同的值。
从其他编辑器转过来
- Photoshop
- 形状工具 (U) 和“属性”面板中的实时形状设置。
形状和矢量图形常见问题
形状图层和像素图层有什么区别？
形状图层以描述的方式存储形状，因此在 Lil Cactus 中你可以随时调整它的大小、把角变圆或更改颜色，而不会损失清晰度。像素图层存储的是一个个色点，放大后会变模糊。
怎样制作圆角矩形？
在 Lil Cactus 中，选择“形状”工具 (U)，在选项栏中选择“矩形”，在“角半径”中输入一个值（例如 20 px），然后拖动。之后可以在“属性”面板中更改半径。
怎样导出透明背景的标志？
在 Lil Cactus 中，用“文件 › 新建...”并选择透明背景色块来新建文档，隐藏空白的“背景”图层（有填充的背景图层也要隐藏），然后选择“文件 › 导出 › SVG…”得到矢量文件，或选择“PNG…”得到图像。
可以在其他应用中打开这个 SVG 吗？
可以。Lil Cactus 导出的 SVG 是标准文件，可以在网页浏览器、设计应用和网站代码中打开，每个形状都是一条路径。“内部”或“外部”描边看起来一样，但在设计应用中，它是位于剪贴路径中的两倍宽的描边。
怎样让形状在画布上居中？
在 Lil Cactus 中，把“属性”面板中的 X 和 Y 设为画布尺寸的一半减去形状尺寸的一半；800 px 画布上的 600 px 圆形，就是 100 和 100。
在 Lil Cactus 中绘制形状时，我的作品会被上传吗？
不会。所有处理都在你的浏览器中、在你自己的设备上完成。开启统计时，编辑器只记录使用了哪些工具，从不记录图像，详见隐私政策。
