使用 Inkscape 进行矢量图形编辑

June 24, 2026 · View on GitHub

简介

Inkscape 是一个专业的开源矢量图形编辑器,用于创建可缩放的插图、图表、标志和艺术作品。本教程涵盖界面、绘图工具、路径操作、文本处理和导出选项。

界面概览

主要区域

区域位置用途
Menu Bar顶部文件、编辑、视图、图层菜单
Command Bar菜单下方常用工具快速访问
Tool Controls命令下方选定工具的选项
Canvas中央主绘图区域
Toolbox左侧绘图和编辑工具
Commands Bar右侧对象操作
Fill/Stroke底部颜色和样式属性
Status Bar底部坐标、缩放、提示

画布导航

操作方法
放大Ctrl++ 或滚轮
缩小Ctrl+- 或滚轮
适合窗口Ctrl+Shift+E
平移中键鼠标拖动
适合选区Ctrl+Shift+F

基本工具

选择工具

工具快捷键用途
SelectS选择和移动对象
Node EditN编辑路径节点
TweakW塑形和扭曲路径
ZoomZ放大区域

形状工具

工具快捷键形状
RectangleR矩形、正方形
EllipseE圆形、椭圆、弧线
Star*星形、多边形
SpiralI螺旋形状
3D BoxX透视立方体

绘图工具

工具快捷键用途
PenB点击放置路径
PencilP自由手绘
CalligraphyC压感笔画
Paint BucketU填充封闭区域

创建形状

矩形工具

修饰键效果
点击并拖动创建矩形
按住 Ctrl约束为正方形
点击属性设置精确尺寸
圆角拖动角控制柄

椭圆工具

修饰键效果
点击并拖动创建椭圆
按住 Ctrl约束为圆形
在弧线上拖动创建弧线段
属性设置起始/结束角度

星形工具

设置选项效果
Corners3-1000角数
Spoke ratio0-1内外半径比
Rounded0-1圆角
Randomized0-1不规则变化

路径操作

节点编辑

操作方法
添加节点双击路径
删除节点选择后按 Delete
移动节点用 Node 工具拖动
转换节点类型选择后使用工具栏按钮
断开路径选择节点,点击 Break

节点类型

类型控制柄行为
Cusp独立尖角
Smooth对称平滑曲线
Symmetric等长对称曲线
Auto-smooth自动自动平滑

布尔运算

运算结果快捷键
Union合并形状Ctrl++
Difference减去重叠Ctrl+-
Intersection仅保留重叠Ctrl+*
Exclusion移除重叠Ctrl+^
Division按重叠分割Ctrl+/
Cut Path分割路径Ctrl+Alt+/

路径修改

操作描述菜单
Offset扩展/收缩路径Path > Outset/Inset
Dynamic Offset可调偏移Path > Dynamic Offset
Linked Offset参数化偏移Path > Linked Offset
Simplify减少节点Ctrl+L
Flatten曲线转直线Path > Flatten

填充和描边

填充类型

类型描述用途
Flat纯色填充基本填充
Linear Gradient双点渐变平滑过渡
Radial Gradient圆形渐变聚光灯、球体
Pattern重复图案纹理
No Fill透明仅轮廓

描边属性

属性选项效果
Width0.01-1000px线条粗细
Line CapButt, Round, Square端点外观
Line JoinMiter, Round, Bevel角落外观
Dashes各种图案虚线
Markers箭头起点/终点标记

颜色管理

操作方法
设置填充颜色点击调色板中的颜色
设置描边颜色Shift+点击颜色
拾色器使用 Fill/Stroke 对话框
吸管I 键,点击采样
HSL 调整Fill/Stroke 对话框

文本

文本工具

操作方法
创建文本点击并输入
创建文本框点击并拖动
编辑文本用 Text 工具双击
选择文本拖动跨过字符

文本属性

属性选项效果
Font系统字体字体选择
Size1-10000px文本大小
StyleRegular, Bold, Italic粗细和倾斜
Spacing字母、行、词字符定位
Alignment左、中、右文本对齐

路径上的文本

  1. 创建文本对象
  2. 创建路径
  3. 选择两个对象
  4. Text > Put on Path
  5. 使用路径调整位置

形状内的文本

  1. 创建形状
  2. 选择形状
  3. Text > Flow into Frame
  4. 在形状内输入文本

图层

图层管理

操作方法
添加图层Layer > Add Layer
删除图层Layer > Delete Layer
重命名图层双击图层名称
移动图层在图层面板中拖动
锁定图层点击锁定图标
隐藏图层点击眼睛图标

图层属性

属性描述
Visibility显示或隐藏图层
Lock防止编辑
Opacity图层透明度
Blend mode图层如何混合

混合模式

模式效果用途
Normal标准叠加默认
Multiply按图层加深阴影
Screen按图层加亮高光
Overlay对比度增强效果
Darken保留较暗像素颜色叠加
Lighten保留较亮像素提亮

对齐和分布

对齐选项

选项描述结果
Left左边缘对齐对象左齐
Center中心对齐对象居中
Right右边缘对齐对象右齐
Top顶边缘对齐对象顶齐
Middle垂直中心对齐对象垂直居中
Bottom底边缘对齐对象底齐

分布选项

选项描述结果
Horizontal等水平间距均匀水平间距
Vertical等垂直间距均匀垂直间距
Center分布中心均匀中心间距
Gap设置精确间距值精确间距

裁剪和蒙版

裁剪

  1. 将裁剪形状放在目标上方
  2. 选择两个对象
  3. Object > Clip > Set
  4. 裁剪形状定义可见区域

蒙版

  1. 将蒙版放在目标上方
  2. 选择两个对象
  3. Object > Mask > Set
  4. 蒙版透明度定义可见性

区别

功能裁剪蒙版
边界硬边缘柔边缘
透明度二值渐变
可编辑释放后释放后
性能更快更慢

滤镜和效果

内置滤镜

分类滤镜用途
BlurGaussian, Motion柔化
DistortWarp, Twirl形状修改
ColorChannel, HSL颜色效果
ImagePixelate, Noise纹理效果
ShadowsDrop Shadow深度效果

应用滤镜

  1. 选择对象
  2. Filters > Filter Name
  3. 调整参数
  4. 应用

导出选项

导出格式

格式类型使用场景
SVG矢量Web、进一步编辑
PNG光栅Web、文档
PDF矢量打印
EPS矢量专业印刷
DXFCADCAD 应用
PS矢量PostScript 打印

PNG 导出设置

设置描述建议
DPI分辨率Web 用 72,印刷用 300
Background透明Web 图形启用
Selection area导出选区用于单个对象
Batch多页一次全部导出

SVG 导出选项

选项描述用途
Plain SVG无 Inkscape 元数据Web 使用
Inkscape SVG完整元数据重新编辑
Optimized SVG减小文件大小生产环境

键盘快捷键

基本快捷键

操作快捷键分类
全选Ctrl+A选择
分组Ctrl+G对象
取消分组Ctrl+Shift+G对象
复制Ctrl+D编辑
克隆Ctrl+Shift+D编辑
撤销Ctrl+Z编辑
重做Ctrl+Shift+Z编辑
保存Ctrl+S文件
导出 PNGCtrl+Shift+E文件

工具快捷键

工具快捷键工具快捷键
SelectSNodeN
RectangleREllipseE
Star*SpiralI
PenBPencilP
TextTZoomZ
DropperIPaint BucketU

实际项目

标志设计工作流

步骤工具操作
1Pen, Shapes创建基础形状
2Node Edit精修路径
3Boolean合并形状
4Fill/Stroke应用颜色
5Text添加文本
6ExportSVG 和 PNG

图标设计工作流

步骤工具操作
1Grid启用像素网格
2Shapes从基本形状构建
3Boolean合并和减去
4Stroke统一描边宽度
5Align完美对齐
6Export多种尺寸

总结

Inkscape 提供了一套全面的矢量图形工具,适用于专业插图和设计工作。其路径编辑功能、文本处理和滤镜效果使其适用于各种图形设计任务。

关键实践:

  • 使用路径操作和布尔工具创建复杂形状
  • 使用图层组织复杂插图
  • 利用节点编辑进行精确路径控制
  • 导出 SVG 用于 Web 和印刷,PNG 用于光栅需求
  • 使用对齐工具精确定位对象