插画练习

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

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

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

建立三个方向的构图参照

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

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

用四个顶点画出顶面

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

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

分别建立左面和右面

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

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

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

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

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

用胶带说明表面方向

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

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

用投影稳定盒子的位置

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

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

完成检查与系列变化

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

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

常见问题

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

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

用一条辅助线找出歪斜面

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

相关教程与资料

几何对象基础、色块与描边。

依据 VectorPaint 官方商店说明与功能入口整理;Apple 版本信息核对日期为 2026 年 10 月 23 日,公开版本 1.0.7,最低系统 iOS / iPadOS 17。文中的尺寸、文案和图形是练习建议。