文本属性设置
快捷键T,插入文字,可以在右侧的属性栏对其进行基本的参数调整。
![](https://img.haomeiwen.com/i10009023/cdbd1f6d1c9b0c1c.png)
1、对字体、字号、字重、颜色的设置;
2、对字间距、行间距、段落间距的设置;
3、字符的对齐方式、字符框的大小设置;
4、字符的修饰、字符大小写的变换;
如果属性栏的字体名称显示不完整,也可以在顶部工具栏中加入【字体】图标,打开字体选项卡从中选择。
![](https://img.haomeiwen.com/i10009023/49d7bc54ca0e9a62.png)
文本转路径
如果想对文本做些艺术化处理,需要先将文本转化为路径,操作如下:
![](https://img.haomeiwen.com/i10009023/2d892dc5058ac432.png)
从菜单中选择图层-轮廓化:
![](https://img.haomeiwen.com/i10009023/5737dd1e36c6d020.png)
文本转换成了路径。
![](https://img.haomeiwen.com/i10009023/d0b5877a270116b9.png)
此时,我们可以对文字路径进行随意改变。
![](https://img.haomeiwen.com/i10009023/3fe92dbd5b83c19b.png)
文本附着于路径
下图是一段文字和一个曲线路径
![](https://img.haomeiwen.com/i10009023/b69bbba137c5f275.png)
如何让文字沿路径显示呢?
选中文字,从菜单选择字符-路径文字,确保图层中文字在路径的上层才可生效。
![](https://img.haomeiwen.com/i10009023/d641259902a0b478.png)
然后将文字拖动到曲线路径上看看效果:
![](https://img.haomeiwen.com/i10009023/63a067c0e1b178d4.png)
文本样式
在sketch中会经常用到文本,而这些文本用在同类的位置设置统一的规范,才能确保整个系统的一致性。
比如APP中的标题、正文、标注等文字都应有规范的文本样式。
置入文本,在右侧属性面板找到【字符】,根据标题的规范,为它设置对应的参数。
![](https://img.haomeiwen.com/i10009023/0e278f5e91b554c9.png)
以上标题的文本参数设置好了,那如果在另一个地方需要再次用到标题,难道我们又要重复设置这些参数吗?答案当然是:不
此时,我们只需要选中文本,然后在属性面板找到【外观】,点击创建输入文本样式的名称,即可在样式列表增加一个文本样式。以后我们再置入文字时,就可以选择这些文本样式快速设置文本样式了。
![](https://img.haomeiwen.com/i10009023/e6b7c7f91ddbc7c8.png)
同样,我们可以再创建些正文和标注的文本样式进入列表。
![](https://img.haomeiwen.com/i10009023/5e4928b655bfa61c.png)
如何重命名和删除这些文本样式呢,在左侧的图层栏,组件列表下,点击文本,就可以看到所有文本样式了,选中某一个点击右键即可完成所需操作。
![](https://img.haomeiwen.com/i10009023/546d5b4b3e3db371.png)
下图有两处文章,我们想把标注的字体颜色改成浅蓝,那么我们先把其中一组的标注改好。
![](https://img.haomeiwen.com/i10009023/f92f7151af0c3642.png)
然后点击右侧属性面板,外观那里的更新图标,则有相同样式的文本都会被一并修改。
![](https://img.haomeiwen.com/i10009023/296d4214f2fd07b3.png)
网友评论