EP02. “建立形状、向量与像素差异、Artboards”

首页 › PC 工具 › Graphic Design · Affinity · EP02

约 7 分钟· #EP02#Affinity

这篇笔记讲怎么在 Affinity 里建立和操作形状、复制/阵列的几种做法、向量（Vector）和像素（Pixel）本质上的差异、怎么建立 Artboards（画板）、以及 Live Effects（实时效果）的初步概念。前置知识：先看过 EP01，知道 Studios 的基本概念和怎么切换。

重点内容

在 Vector Studio 里，用矩形/方形工具点住拖拉，就能画出形状——放开鼠标就是一个形状，再点一次能画出新的一个。

💡 按住 Shift 能把长方形约束成正方形，锁定长宽比例（跟其他大部分软件的做法一样）。

选取和移动：点选取工具（或按 V，也叫 Move 工具），就能选取并移动形状——反应速度非常快。

对齐到画布中心：选取形状后，用顶部的对齐功能（Align），能一键把形状置中到水平和垂直轴。⚠️ 如果在别的 Studio 里看不到对齐按钮，切到 Vector Studio 就能看到；也可以右键工具栏，选 Customize toolbar，手动把对齐选项加进来。

按住 Alt/Option 拖拉：拖动时会复制出一份
按住 Ctrl/Command 拖拉：同样能边拖边复制
按 Enter：进入"移动并复制（Move and duplicate）"工具，能精确设定：
- 水平间距（Horizontal distance）
- 缩放比例（Scale）
- 复制份数（Duplicate 按钮，能一次生成多份并按设定的规律排列）

[截图："移动并复制"面板，显示水平间距、缩放比例、复制份数的设置项]

💡 这个功能能做出很酷的效果——比如用铅笔画一条线，复制 100 份、缩放比例设成 50，会做出螺旋式渐变缩小的排列效果。

向量图形靠数学运算构成——用钢笔工具点出一串节点，形状是根据这些节点的位置和曲线弧度算出来的，不管放大多少倍都能保持锐利。

像素图形（位图）是一格一格的像素组成——放大一张图片（比如 QR code）会看到边缘变得不锐利，出现锯齿状的线条，明显的像素化。

[截图：同一张图放大后的对比，左边向量图形边缘依然锐利、右边像素图形出现锯齿]

Affinity 顶部有两个模式按钮：Vector mode 和 Pixel mode。

📌 重要提醒：不管在哪种模式下工作，导出成 JPEG 这类图片格式时，最终结果都会是像素模式——这就是向量和像素本质上的差异所在。

按 Affinity 的 Logo（"A"）能回到主页，找现成的范例文件（比如一组 A4 尺寸的海报文件）——里面每一份海报都有自己独立的 Artboard，能各自单独编辑。

建立 Artboard 的方式：直接按现有 Artboard 上方的按钮就能复制出新的一个；也可以自己手动拖拉建立。💡 Artboard 本质上就是设计里用的画布（canvas），而且能单独设定每个 Artboard 的背景色，让设计工作方便很多。

📌 Affinity 一个很现代的特色是能给作品套用 Live Effects（实时效果）——效果会实时呈现，改动参数时画面即时反映变化，甚至移动图层时也能看到效果算法实时运作的过程，运作起来非常流畅。

位置：在 Layers 面板里，图层旁边会有效果的开关标记（比如显示 "fx" 和开/关状态），双击能打开调整参数，边调边能看到实时的变化效果。

[截图：Layers 面板里图层旁的 fx 效果标记，以及双击后弹出的参数调整面板]

❌ 想画正方形却直接拖拉矩形工具——按住 Shift 才能锁定长宽比例画出正方形，不按的话拖出来的默认是矩形
❌ 找不到对齐（Align）功能就以为 Affinity 没有这个功能——先确认自己是不是在 Vector Studio，不同 Studio 显示的工具不一样，找不到也可以右键工具栏手动加进来
❌ 分不清向量和像素模式的差异——向量靠数学运算构成、放大不失真；像素是固定格数的色块组成、放大会看到锯齿，导出成 JPEG 这类格式最终都会变成像素
❌ 大量重复排列的元素一个个手动复制——按 Enter 进入"移动并复制"工具，能一次设定间距、缩放、份数，批量生成规律排列的效果
💡 每个 Artboard 都能单独设定自己的背景色，设计多份变体（比如同一份海报的不同配色版本）时很方便，不用另外新建文件

YouTube：

Affinity Beginners Guide 2025 — Will Patterson — https://www.youtube.com/watch?v=lTeperbIZBc