跳到主要内容

画布

Resprite 的画布不只是绘制区域,也是你检查像素细节、安排构图和对齐元素的主要工作区。本页介绍如何调整画布的显示方式,并利用网格、等距线和辅助网格提升创作效率。

画布视图与缩放

无论你是在检查单个像素,还是在观察整体构图,都可以通过手势、鼠标或触控板操作快速切换视角。桌面端与 Android 端还提供 缩放工具

当画面跑偏,或只是想让当前内容重新回到更容易观察的位置时,可以使用相关的居中操作。

如果你主要依赖触控操作,可继续参考 手势 页面。

网格线与像素网格

网格线可通过视图相关入口开启。在带视图菜单的界面上可直接切换;在触控操作场景下,也可以通过动作栏按钮或画布上方的网格面板控制。

/doc-imgs/grid-line.jpeg
网格线示例

网格的宽度、高度与偏移量属于当前作品自己的参数,通常可在画布上方的网格面板中直接调整;空间不足时,会收纳到参数对话框里。

偏好设置 ▸ 辅助网格(Assistant grids) 中可进一步配置:

  • 网格描边宽度
  • 颜色(支持透明度,方便设置柔和的辅助线)
  • 主网格/次网格显示
  • 双击选择网格单元
  • 起点吸附等网格相关偏好

当你需要检查 1x1 像素边界时,还可以开启 显示像素网格。像素网格会在放大到足够倍率后出现,适合检查边缘、对齐单像素细节,以及避免手滑画错格。

网格吸附与网格控制

启用网格吸附后,Resprite 会将笔触与形状工具的关键点对齐到当前网格,便于快速画出整齐的边界、建筑线与等距结构线。

/versions/r52/grid_snap.gif
网格吸附
/versions/r52/grid_snap_start_point_setting.png
网格吸附起点设置
/versions/r52/grid_snap_with_free_start_point.gif
自由起点网格吸附

当网格可见时,你还可以通过双击或双点网格单元格,快速选中该格对应的区域。

/versions/r52/double_click_select_grid_cell.gif
双击选择网格单元

为兼顾“细节对齐”和“整体分区”,可启用主网格/次网格显示,并根据需要为矩形网格或等距网格设置偏移量,使网格原点与素材更好对齐。

/versions/r52/major_minor_grid.png
主网格/次网格显示
/versions/r52/major_minor_grid_setting.png
主网格/次网格设置
/versions/r52/grid_offset_setting.png
网格偏移量设置

等距辅助线

等距网格同样可通过视图相关入口开启,帮助绘制等距视角作品。

/doc-imgs/iso-line.jpeg
等距参考线

等距网格的高度、偏移量与角度类型,通常在等距网格面板或相关参数对话框中调整。等距线会沿用网格颜色,便于与普通网格保持统一。

Resprite 现已支持多种 ISO 角度类型,以适应不同的等距像素画风格。

/versions/r46/iso_angle_types.png
ISO 角度类型
/versions/r46/iso_angle_setting_cn.png
ISO 角度设置

辅助网格

偏好设置 ▸ 辅助网格(Assistant grids) 中,可以集中配置透视网格与其他辅助线的相关偏好:

  • 可在这里调整透视网格的线宽、射线数量与颜色等显示参数。
  • 透视网格支持单点、双点、三点与鱼眼等类型;当前作品使用哪一种,可在画布上的透视网格面板中切换。
  • 做建筑、街景或室内透视草图时,可先用透视网格把大关系定准,并与普通网格、等距辅助线搭配使用。
  • 对透视网格或对称工具位置的调整支持撤销,便于反复试错。
/versions/r52/assistive_grid_setting_page.png
辅助网格设置页
/versions/r52/context_floating_menu_view.png
上下文浮动工具栏(网格/对称工具)

画布偏好设置

偏好设置 ▸ 画布 中可进一步微调与画布显示直接相关的项目,例如:

  • 显示像素网格 以及它出现时的放大倍数门槛
  • 背景棋盘格的颜色与方格尺寸,用来更清楚地区分透明区域

网格、透视与吸附相关偏好请使用 偏好设置 ▸ 辅助网格(Assistant grids);网格宽高、偏移量、等距高度与角度等当前作品参数,则在画布上的相关面板中直接调整。

/doc-imgs/canvas-setting.jpeg
画布偏好设置

调整画布尺寸

选择 菜单 ▸ 精灵 ▸ 画布尺寸,即可在不缩放现有像素的情况下修改宽高。预览会显示新画布与当前内容的对齐方式,便于精准填充或裁切。

如果你只是想增加留白、补边或裁边,应使用 画布尺寸;如果你想把整张作品连同内容一起放大或缩小,则应使用 精灵尺寸

现已支持交互式修改画布尺寸。

/versions/d28/interactive_canvas_resize.png
交互式修改画布尺寸

更多这类作用于所有帧与图层的全局操作,例如 精灵尺寸旋转/翻转画布裁剪到画布范围修剪四周,可继续阅读 创建与配置精灵。如需只变换局部区域,请参考 编辑

继续阅读

  • 手势:查看触控与手写笔的常用导航方式
  • 创建与配置精灵:了解精灵尺寸、裁剪与其他全局设置
  • 编辑:使用选区工具对局部内容进行调整