渐变

要为形状添加渐变,首先选中它,然后点击填充按钮,此时颜色工具会显示在属性检查器上。要学习颜色的使用方式,你可以先阅读此章节。在色彩面板的顶部,你可以选择填充颜色,渐变,图案,还是杂色。

 

可使用的渐变类型有线性渐变,径向渐变及圆形渐变,它们的工作方式基本相同。

如果选择了线性渐变,你会在图层上发现被两个点连起来的一条线。线上的每个点代表渐变过度的端点,它们中间的部分会用平滑的部分展示这两种颜色的渐变。

要改变某个端点的颜色,点击画板上的这个点,你会发现右侧的属性检查器中的色彩面板。此时你可以在色彩面板重新选择颜色,结果会即时呈现在图形中。

要在两点之间添加新的渐变端点,只需在渐变线段中单击鼠标即可。你可以在开始端点和结束端点之间移动这个新的端点,来决定渐变的平滑度。当然,你也可以移动起点和中点的位置来改变渐变的方向。

要删除某个颜色端点,只需在画布上选中他,然后使用键盘上的Delete或者Backspace即可。

 

径向渐变

如果选择径向渐变,那么渐变线上的第一个点就是渐变的中心点,最后一个点决定了渐变的范围。

你会发现渐变区域外围有另一个点,通过拖动此点,你可以把圆形渐变改为椭圆形。

 

圆形渐变

圆形渐变以图层的中心点为基准按顺时针渐变。单击色彩渐变线,你便可以在渐变线中增加色彩端点。使用方式与线性渐变一样。

 

渐变条

在Sketch3的属性检查器中增加了一种传统样式的渐变编辑条。你可以轻松看到渐变从左到右的每一个颜色节点和它们之间的变化效果。

 

快捷键

Sketch3中新增了添加渐变色彩点的快捷键。你可以通过按下数字键1-9,在渐变线长度的10%-90%位置添加渐变节点。所以,如果你按下数字键 5 ,则会在两个端点的中心位置添加一个渐变颜色点。

你也可以按 = 键在两个渐变节点中间添加一个新的颜色节点。

使用Tab键可以快速在不同的渐变节点之间切换。使用方向键移动渐变范围,同时可以按住Shift键扩大渐变范围。

 

描边的渐变

Sketch同样可以在描边上执行渐变效果,工作方式与渐变填充一致。只需要点击描边的颜色选择器,然后重复上文所描述的操作即可。