# VectorPaint 几何形状练习：用矩形与圆形搭出一间小屋

语言：zh-CN
原文：[VectorPaint 几何形状练习：用矩形与圆形搭出一间小屋](<https://allluckly.cn/guides/vectorpaint-basic-shapes/>)
中文：[中文 HTML](<https://allluckly.cn/guides/vectorpaint-basic-shapes/>)
English: [English HTML](<https://allluckly.cn/en/guides/vectorpaint-basic-shapes/>)
发布于: 2026-10-22T00:00:00+08:00
内容更新于: 2026-10-22T00:00:00+08:00
署名：Bison

用一张小屋插画练习矩形、椭圆、选择、尺寸、层叠与比例，先建立形状结构，再进入复杂路径编辑。

用一张小屋插画练习矩形、椭圆、选择、尺寸、层叠与比例，先建立形状结构，再进入复杂路径编辑。

## 准备一个只有六个对象的练习

新建 600×600 px 方形画布，把作品命名为“小屋\_几何练习”。只使用一个墙体矩形、一个屋顶路径、两个窗户、一个门和一个太阳。先限制对象数量，是为了让每次选中与移动都能看懂结果。暂时不加入材质、照片和文字，完成基本轮廓后再考虑装饰。本文的坐标是构图参考，可按你看到的画布比例调整。

## 先画墙体，建立大小参照

在形状与路径工具中选择矩形，在画布下半部画出约 300×240 的墙体，左右尽量保留相同空白。创建后回到选择工具，只选中墙体再移动或调整大小。若你继续处于矩形工具，新手容易在准备移动时又画出一个新矩形。先观察选区边界，确认操作对象正确，比一次拖到完美位置更重要。

## 区分圆形和椭圆

选择椭圆工具绘制太阳，目标宽高均约 80。若宽高不同，得到的是椭圆，这仍是正常的矢量形状。不要把工具名称中的“椭圆”理解为无法画圆；圆只是宽高相等的情况。需要标准圆时，应比较宽高或观察参考网格，不把手势约束方式写成所有设备都完全相同。太阳放在右上方，与屋顶留出一小段空白。

## 用简单路径补上屋顶

选择钢笔，依次点出屋顶左下、顶部和右下三个角，再回到起点闭合。目标宽度约 360、高约 150，略宽于墙体，形成屋檐。先采用纯色填充，关闭不需要的描边。若屋顶出现不希望的线段，检查点的顺序和闭合位置；不要用更多随机节点遮盖问题。钢笔的连续曲线另有专门教程，这里只练习直线三角形。

## 复制相似部件并检查层叠

在墙上创建一个约 70×80 的窗户，先完成它的颜色和位置，再复制出第二个并移动到另一侧。让两个窗户大致对称，但保留门的位置。若窗户被墙体盖住，应检查对象前后顺序或所在图层，不要因为看不见就重复新建。复制得到的是便于继续编辑的另一个对象，移动前仍需看清当前选区。

## 配色只解决三个层级

选择墙体的中间亮度颜色、屋顶的深色、窗户的浅色，让背景与主体容易区分。可以把颜色控制为暖白、深蓝和橙黄三类，再按需要为门使用与屋顶相同的颜色。先判断灰度下的明暗层级，避免窗户与墙体颜色太接近。不要给每一个对象都加粗描边，轮廓、空白与色块之间应有明确的视觉主次。

## 当结构看起来别扭时，先改哪一个比例

把小屋暂时改成同一种深色，忽略窗户和门的颜色，只看墙体与屋顶的总体轮廓。若屋顶过窄，房子会像没有屋檐；若墙体过高，整个图案会显得细长；若太阳贴着屋顶，则容易被理解成屋顶的一部分。这些问题属于形状与间隔，增加阴影并不能解决。每次只选一个比例，例如先把屋顶宽度增加一点，其他对象保持不动，再观察是否更清楚。

窗户的位置也可以用一个简单关系检查：先看两窗之间的距离，再看每个窗户到左右墙边的距离。无需让所有距离完全相同，但差异应该有意图。若第二个窗户是从第一个复制来的，确认两者大小仍一致，避免移动时误触缩放。门与窗不必全部同高，实际练习中让门更接近底部、窗户留在墙体中上部，通常更容易表达房屋结构。

最后把作品缩到缩略图大小。如果门窗混成一团，先去掉窗格细线或减少装饰。保留可辨认的整体轮廓，比坚持画上所有建筑细节更适合这次几何入门。

## 完成检查与可编辑性复查

缩小到接近最终展示尺寸，确认小屋仍然能被辨认，门窗没有挤到边缘。分别点选墙体、窗户和太阳，看它们是否可以独立调整。若你把整个作品先变成一张 PNG 再导回，只能选到图片，原来的几何对象关系并不会自动恢复。保存原稿，另外输出一份预览，保留下一次修改配色和比例的余地。

## 延伸练习：把一间小屋改成两种构图

1. 保留一份原稿，把太阳移到左上角并观察左右重量，再恢复原位置比较，不同时修改颜色和大小。
2. 复制窗户制作三个窄窗，让总宽度大致保持不变，比较两窗版和三窗版哪一种在小尺寸更清楚。
3. 在另一副本中去掉所有描边，仅用色块表达结构；检查相邻对象是否仍有足够的亮度差。

## 常见问题

### 画不出标准圆怎么办？

先观察宽高是否一致，再检查是否在选择工具下误拉伸。使用等宽高的目标数值或网格参照即可，不必通过增加节点把椭圆一点点修成圆。

### 对象选不到，是不是丢失了？

先看图层可见性、锁定状态和前后顺序。重叠的墙体可能挡住窗户，也可能是你选中了分组。确认对象所在位置后再调整，避免产生重复部件。

### 为什么画出来不像真实建筑？

这次练习用简化形状表达房屋，不需要还原建筑细节。先检查墙体、屋顶、门窗的比例与位置，再决定是否增加装饰；轮廓清楚以后，细节才有明确作用。

## 接着读

- [VectorPaint 填充与描边：做出清楚的色块和统一线条](<https://allluckly.cn/guides/vectorpaint-fill-stroke/>)
- [VectorPaint 图层与分组：让复杂作品容易选择和修改](<https://allluckly.cn/guides/vectorpaint-layers-groups/>)
- [VectorPaint 实作：设计一枚缩小后仍清楚的单色山形图标](<https://allluckly.cn/guides/vectorpaint-monochrome-icon/>)

## 来源与适用范围

本文基于 [VectorPaint 官方商店说明](<https://apps.apple.com/cn/app/id1587272880>) 与功能入口整理；[Apple 公共版本信息](<https://itunes.apple.com/lookup?id=1587272880&country=cn>)核对日期为 **2026 年 10 月 22 日**，对应版本 **1.0.7**，最低系统要求 iOS / iPadOS 17.0。界面可能随设备与版本变化。文中的尺寸、配色与文案是练习建议，实际交付请按使用场景确认。