跳到主要内容

工具栏与常用工具

Resprite 的绘制体验由两部分组成:一部分是工具栏本身,另一部分是当前工具对应的选项。不同平台的布局方式不完全相同,建议先把工具栏摆到顺手的位置,再去熟悉常用工具。

工具栏与显示方式

iOS

  • 偏好设置 ▸ 工具栏 中,可以决定是否在顶部显示工具,以及是否在顶部显示工具选项。
  • 当屏幕空间足够时,可把工具栏和工具选项一起放到顶部,并调整它们的显示位置。
  • 不常用的工具也可以隐藏,让工具栏更紧凑。
/doc-imgs/toolbar-on-top.jpeg
iOS 顶部工具栏
iOS 工具栏布局切换
/new-medias/drawing/drawing-tools-ios-toolbar-settings.jpeg
iOS 工具栏设置

桌面端与 Android

  • 偏好设置 ▸ 工具栏 中,可将主工具栏放到左侧、右侧或顶部。
  • 当前工具的选项会显示在顶部工具选项栏中,并随着所选工具变化。
  • 可启用“聚合同类按钮”,把选择、填充、形状、滤镜、辅助工具等收成更短的工具栏。
  • 也可以按需隐藏不常用工具。iOS 和桌面端都支持隐藏工具,但可配置的范围并不完全相同。
/new-medias/drawing/drawing-tools-desktop-toolbar-settings.png
桌面端工具栏设置

动作栏补充

除了工具栏本体,动作栏还提供一些快捷入口,例如导出、重置对称中心等。它更适合放常用动作,但不替代完整工具栏。

核心绘制工具

铅笔

铅笔是最常用的绘制工具,足以覆盖大多数像素绘制流程。

铅笔工具演示

主要选项:

  • 笔刷形状:在方形与圆形笔尖之间切换。
  • 笔刷大小:在笔刷尺寸控件上左右或上下拖动即可调节大小。
  • 双击尺寸控件:在 iOS 上,可在 1 像素与上一次尺寸之间切换;桌面端双击会直接重置为 1 像素。
  • Blending:让半透明笔尖与底下像素按 Alpha 混合,适合画阴影或柔和过渡。
  • Pixel Perfect:避免直线末端出现不自然的 “L” 型台阶。
  • Alpha Lock:仅对已经存在的像素上色。
  • 抖动:开启后可左右滑动图案卡片选择纹理。

详见 抖动 章节,了解图案库与典型用法。

橡皮擦

橡皮擦与铅笔共享大部分选项,包括笔刷形状、笔刷大小、抖动、Alpha Lock 和 Pixel Perfect。需要保留纹理边缘或做局部镂空时,Alpha Lock 会很有用。

按住 Shift 可从上一次落笔终点继续拉出直线。

着色工具

着色工具会沿调色板顺序在相邻颜色之间穿梭,适合快速建立明暗层次。

着色工具演示
  • 方向:可在左右或上下方向之间切换,也可直接拖动选择四个方向。
  • 颜色范围:按当前色块和方向使用调色板中的相邻颜色。
  • 全调色板:改为遍历整套调色板,而不是只看当前色块附近的颜色。
  • 抖动:可为着色结果加入图案纹理。
  • Shift 直线:按住 Shift 可从上一次落笔终点继续绘制直线。
快速切换方向

如果你经常调整着色方向,可以结合快捷键,或在支持的手写笔设备上启用相关的双击切换设置。

选择工具

Resprite 在各平台上都提供矩形、椭圆、套索与魔棒选择工具,并支持 替换添加减去 三种模式叠加选区。

  • 替换 模式下,点击选区外即可清空选区。
  • 使用其他工具时,也可以在当前工具的选项区找到 取消选择
  • 状态栏会显示当前选区的宽 × 高,方便精确编辑。
  • 在 iOS R55+ 中,椭圆选区也已具备与矩形选区一致的替换 / 添加 / 减去流程,并支持正圆约束与从中心绘制。
  • 在桌面端 / Android 上,矩形选区和椭圆选区都支持 从中心绘制。开始新选区时按住 Shift 可临时锁定为正方形 / 正圆;若当前已经存在选区,则会临时切换到 添加 模式。
/doc-imgs/selection-size.jpeg
状态栏显示选区尺寸
/versions/d30/1.30.1/da_ellipse_selection_tool.png
椭圆选区与中心绘制

桌面端效率技巧:

  • 按住 Ctrl 并拖动,可复制当前选区内容。
  • 使用选择工具时按住 Shift,可临时切换到 添加 模式。
  • 如果已配置网格,Shift + 方向键 可按网格单位移动选区。
按住 Shift 临时切换到“添加”模式
Shift + 方向键按网格单位移动选区

如需继续对选区做自由变换、扭曲或缩放,请阅读 变换

取色工具

取色工具用于从画布采集颜色,常用选项包括:

  • 所有图层:从所有可见图层取样;关闭时只取当前图层。
  • 自动返回:取色后自动切回上一个绘制工具。
  • 调色板同步:如果调色板中已有相同色块,会同步选中。

平时也可以直接长按画布,临时调用取色动作,而不必切换到取色工具。

在 iOS R55+ 中,从画布或参考图取色时还可显示取色放大镜。它会同时给出放大的像素预览、当前位置准星以及新旧颜色对比环,让你在松手前更容易确认是否取中了目标颜色。

/versions/r55/ios_eyedropper_louge.gif
iOS 取色放大镜

在 macOS 和 Windows 桌面端,还可以通过颜色详情面板中的 屏幕取色 按钮,从整个屏幕中吸取颜色,包括其他应用窗口或参考素材。

/new-medias/drawing/drawing-tools-desktop-screen-pick-entry.png
桌面端屏幕取色入口

填充工具

填充工具可将当前区域填为当前笔色、调色板颜色或抖动图案。

  • 连续区域:限制在连通像素内填充。
  • 容差:允许相近颜色一并填充。
  • 忽略颜色:将目标颜色视作透明,从而填满整个选区或图层。
  • 抖动:为填充结果加入图案。
  • 平铺模式(Tiled Mode):按平铺逻辑填充,并优先遵循当前选区范围。
使用抖动填充
/versions/d29/tiled_mode.gif
平铺模式(Tiled Mode)下的填充效果
全图替换

关闭“连续区域”后,填充会在整层内替换目标颜色。

形状与效果工具

移动工具

移动工具用于平移当前单元格里的内容,也可以跨帧、跨图层整体偏移。

  • 所有帧:应用到时间轴上的每一帧。
  • 所有图层:应用到所有图层;如果当前图层是组,其子层也会一起移动。

渐变工具

渐变工具可创建线性或径向渐变,并支持抖动阶梯。

/doc-imgs/gradient-tool.jpeg
渐变工具选项
  • 仅连通区域:与填充工具的连续选项一致。
  • 容差:扩展渐变范围,包含相似颜色。
  • 渐变类型:在线性与放射状之间切换。
  • 起止颜色:设置起点与终点颜色,并可直接互换。
  • 抖动模式:支持 2×24×48×8 抖动阶梯;关闭时则输出 RGB 渐变。
渐变工具教程

形状工具

形状工具包含线段、曲线、矩形、椭圆和轮廓(Contour)等子工具。

形状工具示例

共享选项:

  • 笔刷形状与尺寸:控制轮廓粗细。
  • 填充:为矩形、椭圆等闭合图形填充内部。
  • 抖动模式:为轮廓或填充加入图案。
  • 从中心绘制:让矩形和圆形从中心向外展开。
  • 角度吸附:绘制直线时按住 Shift,可约束到固定角度。
  • ISO 吸附:提供更适合等距像素画的角度预设,并支持更多“台阶节奏”变体。
/versions/r48/from_center_cn.png
从中心绘制
按住 Shift 绘制直线
直线角度吸附新增更多等距角度变体
轮廓工具演示

模糊、喷枪与搅动

  • 模糊工具:将笔迹范围内的像素替换为周围 3 × 3 邻域的平均值。启用 Alpha Lock 可避免颜色向透明区域扩散。
  • 喷枪工具:在笔尖半径内散布像素,适合做颗粒感、柔和喷涂和局部噪点。
  • 搅动工具(Jumble):随机移动笔下像素,适合打散重复纹理或制造毛边感。

这三类工具都适合拿来做纹理和局部效果;其中模糊、喷枪和搅动都支持从上一次落笔终点继续拉出直线。

/doc-imgs/spray-tool.jpeg
喷枪工具参数
喷枪工具演示
/doc-imgs/jumble-tool.png
搅动后的发丝高光

桌面端 / Android 辅助工具
DA version only

桌面端和 Android 还提供一组更偏导航与定位的辅助工具:

  • 图层选择工具:在画布中点选内容时,自动定位到时间轴中的对应图层。
  • 抓手工具(Hand):直接拖动画布。桌面端通常也会配合空格键临时切换使用。
  • 缩放工具(Zoom):更直接地控制画布缩放;在桌面端尤其适合数位板和鼠标工作流。

iOS 没有独立的 HandZoom图层选择 工具图标,但其中一部分行为可以通过触控手势或快捷输入来完成。

/new-medias/drawing/drawing-tools-desktop-other-tools.png
桌面端辅助工具

继续阅读