角が丸い三角形を作成する


27

角の丸い長方形を作成できることを知っています。しかし、Photoshopでどのように角の丸い三角形を作成しますか?

Photoshopで利用できるカスタムシェイプに基づいて作成するのではなく、実際にゼロから作成することに興味があります。ありがとう。


以下の答えは両方とも良いです。アルファチャネルマスクメソッドには、スケーリングに関する小さな問題と絶対的な制御の欠如があることに注意してください。ベクトル法は、品質を損なうことなく任意のサイズにスケーリングでき、コーナー半径をより細かく制御できます。
horatio

私は通常、Inkscapeに切り替えてこのようなことをします。Illustrator / CorelDraw /お好みのベクターグラフィックエディターを使用することもできます。Photoshopを使用するのが間違っている、または無謀であるというわけではないので、私はこれらのことに専用のベクターグラフィックエディターを好むだけです。
-thomasrutter

1. Illustratorで作成します。2. PSにスマートオブジェクトとして貼り付けます。この方法でいつでもコーナー半径をいじることができます;)
サルマンフォンアッバス

回答:


32

これを行うにはいくつかの方法があります。ペンツールを使用して自分で描画できます。

私の答えは、私が長年やってきた方法に基づいています。

ステップ1

新しいレイヤーに三角形を描きます。cmd + a(すべて選択)を押し、次にcmd + c(コピー)を押します

ステップ2

[チャンネル]タブに切り替えて、新しいチャンネルを作成します。デフォルトでは「Alpha 1」という名前になります。前にコピーした三角形を貼り付けます。三角形が白になることに注意してください。チャンネルの白い領域は、後で選択マスクになります。

ステップ3

次に、チャネルレイヤー全体にガウスぼかしを与えます。注:ここでのぼかし値は、必要なピクセル境界半径に正確に変換されません。あなたはそれで少し遊ぶ必要があります。私の例では10pxのぼかしを使用しています。

ステップ4

ぼかしが完了したら、cmd + L(level)を押します。レベルメニューで、入力値を調整します。スクリーンショットで選んだ値を使用します。考えは、三角形を再び「シャープ」にすることです。そうすると、両端に円形の先端が作成されます。

ステップ5

[レイヤー]タブに戻り、前に描いた三角形のレイヤーを非表示にします。新しいレイヤーを開始し、[選択]-> [選択の読み込み]に進みます。ポップアップで、「ソース」に「アルファ1」を選択します

これで、角の丸い三角形のアウトラインが選択されたので、好きな色に塗りつぶすことができます。


1
+1素敵なテクニック。レベル調整後にエッジを微調整するには、エイリアス>エイリアスを導入せずに、フィルター>その他>最小化(または最大化)が適切に機能します。
アランギルバートソン

これは正確性に最適です。ペンツールをいじっても、角の半径が完璧にならない可能性がありますが、この方法はすべてソフトウェアによって「生成」されるため、正確です!
ダンハンリー

@Jin:どうもありがとう!どうやら、レベルメニューで選択した値に応じて、三角形のサイズが異なります。
-moey

@Alan:Photoshop(CS4 Extended on Mac)で「その他> ...」フィルターが見つかりませんでした。それは非標準のフィルターですか?
moey

1
@SikuSikuComこの方法の欠点は、形状が最終的にどれほどシャープになるかということです。これは手動で行われます。だからあなたはそれを目で見なければならない。また、ベクトルではないため、スケーラブルではありません。ただし、この方法の利点の1つは、他のポリゴンシェイプにも適用されることです。たとえば、角の丸い六角形。
ジン

9

ペンツールの助けを借りて角の丸い三角形を作るための非常に簡単な手順があります。

  • まず、ペンツールで三角形を作成します。
  • 添付のスクリーンショットに従って、右下と左下に追加のアンカーポイントを追加します。

  • その後、A /を押すか、(パス選択ツール)を選択して右側に少し移動し、希望の丸い形に合わせて曲げ、そこに同じものを適用して、アンカーポイントを1つだけ追加し、下と同じです。

    グリッド(Ctrl / Cmd-、)をオンにします。これは、両側の正確な丸角/半径のアンカーポイントを配置するのに役立ちます。アンカーポイントをドラッグするだけで半径を増減できます。

このSSを確認してください...

(左クリックして、新しいウィンドウで大きな画像を表示します).... 丸い三角形

これが役立つことを願っています...


3
これは、グリッド(Ctrl / Cmd-、)をオンにしてグリッドの交点に初期アンカーポイントを配置する場合に最適に機能します。そうしないと、各頂点でコーナーの半径を同一にすることが難しくなります。
アランギルバートソン

@ジャック:段階的な指示をありがとう。たぶん私は完璧主義者かもしれませんが、丸みが3つのコーナーでまったく同じになるようにするにはどうすればよいでしょうか?下部の2つを同一にすることができます。問題は一番上のものです。
-moey

グリッドの助けを借りて、同様のすべてのラウンドを簡単に試してみることができます
ジャック

6
  1. 目的のサイズの三角形を作成します

  2. 三角形の角に目的の半径の円形状を配置して、エッジと整列するが交差しないようにします。

  3. 図形を組み合わせます。

  4. できた :)


1
三角形のポイントをトリミングすることを忘れないでください。そうでなければ、あなたの組み合わせはただ...、元の三角形を生成します
Farray

3

私はもっ​​と簡単なものを持っています...

  • 「パーソナライズされた形状」を選択します。
  • 「フォーム」メニューから「シンボル」をロードします。
  • 逆三角形を選択します(エッジが丸くなっています)。
  • 完了

好きなように回転または反転できます。半径を変更することはできません、カントー。


1

滑らかな境界線を持つ長方形を作成し(3pxを使用)、ペンツールで1つの角を削除します。あなたが望むように見えるように調整します。


-1

ペンツールで三角形を作成します。エフェクトを使用して、外側にストロークを配置し、角を丸くするのに必要な大きさにします。次の手順に従って、ストローク内のポイントを滑らかにする必要があります。

三角形レイヤーを右クリックして、[スマートオブジェクトに変換]を選択します。Ctrlキーを押しながら、レイヤーパネルで三角形のサムネイルをクリックして選択します。メインメニューの[選択]に移動して[変更]を選択し、ドロップダウンで[契約]を選択します。3pxによる契約。メインメニューの[選択]に戻り、もう一度[変更]を選択します。今回は[スムーズ]を選択し、10pxと入力します。レイヤーパネルの下部にあるマスクボタンを押します。レイヤーに戻って右クリックし、もう一度スマートオブジェクトに変換を選択します。

三角形のサイズによっては、選択する際に縮小および平滑化するピクセル数を変更する必要がある場合があります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.