创建带有圆角的三角形


27

我知道您可以创建一个圆角矩形;但是,如何在Photoshop中创建带有圆角的三角形?

我实际上很想从头开始制作它,而不是将其基于Photoshop中可用的自定义形状。谢谢。


以下两个答案都很好。请注意,alpha通道蒙版方法的缩放比例较小,并且缺少绝对控制。向量方法可以缩放到任意大小而不会造成质量损失,并且可以更好地控制转角半径。
horatio 2011年

我通常会改用Inkscape来做这样的事情。您也可以使用Illustrator / CorelDraw /您喜欢的矢量图形编辑器。并不是说使用Photoshop是错误的或无所畏惧的,我只是更喜欢使用专用的矢量图形编辑器来处理这些事情。
thomasrutter

1.在Illustrator中创建它。2.粘贴为PS中的智能对象。您可以通过这种方式随时修改拐角半径;)
Salman von Abbas

Answers:


32

有几种方法可以做到这一点。您可以使用钢笔工具自己绘制。

我的答案基于多年来的工作方式。

步骤1

在新图层中绘制一个三角形。点击cmd + a(全选),然后点击cmd + c(复制)

第2步

切换到“频道”标签并创建一个新频道。默认情况下,它将被命名为“ Alpha 1”。现在粘贴您以前复制的三角形。请注意,三角形将为白色。通道中的白色区域稍后将成为您选择的遮罩。

第三步

现在给整个通道层一个高斯模糊。注意:此处的模糊值不会完全转换为所需的像素边界半径。您只需要稍微玩一下即可。我在示例中使用的是10px模糊。

第四步

完成模糊处理后,按cmd + L(level)。在级别菜单中,调整输入值。使用我在屏幕截图中选择的值。这个想法是使三角形再次“锐利”。这样做将在每个末端创建圆形尖端。

第5步

现在返回到“图层”选项卡,隐藏之前绘制的三角形图层。开始一个新层,然后转到“选择”->“负载选择”。在弹出窗口中,为“源”选择“ Alpha 1”

现在,您将选择圆角三角形轮廓,然后可以将其填充为所需的任何颜色。


1
+1不错的技术。要在“色阶”调整后微调边缘,“滤镜”>“其他”>“最小化”(或“最大化”)在不引入锯齿的情况下效果很好。
艾伦·吉尔伯森

这是最适合精度的,如果您不喜欢钢笔工具,您将无法获得完美的拐角半径,但是这种方式都是由软件“生成”的,因此非常准确!
丹·汉利2011年

@金:非常感谢!显然,根据您在“色阶”菜单中选择的值,三角形的大小会有所不同。
moey 2011年

@Alan:我在Photoshop(在Mac上为CS4 Extended)上找不到“其他> ...”过滤器。那是非标准的过滤器吗?
moey 2011年

1
@SikuSikuCom这种方法的缺点是形状最终有多尖锐,还是手动完成。因此,您必须认真对待。另外,由于它不是向量,因此无法扩展。但是,此方法的优点是它也适用于其他多边形。例如带有圆角的六角形。

9

有一些非常简单的步骤,借助钢笔工具可以使这种带有圆角的三角形,也可以从零开始

  • 首先用钢笔工具创建三角形。
  • 根据所附的屏幕快照,在左下角的左右两侧添加其他锚点。

  • 之后,按A /或选择(路径选择工具)并将其稍微移至右侧,您可以根据所需的圆形弯曲它,在顶部角落应用相同的东西,您只需要添加一个锚点并执行与您在底部所做的相同。

    打开网格(Ctrl / Cmd-),这将帮助您为两边的确切圆角/半径放置锚点,您只需拖动锚点即可增加/减小半径。

检查此SS...。

(左键单击并在新窗口中查看大图)。 圆角三角形

希望这会有所帮助...


3
如果您打开栅格(Ctrl / Cmd-),并将初始锚点放置在栅格相交处,则效果最佳。否则,很难使每个顶点的拐角半径相同。
艾伦·吉尔伯森

@Jack:感谢您的逐步指导。也许我有点太完美了,但是我们如何确保三个角的圆度完全相同?我可以使底部的两个相同;问题是头一个。
moey 2011年

借助网格,您可以轻松进行所有类似的回合尝试
杰克


3

我有一个简单的...

  • 选择“个性化形状”。
  • 从“表单”菜单中加载“符号”。
  • 选择倒三角形(具有倒圆角的边缘)。
  • 完成了

您可以根据需要旋转或翻转它。你不能改变半径。


1

创建一个具有平滑边框的矩形(我使用3px),然后使用钢笔工具删除一个角。对其进行调整以使其看起来像您想要的方式。


-1

使用钢笔工具创建一个三角形。使用效果,在其上放一个外部笔触,使其变大,以获得所需的圆角。现在,您需要按照以下步骤平滑笔触中的所有点。

右键单击三角形图层,然后选择“转换为智能对象”。按住Ctrl键,在“图层”面板中单击三角形的缩略图以将其选中。转到主菜单中的选择,然后选择修改,然后在下拉列表中选择合同。缩小3像素。返回主菜单中的“选择”,然后再次选择“修改”,这次选择“平滑”,然后输入10px。点击“图层”面板底部的遮罩按钮。返回您的图层并右键单击,再次选择“转换为智能对象”。

根据三角形的大小,选择时可能必须更改收缩和平滑的像素数。

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.