Sketch高级文字蒙版操作详解

用图像填充文本是遮罩文本的最快和最简单的方法,但是它不允许控制遮罩中使用图像的哪一部分。
本文将逐步介绍两种高级文字蒙版方法,它们允许完全控制文本蒙版,同时仍然允许文本可编辑。

  • 组合形状,为蒙版创建一个单独的形状,但必须分组才能更改图像。
  • 伪蒙版,最灵活的是,将文本视为形状,并在上下文菜单中启用蒙版选项。
这些技术不依赖于将文本转换为轮廓或混合颜色,这允许它们在任何情况中使用。
组合形状这个方法将允许我们精确地选择图像的哪一部分将在文本蒙版中使用。文本和图像不能直接组合,但文本和形状可以。因此,使用intercept选项,我们将把一个充满图像的形状与文本组合起来。
【Sketch高级文字蒙版操作详解】步骤
  • 选中矩形后,在检查器中单击填充颜色。
  • 单击模式填充(Pattern Fill)图标并选择图像(Choose Image)以填充图像。
Sketch高级文字蒙版操作详解

文章图片
  • 在将出现在遮罩中的图像部分上添加文本层。
  • 选择矩形和文本,然后从工具栏点击相交(Intersect )或层菜单>合并>相交(Layer menu > Combine > Intersect)。
Sketch高级文字蒙版操作详解

文章图片
图像和矩形现在合并,矩形的图像填充已移动到组合形状的填充。
修改文本
即使创建了组合形状,文本也可以修改,双击合并后的形状将显示其中的文本层。
Sketch高级文字蒙版操作详解

文章图片
提示
  • 如果更新的文本比图像宽,则需要手动调整图像的大小来填充文本。否则,部分文本将是透明的。
  • 若要更改图像或掩蔽位置,请将组合形状解组,并在更新后重新组合。
伪蒙版当我第一次开始使用sketch时,我试图通过右键点击文本图层并选择蒙版来遮罩文本,就像一个形状。不幸的是,此选项在上下文菜单中被禁用。因此,我们将通过将文本与隐藏矩形组合来将其作为形状来实现。
步骤
  • 创建一个文本层和一个矩形。
  • 隐藏矩形。
  • 组合文本层和隐藏矩形,可以从工具栏或从层菜单>组合>并集(Layer menu > Combine > Union)选择Union操作。
Sketch高级文字蒙版操作详解

文章图片
文本现在被视为一个形状,遮罩选项现在可以从上下文菜单中获得,并将遮罩它上面的任何层。
  • 在文本层上面添加一个图像。
  • 右键点击合并形状图层(Combined Shape),选择蒙版Mask。
Sketch高级文字蒙版操作详解

文章图片
不像第一种方法,图像可以很容易地移动,因为它不是在组合形状,使它非常容易精确地把图像放在文本蒙版。
Sketch高级文字蒙版操作详解

文章图片
修改文本
若要轻松编辑组合形状中的文本,请锁定其上方的图像层。双击合并后的形状将显示其中的文本层。
Sketch高级文字蒙版操作详解

文章图片
提示
就像使用形状作为蒙版时,文本会掩盖它上面的所有内容。可以通过对文本和图像进行分组,或者选择忽略不应该在蒙版中的层上的底层蒙版来防止这种情况。
通过使用这两种方法,你可以创建可以在任何情况下工作的文本蒙版,易于更新,并允许对文本蒙版中图像的哪一部分进行粒度控制。

    推荐阅读