Tutorial
工具栏使用指南
左侧的工具栏是 Pixel World Canvas 的核心区域,这里集中了所有你需要用到的绘图工具。
工具栏使用指南
左侧的工具栏是 Pixel World Canvas 的核心区域,这里集中了所有你需要用到的绘图工具。
📍 工具栏在哪里?
工具栏位于画布左侧,垂直排列了一系列图标按钮,最下方是前景/背景色切换器。
┌──────────┐
│ ✏️ │ ← 画笔 (Q)
│ 💧 │ ← 取色 (W)
│ 🧽 │ ← 橡皮擦 (E)
│ 🪣 │ ← 填充 (R)
│ ✋ │ ← 移动 (Y)
│ ▱ │ ← 选取 (A)
│ 🔄 │ ← 变换 (S)
│ 🎨 │ ← 滤镜 (D)
│ ✂️ │ ← 裁剪 (C)
│ ⬭ │ ← 形状 (F)
│ 📝 │ ← 文字 (T)
├──────────┤
│ ↕️ │ ← 前景/背景色切换
└──────────┘
🔑 三种切换工具子模式的方式
很多工具有不同的"子模式"(比如橡皮擦的标准/魔术)。带子菜单的工具按钮右下角有一个小三角标记,你可以用三种方式切换子模式:
- 右击工具按钮 → 弹出子选项菜单,点击选择。
- 顶部工具选项栏 → 选中工具后,画布上方会出现该工具的选项栏,直接点击切换。
- 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)
裁剪画布,去掉不需要的边缘部分。
两种模式:
| 模式 | 说明 |
|---|---|
| 手动裁剪 | 在画布上拖动调整裁剪框 |
| 自动裁剪 | 自动去掉四周的空白边缘 |
操作方法:
- 按 C 选择裁剪工具(默认进入手动裁剪)
- 在画布上拖动调整裁剪区域
- 按 Enter 确认裁剪
- 按 Esc 取消裁剪
⬭ 形状工具(F)
绘制各种几何形状。
可选形状(右击菜单或选项栏选择):
| 形状 | 说明 |
|---|---|
| 圆形 | 绘制圆形 |
| 矩形 | 绘制矩形 |
| 正方形 | 绘制正方形(长宽自动相等) |
| 三角形 | 绘制三角形 |
| 直线 | 绘制直线 |
填充 / 空心: 选项栏可切换"填充"与"空心"模式。空心模式下还能调整描边粗细(1–8)。
小技巧: 按 Alt+F 可以循环切换不同形状。
📝 文字工具(T)
在画布上添加文字。
使用方法:
- 按 T 选择文字工具
- 在画布上点击要放置文字的位置
- 输入文字内容,并在选项栏选择字体、字号、对齐、加粗/斜体
- 文字会以独立的文字图层形式添加
文字图层不能与其他图层合并。
🎨 前景色 / 背景色切换器
工具栏底部有一组叠放的颜色块:前面是前景色,后面是背景色。
| 操作 | 效果 |
|---|---|
| 点击前景色 / 背景色块 | 把当前选中的颜色应用为前景色 / 背景色 |
| 右击前景色 / 背景色块 | 把调色板中当前选中的颜色设置为该色块 |
| 点击中间的 ⇆ 图标 | 交换前景色和背景色 |
| 点击右上角 ↺ 图标 | 重置为默认颜色(黑/白) |
快捷键: 按 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 键临时平移
按住空格键拖动可以临时平移画布视图查看细节,松开就回到原工具。