第 1 级 · 入门

绘制形状:矩形、椭圆、星形与直线

形状是让画布上最快出现实际内容的方式。Rayzia 把形状工具收在工具栏的两个槽位里,你画的每个形状都会保留自己的参数,方便日后随时修改。本课涵盖这两个槽位、它们的选项栏,以及『参数化』能给你带来什么。

形状槽位与线条槽位

左侧的工具栏并不是把所有工具平铺出来的清单。相关工具被折叠进 槽位,槽位的角上会有一个小三角。点击三角打开弹出组,选择其中一个成员,该成员就会占据这个槽位,直到你换选别的。你的选择会按槽位记在你的设备上。

有两个槽位涵盖形状:

  • 形状槽位 (默认是矩形):矩形、椭圆、星形、光晕。
  • 线条槽位 (默认是直线):直线、弧线、螺旋线、矩形网格、极坐标网格。
按键作用
R矩形
C椭圆
L直线
I螺旋线
V选择工具

星形、光晕、弧线和两种网格没有键盘快捷键,请从弹出组中选取。如果星形的提示框显示了某个按键,请忽略它;那个标签是根据工具的声明生成的,实际并没有绑定任何处理程序。

由于槽位会记住你上一次的选择,千万别把工具当成『第五个图标』来记。如果你上次画的是星形,形状槽位显示的就是星形。按下 R 仍会激活矩形,并把它拉回槽位。

画出你的第一个矩形

  1. 按 R 形状槽位切换为矩形。不管槽位当前显示的是哪个成员,这都有效。
  2. 在画布上拖动 按下、拖动、松开。你得到的是一个真正的 SVG ,而不是它的图片。整个文档从头到尾都是 SVG。
  3. 按 V 调整 选择工具会显示选择框。在框内拖动可移动,拖动手柄可缩放或旋转。

椭圆的用法相同,按 C。直线的用法也相同,按 L,只是直线工具还响应单次点按:它会按选项栏中当前设置的长度和角度放置一条直线。

选项栏先设定下一个形状,再编辑刚画的那个

这些工具各自带有一个选项栏,其中的数值是 下一个 要画的形状的默认值。请在拖动之前设置好。

  • 矩形:W、H、RX、RY 和单位(px、pt、mm、cm、in)。RX 和 RY 是圆角半径,默认为 0。
  • 椭圆:Rx、Ry、单位、起始与结束角度(0 到 360),以及三种弧类型:扇形、弧形、弦形。默认是扇形。
  • 星形:多边形/星形模式切换,外加角数(2 到 1000,默认 5)、辐条比例(0 到 1,默认 0.5)、圆角化与随机化。
  • 螺旋线:圈数(默认 3)、发散度(默认 1)和内半径(默认 0)。
  • 直线:描边宽度、长度、角度和单位。

一旦你画完一个矩形、椭圆、星形或螺旋线,选项栏就会切换为该形状的编辑栏,并绑定到这个实时形状上。在那里修改数值,画布上的形状会随之变化。点按空白处即可回到绘制状态。

提示:椭圆栏控制弧形和饼图切片的起始/结束角度;星形栏控制角数、圆角和随机度。放心去玩——撤销随时能把你带回来。

弧线、螺旋线与网格

线条槽位的其余成员也值得了解,因为这些形状手工搭建起来非常繁琐。

  • 弧线 拖出一段开放的四分之一椭圆弧。
  • 螺旋线 绘制一条参数化螺旋线,为开放的、仅描边的路径。
  • 矩形网格 拖出一个由行乘列线条组成的网格。
  • 极坐标网格 拖出同心圆环加放射状辐条。

两种网格生成的都是一条复合路径,而不是一堆独立线条。这让图层列表保持整洁,但也意味着你无法用选择工具选中网格中的单独一条线。

形状保持可编辑

Rayzia 中的星形不是一个凝固的轮廓。它的角数和半径存放在元素自身的属性里,所以星形编辑栏可以在你修改数值时随时重建它。螺旋线对圈数、发散度和内半径也是如此。矩形和椭圆是货真价实的 元素,这就是为什么它们的宽、高和半径永远都能继续调整。

当你想移动单个锚点时,按 F2 打开节点编辑器。它会读取元素类型并给你对应的编辑器:矩形有矩形手柄,路径有锚点和贝塞尔控制柄,椭圆有半径手柄。

常见问题

为什么我的形状槽位显示的是星形而不是矩形?

因为你上一次从该槽位的弹出组里选的是星形,而选择会按槽位记在你的设备上。按 R,槽位就会回到矩形。

星形的提示框显示了键盘快捷键,为什么按了没反应?

那个提示框是根据工具声明的快捷键字符串生成的,但星形从未绑定过任何按键处理程序。宽度工具的提示框也是同样情况。这两个工具请都从弹出组中选取。这是我们这边的 bug,不是你的问题。

画完矩形后还能修改它的圆角半径吗?

可以。绘制栏中的 RX 和 RY 作用于下一个矩形,但画完之后,选项栏会切换为绑定到你刚画的矩形的编辑栏。在那里修改 RX 和 RY 即可。

能把网格拆成独立的线条吗?

网格工具本身做不到。两种网格都以单条复合路径的形式生成。如果你需要独立的线段,请改用直线绘制,或用橡皮擦槽位中的剪刀工具剪断路径。