sketch 如何实现图片image圆角 头像圆角

sketch 画图的时候,图片需要做圆角效果,但是又不能在右侧属性栏直接设置,网上教程也不多,所以今天总结一下做法:
1.新建一个画板,然后拖入一张图片,如下图所示
sketch 如何实现图片image圆角 头像圆角_第1张图片

2.然后添加一个形状,选择圆角矩形,我这里设置圆角为8,如下图所示。
sketch 如何实现图片image圆角 头像圆角_第2张图片
3.将矩形置于图片后方,然后添加蒙版sketch 如何实现图片image圆角 头像圆角_第3张图片
4.大功告成啦,是不是很简单!
sketch 如何实现图片image圆角 头像圆角_第4张图片
5. 如果要做圆型头像的话,也很简单,只需要把矩形框的圆角半径设置成其大小的一半就行了,结果就是一个圆形图片。

你可能感兴趣的:(设计,经验分享)