如何在Sketch中将正方形图像更改为圆形图像?


Answers:


22

这实际上很容易。有两种方法可以做到这一点:

1.使用口罩

最好的恕我直言,因为它为您提供了更多的灵活性/编辑选项。

  1. 导入图像:

    进口

  2. 画一个圆圈,遮住您的图像:

    面具

  3. 使用工具栏图标将圆移到位图后面Backward

    背部

  4. 通过选择并Layer › Use as Mask从菜单中进行选择,使用圆圈来掩盖位图:

    面具

  5. -

    完成

  6. 作为额外的步骤,您可以将位图和圆形蒙版分组,以阻止圆形蒙版其他形状:

    组

  7. 要添加边框:在蒙版图像上方添加另一个圆形。


2.使用图案填充

  1. 在要显示图像的位置绘制一个圆圈:

    圈

  2. Select Fill › Pattern Fill 在检查器中:

    图案

  3. 单击Choose Image…并选择您的位图:

    位图

  4. Fill在下拉菜单中将填充选项设置为:

    填

  5. 像往常一样向圆添加边框。

  6. -

希望能帮助到你!


2

您可以通过Photoshop使用遮罩方法。

这是步骤,我将使用示例矩形图像。

1 *在Photoshop中添加矩形图像,将其放置在新文档中,它将为该图像创建一个新层。

可以看到星空的矩形图像,在它下面有一个白色背景层。

2 *使用圆形工具创建所需形状的圆形,它将为对象创建一个图层,并将该图层放置在矩形图片的顶部。

在矩形图像层顶部的圆形对象

3 *现在,将圆形图层放置在矩形图像图层下方。然后单击矩形图像的图层,右键单击并选择创建剪贴蒙版。

右键单击矩形图像的图层,然后选择创建剪贴蒙版。 确保该图层在圆形对象的顶部

此时为4 *,您可以在矩形图像图层周围拖动以适合圆形。您可以调整圆应捕获的矩形图像的哪一部分。 围绕矩形图像层拖动以适合圆形

5 *对图像在圆中的位置满意后,可以选择两个图层并将它们合并在一起以创建圆形图像。您可以在选择两个图层后都单击鼠标右键,然后选择合并图层,或者在Mac上使用快捷键Cmd+ E,或者在使用Windows的情况下使用Ctrl+ E

选择两个图层并将它们合并在一起

合并它们之后,该图层应如下所示,仅包含新的圆形图像。

6 *最后,您可以使用“层”面板底部的“效果”按钮添加笔触或阴影等效果。它上面应该有符号fx。选择笔触,您可以将任意颜色的笔触添加到新的圆形图像中。

使用“图层”面板底部的“效果”按钮来创建任何效果,例如笔触或阴影

调整您喜欢的笔触大小

最终结果应该看起来像这样,我只是使用了绿色的笔触来显示笔触的样子,因为我的背景色层是白色的。

我希望这有帮助。


3
我认为OP要求在Sketch中提供解决方案。
benteh 2014年

虽然这可能对Photoshop中的某个人有帮助,但请理解,由于OP在Sketch中要求您的回答,因此您的答案可能会被否决。
DᴀʀᴛʜVᴀᴅᴇʀ

1

这是一个如何以不同方式处理问题的想法。请勿裁剪或遮罩,而应变换图像以适合圆形空间。您需要一个从直角坐标转换为极坐标的插件:

在此处输入图片说明

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.