Amazonで商品を見るセール会場へ

Photoshopスクリプト(jsx)│シェイプの角を丸くする方法

Photoshopでは対応するライブシェイプの角丸を標準機能で調整できます。

まずプロパティやシェイプのオプションを確認してください。

この記事は、標準の調整では扱えないパスに対して、2017年当時に外部スクリプトを使った記録です。

配布元はCS5・CS6・CC向けのCorner Editorを案内していますが、現在のPhotoshopでの動作は今回検証していません。

目次

スクリプトのダウンロードと配置

  1. 配布元リンクからCorner Editor.jsxをダウンロードします。
  2. C:\Program Files\Adobe\Adobe Photoshop CC\Presets\Scripts\フォルダへ保存する方法は旧版の例です。実際のインストール先はバージョンで異なります。保存せず試す場合は「ファイル」→「スクリプト」→「参照」から、ダウンロードしたファイルを選びます。
  3. Photoshopを再起動します。

シェイプの角を丸くする手順

STEP.1 シェイプを選択する

  1. Photoshopで角を丸くしたいシェイプを選択します。
  2. [パス選択ツール](ショートカット:Aキー)または[ダイレクト選択ツール]で対象のアンカーポイントを指定します。

STEP.2 スクリプトを実行する

  1. [ファイル][スクリプト][参照]の順にクリックします。
  2. Corner Editor.jsxを選択して実行します。

STEP.3 角丸の数値を設定する

  1. 「4,4,4,4」のように各角の角丸半径(px)を入力します。
  2. 角丸の形状アイコンを選択します。
  3. 設定を適用すると、指定した半径でシェイプの角が丸くなります。
指定した半径の設定を適用し、シェイプの角が丸くなった状態。

Photoshopのその他の操作方法は、関連記事でも解説しています。

シェイプや塗りを作る方法は、ほかにも書いています。

まとめ

  • 対応するライブシェイプでは、まず標準の角丸設定を確認する
  • Corner Editorは旧版で使った補助手段で、現行版の互換性は未確認
  • 複雑なパス操作が必要な場合はIllustratorの利用も選択肢になる

外部スクリプトを試す場合は、元のPSDを保存し、複製したドキュメントで結果を確認してください。

想定した結果にならない場合は、元データへ戻して標準機能やIllustratorでのパス編集を検討します。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

Photoshopのおすすめ書籍

Photoshop用PCの選び方

周辺機器の優先度

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次