VectorPaint / 创作过程

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

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

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

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

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

先把画面留简单

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

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

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

用八个点围出太阳

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

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

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

两座山,共用一条底边

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

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

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

如果两座山看起来像粘在一起,先拉开颜色差异,再检查山尖的高低。若底边露出一小截参差,调整底部节点的位置,比加一条粗线遮住更干净。节点操作可以接着看钢笔与路径教程。

退回完整画面再看一遍

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

这一步先不加渐变和文字。三块纯色已经足够说明落日与山影的关系。想做下一版时,可以只改变太阳的位置,或把日轮换成圆形,比较画面的变化。需要继续做成带标题的海报,可参考几何海报教程。

保存原稿,导出一张白底 PNG

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

白底适合这张带留白的方形小画。如果要把山影叠到其他设计上,可以另导出透明背景版本;不要用它覆盖唯一的可编辑原稿。关于不同用途的选择,见PNG、SVG 与 PDF 导出说明。

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

VectorPaint 实际导出的落日山影:白底、琥珀色八边形太阳与蓝紫两座山峰

打开 1080×1080 成图 · 继续学习填充与描边

← 查看全部作品视频