做头像时，圆形已经画好，照片却还露在外面；调整卡片配图时，拖一下图片，整个卡片也跟着移动了。这些问题看着相似，实际涉及的图层关系可能不同。Sketch怎么创建剪切蒙版Sketch剪切蒙版不生效怎么办，可以拿一张图片和一个形状来理解。裁切范围由形状决定，图片仍保留完整内容，两者摆放正确，后续换图、移动主体和修改尺寸才不会互相干扰。

　　一、Sketch怎么创建剪切蒙版

　　先从圆形头像做起。暂时不加文字和装饰，只保留图片与圆形，方便看清楚蒙版到底控制了什么。

　　1、把图片和形状准备好

　　圆形不必一次画到合适的位置，后面还能调整。准备阶段先保证图片足够覆盖圆形，避免裁切后出现空缺。

　　①把图片文件拖进【画布】，选中图片，按【Command＋R】，将图层命名为【头像照片】。

　　②按【O】使用椭圆工具，按住【Shift】拖出正圆，将形状图层命名为【头像边界】。

　　③在【画布】中移动【头像边界】，让圆形落在照片准备保留的区域内。

　　2、指定圆形作为蒙版

　　①在【图层列表】中，将【头像照片】拖到【头像边界】上方，保持两个图层处于同一层级。

　　②单独选中【头像边界】，按【Control＋Command＋M】，把圆形设为蒙版。

　　图片位于圆形范围以外的部分应被隐藏。这里要选中圆形再执行快捷键，误选照片会改变承担蒙版作用的对象。图层列表里，被裁切内容旁的作用标记也能帮助判断关系是否已经建立。

　　3、编组后调整照片构图

　　①按住【Shift】选中【头像照片】和【头像边界】，按【Command＋G】编组，将组命名为【头像裁切】。

　　②展开【头像裁切】，在【图层列表】中单独选中【头像照片】。

　　③拖动照片，把人物面部移到合适的位置，再调整【头像照片】的尺寸，使照片覆盖圆形区域。

　　④按【Command＋S】保存文档。

　　只改照片构图时，圆形应留在原处。如果拖动后圆形也一起移动，可以看看当前选中的是否是整个组。照片缩小后若露出空白，适当放大照片即可，不必重新制作蒙版。

　　二、Sketch剪切蒙版不生效怎么办

　　遇到异常，先保留现有图片和形状。没有裁切与裁切后消失是两种表现，分别检查会比反复切换蒙版状态更清楚。

　　1、照片没有裁切，或只有部分内容受影响

　　①展开【头像裁切】，确认【头像照片】在【头像边界】上方，两者的图层缩进一致。

　　②选中【头像边界】，进入【图层】→【蒙版】，检查【用作蒙版】是否启用，未启用时点击该项。

　　③选中没有被裁切的图片图层，在【图层】→【蒙版】中检查【忽略底层蒙版】，取消不需要的勾选。

　　④继续检查图片与蒙版之间的同级图层，取消其中不需要的【忽略底层蒙版】设置。

　　画布上圆形盖住照片，并不代表蒙版关系已经成立。另一个容易漏掉的地方是中间图层：忽略底层蒙版会打断作用关系，还可能使同级上方的其他图层一同脱离裁切，问题未必出在照片本身。

　　2、照片消失，或透明效果不对

　　轮廓蒙版只按形状范围裁切，Alpha蒙版还会读取透明度。想做边缘清楚的头像，可以先用轮廓模式把基本关系确认下来。

　　①在【图层列表】中分别选中【头像照片】和【头像边界】，各按一次【Command＋2】，确认两者在画布上的位置。

　　②移动【头像照片】或【头像边界】，让照片与圆形重新重叠，并检查两层是否处于可见状态。

　　③选中【头像边界】，进入【图层】→【蒙版】→【蒙版模式】，选择【轮廓蒙版】。

　　④需要渐隐时再切换为【Alpha蒙版】，检查【填充】中渐变色标的不透明度，同时核对照片自身的【不透明度】。

　　三、Sketch剪切蒙版做好后怎样继续修改

　　裁切完成只是开始。后面加角标、调整边界或复制组件时，选中对象和分组范围仍会影响结果，图层名称也应保留明确含义。

　　1、圆形看不见时，先确认裁切是否正常

　　①在【头像裁切】中选中【头像边界】，查看形状的选中轮廓。

　　②确认当前使用【轮廓蒙版】，再在右侧检查器中关闭【填充】，观察照片的裁切边界。

　　轮廓蒙版没有可见填充时，仍然可以裁切上方内容。形状颜色消失与蒙版失效不能混为一谈。照片按圆形显示时，不用为了让圆形重新出现，又画一层形状覆盖照片。

　　2、加文字和角标时避开裁切范围

　　标题或角标被切掉，经常是因为新图层进入了蒙版组。装饰内容与照片分开摆放，修改时更省事。

　　①展开【头像裁切】，找到不需要跟随照片裁切的文字、边框或角标图层。

　　②将这些图层拖到【头像裁切】外，确认它们不再作为该组的子图层显示。

　　③选中【头像裁切】整体移动，检查组外装饰元素的位置，再分别调整。

　　3、修改边界时只选形状

　　①展开【头像裁切】，单独选中【头像边界】，调整圆形尺寸。

　　②检查圆形范围内是否有空缺，存在空缺时改选【头像照片】，放大或移动照片。

　　③按【Command＋S】保存修改。

　　边界放大后，原先被隐藏的部分可能重新出现，这属于正常的蒙版编辑。若只想让人物在头像里显得更大，应调整照片尺寸，圆形边界可以保持不动。

　　4、交稿前验证一次选中关系

　　①选中【头像照片】轻微移动，确认圆形边界不动，再按【Command＋Z】撤销。

　　②选中【头像边界】移动，确认照片显示范围跟随变化，再按【Command＋Z】恢复。

　　③选中【头像裁切】整体移动，确认照片与蒙版共同移动，恢复位置后按【Command＋S】保存。

　　总结

　　剪切蒙版保留了照片的完整内容，也给构图调整留出了余地。图层顺序和分组关系清楚，移动照片、修改边界、添加装饰时就能少些误操作。Sketch怎么创建剪切蒙版Sketch剪切蒙版不生效怎么办，归根结底要落实到具体图层上，分清谁负责限定范围、谁提供显示内容。希望这些做法能帮助大家处理头像和卡片配图，相关使用问题欢迎交流。