# VectorPaint 立体纸盒插画：用三个平面建立一致透视

语言：zh-CN
原文：[VectorPaint 立体纸盒插画：用三个平面建立一致透视](<https://allluckly.cn/guides/vectorpaint-isometric-box/>)
中文：[中文 HTML](<https://allluckly.cn/guides/vectorpaint-isometric-box/>)
English: [English HTML](<https://allluckly.cn/en/guides/vectorpaint-isometric-box/>)
发布于: 2026-10-23T00:00:00+08:00
内容更新于: 2026-10-23T00:00:00+08:00
署名：Bison

用钢笔绘制纸盒的顶面、左面和右面，通过共同顶点与明暗关系表达体积，再检查边缘缝隙和变形。

一只立体纸盒可以由三个平面组成，不需要先学习复杂三维软件。本篇用 VectorPaint 的钢笔、填充和节点编辑画一只简化纸盒，重点是让共享边缘接得上、平行方向一致、明暗关系清楚。这是一张二维插画，体积来自人工组织的平面。

## 建立三个方向的构图参照

新建 800×700 px 画布，把纸盒放在中间偏上，下方留投影空间。先确定向左上、向右上和竖直三个方向，可以用普通参考线或网格帮助观察。这里采用便于练习的近似等角构图，不把手工图当成工程尺寸图。

画一条竖直中心边作为草稿，再从它的上端向左右斜上方延伸。两条斜线的倾斜程度尽量接近，长度可以相同。先比较大方向，暂时不加纸箱胶带或标签，否则容易被细节分散注意力。

## 用四个顶点画出顶面

选择钢笔，依次点出前方中点、左侧顶点、后方顶点、右侧顶点，再回到起点闭合，得到菱形顶面。使用浅色填充，先关闭描边，观察四条边是否组成清楚平面。

如果顶面看起来扭曲，检查对边方向是不是接近一致。可以通过节点工具小幅移动后方顶点，让左右两侧更平衡。不要在同一条直边上增加多个节点来修正斜率，四个清楚的角点通常更容易控制这一简单结构。

## 分别建立左面和右面

从顶面前方中点向下确定纸盒高度，再让左右外侧顶点各自向下延伸相同高度。用钢笔分别连接成两个四边形，左面使用中间亮度，右面使用较深颜色。顶面、左面和右面应共享相应的边缘。

先把三面放在同一视图下检查。中间竖线如果歪斜，纸盒会像正在倾倒；外侧高度不同，底部就可能不稳。调整时先改对应节点，再看相邻面是否仍接上。一个共享顶点被移动后，相关面也需要同步检查。

## 用接缝检查代替粗描边遮盖

放大观察三个面相接的地方。若出现细白缝，先确认节点位置是否一致，或是否有不需要的描边造成边界变化。不要马上给纸盒加很粗的外轮廓，因为那会把接缝问题藏起来，后续换色或输出时仍可能露出。

可以适当让后方平面延伸到前方平面下面，再用层叠形成干净边缘，但要清楚哪一面位于上方。对于这类简单几何，准确的共享位置通常最容易维护。回到正常大小再看，避免只在极大倍率下追逐不影响成品的显示细线。

## 用胶带说明表面方向

顶面加一条窄色带作为胶带，让它的长边沿顶面的一个主要方向延伸。到前方边缘后，可以在正面添加对应的一小段，让读者看出胶带跨过折角。两段分别作为独立形状，按各自平面的方向绘制。

胶带颜色与纸箱接近但略有差异即可，不必用很强对比抢走主体。若加文字标签，先使用简单矩形和几条短线表示，不急着把真实文字旋转到复杂透视。标签的边缘同样应服从所在平面方向，不能在立面上突然变成完全水平的正视矩形。

## 用投影稳定盒子的位置

在纸盒下方画一个扁的椭圆或简化多边形，使用较浅的灰色，放到全部纸盒平面后面。投影方向与光源保持一致，例如顶面最亮时，影子可向右下稍微伸出。先用纯色轻量表达，不需要复杂模糊。

投影应接近底部，让纸盒有落在平面上的感觉。距离过远会像悬浮，面积太大又会成为新的主体。暂时隐藏投影检查盒子本身是否仍有体积，再恢复它完成落地关系。投影是辅助，不能替代三面之间正确的形状和亮度。

## 完成检查与系列变化

按顺序检查顶面、左面、右面、胶带和投影，确认每一部分都能独立选中。缩小看整体轮廓，再放大看共享边缘。保存可编辑原稿，导出 PNG 预览；需要路径交付时另导出 SVG，并在目标环境检查接缝。

之后可以只改变高度，制作高盒与扁盒两个变体。改高度时同步移动底部相关节点，不要只拉长中间竖边。也可以保持几何不变，只调整三面的明暗，比较哪一组更容易表达光线方向。这两种练习分别解决形状与颜色，尽量分开进行。

## 常见问题

**为什么三个面颜色不同却仍然不像立体？** 先检查共享边与平行方向，再看明暗。几何关系不一致时，增加更强阴影只会使错误更明显。把三面暂时改成浅色轮廓，有助于发现方向问题。

**这是精确的三维模型吗？** 这是一张手工二维插画，没有真实三维尺寸或视角计算。用于说明、装饰和图标时可以按视觉目标调整；若涉及包装生产或工程尺寸，应另用相应的专业图纸流程确认。

## 用一条辅助线找出歪斜面

发现右侧看起来不稳时，可以临时画一条与顶面右边平行的参照线，放到右侧底边附近比较。两条应表达同一个空间方向，若明显发散，就回到对应底部节点修正。完成后移除这条普通参考线。把方向问题转换成两条线的比较，比反复更换颜色更容易找到原因，也能帮助你画下一只盒子。

## 相关教程与资料

[几何对象基础](<https://allluckly.cn/guides/vectorpaint-basic-shapes/>)、[色块与描边](<https://allluckly.cn/guides/vectorpaint-fill-stroke/>)。

依据 [VectorPaint 官方商店说明](<https://apps.apple.com/cn/app/id1587272880>)与功能入口整理；[Apple 版本信息](<https://itunes.apple.com/lookup?id=1587272880&country=cn>)核对日期为 2026 年 10 月 23 日，公开版本 1.0.7，最低系统 iOS / iPadOS 17。文中的尺寸、文案和图形是练习建议。