SVG——新一代Web设计及互动媒体的革新

SVG编辑器软件:Inkscape形状教程 - Inkscape中绘制SVG星形

文章索引
SVG编辑器软件:Inkscape形状教程
Inkscape中绘制SVG矩形
Inkscape中绘制SVG椭圆、SVG路径分割与绘制SVG弧线
Inkscape中绘制SVG星形
Inkscape中绘制SVG螺旋线
所有页面

5 绘制SVG星形

  星形是Inkscape中最复杂,最吸引人的形状。如果你想用Inkscape让你的朋友们眼前一亮(Wow!),只需要给他们展示一下星形工具。它简直是乐趣无穷。

  星形工具可以创建两种类似但看起来差别很大的形状:星形和多边形。星形有两个控制柄,决定星形角的长度和形状;多边形只有一个控制柄,拖动时控制旋转和缩放:


  在星形工具的控制栏中,第一项是一个选择框,可以将星形转为对应的多边形或者相反。第二项是一个数字框,设置星形或多边形的顶点个数,这个参数只能在这里设置,数值范围为3-1024。如果你的电脑性能不高,最好不要设置过大的数值(超过200)。

  当绘制一个新的星形或多边形时,

  • Ctrl使得其旋转角度为15度的整数倍。

  一般来说,星形看起来更吸引人(实际上多边形更实用)。星形的两个控制柄的差异略有不同。第一个初始位置在角的顶端,控制角的长短,但相对于星形的中心旋转时,另一个控制柄也跟着旋转。也就是说,这个控制柄不能让星形的角倾斜。

  另外一个控制柄,初始位置在两个角中间的底端,可以沿半径或圆周方向任意移动,而不影响角顶端的控制柄(实际上,它的位置可以超过现有角的顶点而产生新的角)。这个控制柄可以使星形的角倾斜,获得晶体、雪花、 曼荼罗以及porcupines等各种形状。



  如果你要的只是一个规则的星形,不需要这些装饰性的工艺,你可以抑制倾斜控制柄的倾斜功能:

  • Ctrl拖动时可以让星的角保持半径方向(不产生倾斜)。
  • Ctrl+单击取消倾斜,不用拖动鼠标。

  作为在画布上拖动控制柄的一种补充方法,控制栏中的轮辐比Spoke ratio可以指定两种控制柄相对于中心距离的比值。

  Inkscape兜里还有两个小绝技。从几何上来数,多边形是由直边和锐角组成,但现实中,会出现各种各样的边和圆角,这在Inkscape中也可以实现。倒圆星形和多边形与矩形略有不同,并没有专门的控制柄。但是,
  • Shift+拖动切向拖动控制柄来倒圆星形或多边形。
  • Shift+点击控制柄来取消圆角。
  “切向”表示垂直于指向中心的半径的方向。如果沿逆时针方向拖动,得到正圆角,顺时针方向拖动,则得到负圆角。(看下面图中负圆角的例子。)

  这里比较一下由矩形工具产生的圆角正方形和由星形工具产生的圆角正四边形:



  可以看到,圆角矩形由边和圆角构成,而圆角多边形和星形则没有边,从角的顶点圆滑过渡到底端的点。Inkscape通过在各个顶点产生切线方向一致的Besizer曲线来平滑星形(正多边形)。(将其转为路径后,用节点工具可以看出来。)

  控制栏中的圆角Rounded参数是切线相对于多边形/星形的边的长度的比例。为负值时改变切线的方向。其值介于0.2-0.4时是一个“正常”的圆角,其它值将会产生复杂、优美的图案。对于星形,圆角数值过大时曲线沿控制柄延伸很远。下面的例子给出了一些数值对应的图案:



  如果希望星形的角上尖锐而底部平滑或相反,可以通过对星形做 偏移offset (Ctrl+J)来实现:



  Shift+drag拖动控制柄是是调节圆角的最精细的方法之一,可以处理得很好。

  为了模仿真实的形状,Inkscape可以对星形和多边形做随机化randomize处理。轻微的随机使形状的规则性下降,更随意,更有趣;而更强的随机则可以产生无法预测的“疯狂”效果。 具有圆角的星形随机化后仍然保持圆角。其中的一些技巧:
  • Alt+drag切向拖动控制柄,产生随机效果。
  • Alt+click取消随机效果。
  当绘制或拖动控制柄随机化星形时,形状会“抖动”,因为控制柄的每个位置都对应一种唯一的随机化效果。不使用Alt,仅移动控制柄,则在当前的随机化水平上重新产生一种随机化效果,使用Alt,拖动控制柄时,保持当前的随机化效果,仅改变随机化的程度。下面的星形具有相同的参数,仅略微移动控制柄,具有不同的随机化效果(随机化程度0.1)。



  下面是上图中中间的星形,但随机化程度介于-0.2到0.2:



  Alt+drag拖动该行中间星形的控制柄,可以看到它可以变形成为两边的形状。

  在你自己的工作中,你将会发现随机化星形具有的各种用途,但我个人尤其喜欢这种像变形虫和凸凹不平的星球表面一样充满幻想的图案:




 

将要更新