# VectorPaint 创作过程：用三块颜色画落日山影

语言：zh-CN
原文：[VectorPaint 创作过程：用三块颜色画落日山影](<https://allluckly.cn/works/vectorpaint-geometric-sunset/>)
中文：[中文 HTML](<https://allluckly.cn/works/vectorpaint-geometric-sunset/>)
English: [English HTML](<https://allluckly.cn/en/works/vectorpaint-geometric-sunset/>)
发布于: 2026-10-23T02:33:05+08:00
内容更新于: 2026-10-23T02:33:05+08:00
署名：Bison

从空白方形画布开始，用钢笔闭合八边形与两个三角形，再调整填充、关闭描边并导出 PNG。

[视频](<https://allluckly.cn/assets/videos/vectorpaint-geometric-sunset.mp4>)

[中文步骤](<https://allluckly.cn/assets/videos/vectorpaint-geometric-sunset.zh-CN.vtt>)

[Poster](<https://allluckly.cn/assets/images/works/vectorpaint-geometric-sunset.png>)

在 1080×1080 方形画布上，用钢笔逐点闭合琥珀色八边形日轮和蓝紫色三角山峰，关闭描边，最后以白色背景导出 PNG。iPhone Duo 模拟器真实操作，已剪去等待并对部分步骤加速。

使用 iPhone Duo 模拟器中的 VectorPaint 1.0.7（构建 6）录制。视频为真实操作节选，部分片段以 1.1–1.5 倍速播放；无旁白，已附中文步骤字幕。下方成图由应用直接导出。

这张《落日山影》只用了三块颜色。太阳保留八个转角，两座山一高一低，白色画布不再加纹理。练习的重点是把形状放在合适的位置，以及看清后画的对象怎样遮住前面的对象。

## 先把画面留简单

新建一张 **1080×1080 px** 的方形画布，取一个容易找回的名字。视频开始时画布已经建好，接下来所有图形都在 VectorPaint 内逐点绘制。

先留出下方约四分之一的空白。太阳放在上半部、略偏右；较高的蓝色山峰放左边，较低的紫色山峰放右边。三个形状不用铺满画布，留白能让边缘更清楚。

本次直接使用收藏色板里的「琥珀」「蓝色」和「紫色」。先把构图画出来，再换成自己喜欢的颜色，也很方便。

## 用八个点围出太阳

选择钢笔工具，沿着日轮依次点出上、右上、右、右下、下、左下、左、左上八个节点，最后再点回第一个节点闭合。这里没有拖出曲线，所以得到的是有棱角的八边形。

日轮的宽度约占画布一半。不必逐个节点追求数学上的等距，但左右宽度要大致平衡。闭合前出现的临时填充可能像一块不规则扇形，继续完成这一圈即可。

选中整个日轮，打开**对象属性 → 外观**，关闭「启用描边」。向下找到「收藏色板」，确认颜色应用到的是「填充」，再点「琥珀」。如果修改后画面没有变化，先看面板标题：这里要改已选对象，而不是下一笔的默认样式。

## 两座山，共用一条底边

继续使用钢笔，在左下方点出一个三角形：左端、山尖、右端，然后回到起点闭合。山尖略低于日轮中心，底边放在画布高度约四分之三的位置。关闭描边，把填充改为蓝色。

太阳被蓝色山峰遮住一角时，前后关系就有了。这一块重叠要保留，不需要裁掉太阳或做蒙版。

第二座山放在右侧。它的山尖稍低，左端向蓝色山峰里面伸一些，右端接近画布右边。把底边放到与第一座山相同的高度，闭合后填紫色、关闭描边。后画的紫色对象会盖住蓝色对象的一部分，两块颜色之间便形成一道斜坡。

如果两座山看起来像粘在一起，先拉开颜色差异，再检查山尖的高低。若底边露出一小截参差，调整底部节点的位置，比加一条粗线遮住更干净。节点操作可以接着看[钢笔与路径教程](<https://allluckly.cn/guides/vectorpaint-pen-curves/>)。

## 退回完整画面再看一遍

切回选择工具，点画布空白处取消选择，让节点标记离开画面。检查三个地方：太阳上方还有呼吸的空间；两座山没有压到画布边缘；蓝紫色块的底边连成一条平线。

这一步先不加渐变和文字。三块纯色已经足够说明落日与山影的关系。想做下一版时，可以只改变太阳的位置，或把日轮换成圆形，比较画面的变化。需要继续做成带标题的海报，可参考[几何海报教程](<https://allluckly.cn/guides/vectorpaint-geometric-poster/>)。

## 保存原稿，导出一张白底 PNG

确认画布显示「已保存」后，进入**导出与分享 → PNG 图片**。本次选择「完整画布」、1 倍尺寸、1080×1080 px，并把背景设为白色，再点「导出 PNG」。系统分享面板出现文件后，可用「存储到文件」保存。

白底适合这张带留白的方形小画。如果要把山影叠到其他设计上，可以另导出透明背景版本；不要用它覆盖唯一的可编辑原稿。关于不同用途的选择，见[PNG、SVG 与 PDF 导出说明](<https://allluckly.cn/guides/vectorpaint-export-formats/>)。

下图就是本次从 VectorPaint 导出的 PNG，保留了完整画布。

![VectorPaint 实际导出的落日山影：白底、琥珀色八边形太阳与蓝紫两座山峰](<https://allluckly.cn/assets/images/works/vectorpaint-geometric-sunset.png>)

[打开 1080×1080 成图](<https://allluckly.cn/assets/images/works/vectorpaint-geometric-sunset.png>) · [继续学习填充与描边](<https://allluckly.cn/guides/vectorpaint-fill-stroke/>)