当前位置: 首页 > 文档资料 > Sketch 2 中文手册 >

3.3 文字

优质
小牛编辑
128浏览
2023-12-01

Sketch使用Mac OS原生的字体渲染,也正因为这样,文字看起来非常卓越。使用原生字体渲染的优势是,当你在做一个网站设计的时候,你可以确定它们看起来精确无误。Sketch还支持文字样式,因此你可以在多个文字图层上使用同样的字体、字号、字间距等。

添加文字

你可以点击工具条里的“文字(Text)”图标添加文字。这时鼠标指针变为文字光标,你可以点击画布上的任何地方,在该处添加文字。你可以看到新添了一些文字并处于选中状态,可以马上开始打字。

你还可以点击并拖动鼠标,创建一个固定大小的文字框(Text Box),如果输入的文字超过了文字框的大小,固定(Fixed)文字框会向下方伸展,与之相对,弹性(Flexible)文字框会向左右伸展来容纳更多文字。

文字检查器

你还会观察到,检查器已经变成一个可供选择字体、字号等选项的选择器。注意在默认情况下,字体选择列表中会显示字体预览,如果不喜欢这种方式,你可以在首选项中将其关闭。

同样你可以改变字间距,也可以改变文字的行间距。在没有对文字进行整体填充的情况下,你可以在文字检查器中改变个别文字的颜色。其他的文字设置,例如转换为大写、小写字母,可以在菜单栏的“格式(Format)”下找到。

文字样式

字体检查器的最后一项是文字的样式列表。默认这里没有预置的样式定义,如果你在这里增加了样式定义,当前的文字图层就会成为新样式的原型。稍后如果增加了新的文字图层,并且应用了同样的样式,则新图层的样式会与第一个图层的样式匹配。

依附路径

Sketch支持沿着路径对文本进行渲染,如下图所示:

要实现这样的效果,我们先选中两个对象:一个矢量形状和一个文字图层,然后在“编辑(Edit)”菜单中打开“文字依附路径(Text on Path)”选项,Sketch会将文字图层中的文字依附到它下面的矢量图层的路径上。需要注意的是,只有文字图层在形状图层上面的时候才起作用,如果文字图层在形状图层的下面,请先改变图层顺序。

要在矢量形状上定位文字的精确位置,只要沿着形状水平拖动文字就可以了。写成文字可能比较复杂,但操作起来会非常直观。

通过菜单“编辑(Edit) > 转换文字为轮廓(Convert Text to Outlines)”命令,可以将文字转换成矢量形状。然后就可以借助用于常规矢量形状的工具对文字进行编辑。要了解更多信息可参见形状章节。