Tutorial

工具栏使用指南

左侧的工具栏是 Pixel World Canvas 的核心区域,这里集中了所有你需要用到的绘图工具。

工具栏使用指南

左侧的工具栏是 Pixel World Canvas 的核心区域,这里集中了所有你需要用到的绘图工具。

📍 工具栏在哪里?

工具栏位于画布左侧,垂直排列了一系列图标按钮,最下方是前景/背景色切换器。

┌──────────┐
│   ✏️    │  ← 画笔 (Q)
│   💧    │  ← 取色 (W)
│   🧽    │  ← 橡皮擦 (E)
│   🪣    │  ← 填充 (R)
│   ✋    │  ← 移动 (Y)
│   ▱    │  ← 选取 (A)
│   🔄    │  ← 变换 (S)
│   🎨    │  ← 滤镜 (D)
│   ✂️    │  ← 裁剪 (C)
│   ⬭    │  ← 形状 (F)
│   📝    │  ← 文字 (T)
├──────────┤
│   ↕️    │  ← 前景/背景色切换
└──────────┘

🔑 三种切换工具子模式的方式

很多工具有不同的"子模式"(比如橡皮擦的标准/魔术)。带子菜单的工具按钮右下角有一个小三角标记,你可以用三种方式切换子模式:

  1. 右击工具按钮 → 弹出子选项菜单,点击选择。
  2. 顶部工具选项栏 → 选中工具后,画布上方会出现该工具的选项栏,直接点击切换。
  3. Alt + 工具键 → 循环切换该工具的子模式(详见快捷键大全)。

🛠️ 工具详解

✏️ 画笔工具(Q)

最基础的绘画工具,用来一个像素一个像素地绘制画面。

使用方法:

  • Q 或点击工具切换到画笔模式
  • 在画布上按住鼠标左键拖动绘制
  • 使用当前选择的前景色
  • 在顶部选项栏可调整笔刷大小

对称绘制: 画笔支持水平/垂直对称,开启后画一笔会自动镜像到另一侧。按 H 开启水平对称、V 开启垂直对称(详见下方"对称绘制")。


💧 取色器(W)

从画布上吸取颜色作为新的前景色。

使用方法:

  • W 或点击工具切换到取色器模式
  • 点击画布上的任意像素,该颜色会变成前景色

两种模式:

模式说明
像素取色吸取当前画布上的像素颜色
图像取色切换后会显示参考图层,可从参考图片上吸取颜色

🧽 橡皮擦(E)

擦除画布上的像素(擦成透明)。

两种模式:

模式说明
标准橡皮擦按笔刷大小擦除,可在选项栏调整大小
魔术橡皮擦智能识别,擦除相连的同色区域

有选区时的特殊功能: 如果存在选区(用选取工具创建),按 E 会直接擦除选区内的内容,而不是切换到橡皮擦工具。


🪣 填充工具(R)

快速填充一大片区域的颜色。

两种模式:

模式说明
油漆桶填充相连的同色区域
渐变填充在画布上拖出方向,沿该方向生成渐变(默认青→橙,可在选项栏查看起止色)

有选区时的特殊功能: 如果存在选区,按 R 会直接填充选区内的区域。


✋ 移动工具(Y)

平移画布视图(也就是改变观察位置),不会改变画面内容。

使用方法:

  • Y 或点击工具切换到移动模式
  • 按住鼠标左键拖动来平移视图

临时移动: 按住 Space(空格键) 可以临时切换到移动工具,松开后自动恢复原来的工具。中键拖动同样可以平移视图。


▱ 选取工具(A)

创建选区,选中一片区域后可以只对这片区域进行操作。

三种模式:

模式说明
手动选取拖动绘制矩形选区
智能选取自动识别颜色边界(可在选项栏调整"容差")
套索选取自由圈选不规则区域

选区的用途:

  • 橡皮擦 / 填充 → 只作用于选区内
  • 拖动选区内部 → 移动选区里的像素内容
  • 顶部选项栏还提供复制、剪切、粘贴、反选、对齐、删除等操作

取消选区:Esc 键可以清除当前选区。


🔄 变换工具(S)

对画面内容进行翻转和旋转。

注意: 变换是"即时操作"。按 S 会立即按当前选择的变换方式执行一次,并不会停留在某个工具状态。

五种操作(右击菜单或选项栏选择):

操作说明
水平翻转左右镜像
垂直翻转上下镜像
旋转 90°顺时针转 90 度
旋转 180°转 180 度
旋转 270°逆时针转 90 度

小技巧:Alt+S 可以循环切换变换方式并立即执行。


🎨 滤镜工具(D)

给画布添加视觉效果。

可用滤镜(右击菜单或选项栏选择):

滤镜效果
灰度变成黑白
反色颜色反转(像底片)
复古棕褐色调
重置清除滤镜效果

✂️ 裁剪工具(C)

裁剪画布,去掉不需要的边缘部分。

两种模式:

模式说明
手动裁剪在画布上拖动调整裁剪框
自动裁剪自动去掉四周的空白边缘

操作方法:

  1. C 选择裁剪工具(默认进入手动裁剪)
  2. 在画布上拖动调整裁剪区域
  3. Enter 确认裁剪
  4. Esc 取消裁剪

⬭ 形状工具(F)

绘制各种几何形状。

可选形状(右击菜单或选项栏选择):

形状说明
圆形绘制圆形
矩形绘制矩形
正方形绘制正方形(长宽自动相等)
三角形绘制三角形
直线绘制直线

填充 / 空心: 选项栏可切换"填充"与"空心"模式。空心模式下还能调整描边粗细(1–8)。

小技巧:Alt+F 可以循环切换不同形状。


📝 文字工具(T)

在画布上添加文字。

使用方法:

  1. T 选择文字工具
  2. 在画布上点击要放置文字的位置
  3. 输入文字内容,并在选项栏选择字体、字号、对齐、加粗/斜体
  4. 文字会以独立的文字图层形式添加

文字图层不能与其他图层合并。


🎨 前景色 / 背景色切换器

工具栏底部有一组叠放的颜色块:前面是前景色,后面是背景色

操作效果
点击前景色 / 背景色块把当前选中的颜色应用为前景色 / 背景色
右击前景色 / 背景色块把调色板中当前选中的颜色设置为该色块
点击中间的 ⇆ 图标交换前景色和背景色
点击右上角 ↺ 图标重置为默认颜色(黑/白)

快捷键:X 交换前景/背景色;按 Ctrl+Shift+X 重置为默认颜色。

说明:当前版本中,绘制始终使用前景色。背景色用于色彩管理与快速交换,鼠标右键并不会用背景色绘制。

💡 实用技巧

1. 工具快捷键顺口溜

工具从上到下的快捷键依次是:Q W E R Y A S D C F T,按一遍很快就记住了。

2. Alt + 工具键 = 切换子模式

不用右击找菜单,按住 Alt 再按工具键就能循环切换子模式: Alt+W(取色)Alt+E(橡皮)Alt+R(填充)Alt+A(选取)Alt+S(变换)Alt+F(形状)Alt+C(裁剪)。

3. 有选区时 E / R 会直接作用于选区

橡皮擦和填充在有选区时只作用于选区内部,操作完别忘了按 Esc 清除选区。

4. Space 键临时平移

按住空格键拖动可以临时平移画布视图查看细节,松开就回到原工具。