用图像填充文本是遮罩文本的最快和最简单的方法,但是它不允许控制遮罩中使用图像的哪一部分。
本文将逐步介绍两种高级文字蒙版方法,它们允许完全控制文本蒙版,同时仍然允许文本可编辑。
- 组合形状,为蒙版创建一个单独的形状,但必须分组才能更改图像。
- 伪蒙版,最灵活的是,将文本视为形状,并在上下文菜单中启用蒙版选项。
组合形状这个方法将允许我们精确地选择图像的哪一部分将在文本蒙版中使用。文本和图像不能直接组合,但文本和形状可以。因此,使用intercept选项,我们将把一个充满图像的形状与文本组合起来。
【Sketch高级文字蒙版操作详解】步骤
- 选中矩形后,在检查器中单击填充颜色。
- 单击模式填充(Pattern Fill)图标并选择图像(Choose Image)以填充图像。
文章图片
- 在将出现在遮罩中的图像部分上添加文本层。
- 选择矩形和文本,然后从工具栏点击相交(Intersect )或层菜单>合并>相交(Layer menu > Combine > Intersect)。
文章图片
图像和矩形现在合并,矩形的图像填充已移动到组合形状的填充。
修改文本
即使创建了组合形状,文本也可以修改,双击合并后的形状将显示其中的文本层。
文章图片
提示
- 如果更新的文本比图像宽,则需要手动调整图像的大小来填充文本。否则,部分文本将是透明的。
- 若要更改图像或掩蔽位置,请将组合形状解组,并在更新后重新组合。
步骤
- 创建一个文本层和一个矩形。
- 隐藏矩形。
- 组合文本层和隐藏矩形,可以从工具栏或从层菜单>组合>并集(Layer menu > Combine > Union)选择Union操作。
文章图片
文本现在被视为一个形状,遮罩选项现在可以从上下文菜单中获得,并将遮罩它上面的任何层。
- 在文本层上面添加一个图像。
- 右键点击合并形状图层(Combined Shape),选择蒙版Mask。
文章图片
不像第一种方法,图像可以很容易地移动,因为它不是在组合形状,使它非常容易精确地把图像放在文本蒙版。
文章图片
修改文本
若要轻松编辑组合形状中的文本,请锁定其上方的图像层。双击合并后的形状将显示其中的文本层。
文章图片
提示
就像使用形状作为蒙版时,文本会掩盖它上面的所有内容。可以通过对文本和图像进行分组,或者选择忽略不应该在蒙版中的层上的底层蒙版来防止这种情况。
通过使用这两种方法,你可以创建可以在任何情况下工作的文本蒙版,易于更新,并允许对文本蒙版中图像的哪一部分进行粒度控制。
推荐阅读
- Photoshop中智能对象的基础知识
- Sketch Symbol符号工具用法详解
- 测试横屏app用户界面
- 色彩空间配置和用法介绍 – 色彩管理
- 色域、颜色精度、灰度系数和颜色空间转换 – 色彩管理
- 色彩空间基本概念 – 色彩管理
- sketch toolbox(常用插件合集 – Sketch入门UI设计教程)
- sketch使用渐变(线性和径向渐变 – Sketch入门UI设计教程)
- sketch符号和导出画板 – Sketch入门UI设计教程