Photoshop Photoshop CC で選択範囲の境界をパスに変換する方法

Photoshop CC で選択範囲の境界をパスに変換する方法

photoshop_converting_selection_to_paths_topimage

Photoshopには、範囲を選択する方法が数多く揃っています。

矩形選択ツール、なげなわツール、マグネット選択ツール、自動選択ツール、色指定、そしてPhotoshop CC 2021で実装された「空を選択」 

挙げたらきりがない程ですが、問題はこの様なツールを駆使して選択した範囲の保存方法です。

最も手っ取り早いのが、マスクとして保存する方法でしょう。

メニューバーの 選択範囲 > クイックマスクモードで編集 や 選択範囲 > 選択範囲を保存 で簡単に保存できます。

保存方法でもう一つ上げるとすると、パスに変換する方法です。輪郭がはっきりしている場合は、ハンドルで簡単に調整出来るパスの方が便利です。

この記事では、Photoshop CC で選択範囲からパスを作成する手順を紹介します。

なげなわツールで選択した範囲からパスを作成

ツールバーから、なげなわツールを選択します。

なげなわツール


なげなわツールを使ってフリーハンドで範囲選択を作成します。

フリーハンドで範囲選択


■選択範囲からパスを作成

レイヤーパネルで「パス」のタブを選択します。右上のメニューから「作業用パスを作成…」を選択。

「作業用パスを作成…」を選択


選択範囲からパスに変換される際の許容値を設定し、「OK」をクリック。

許容値


又は、

選択範囲から作業用パスを作成」ボタンをクリックします。

「選択範囲から作業用パスを作成」


なげなわツールで選択した範囲からパスを作成する事ができました。

パスを作成する事ができました

オブジェクト選択ツールで選択した範囲からパスを作成

勿論、なげなわツール以外のツールで作成した範囲選択からもパスを作成できます。

AdobeのAI “AdobeSensei” によって画像内の被写体を曖昧に囲むだけで選択してくれる機能、オブジェクト選択ツールを選択します。

オブジェクト選択ツールを選択


画像内の被写体「葉」を囲みます。

被写体「葉」を囲みます


多少の修正が有りながらも、オブジェクト選択ツールで簡単に「葉」の輪郭を選択できました。

オブジェクト選択ツールで簡単に「葉」の輪郭を選択できました


■選択範囲からパスを作成

レイヤーパネルで「パス」のタブを選択。レイヤーパネルのメニューから「作業用パスを作成…」を選択。又は、「選択範囲から作業用パスを作成」ボタンをクリックします。

オブジェクト選択ツールで範囲選択した「葉」の輪郭でパスを作成する事ができました。

「葉」の輪郭でパスを作成する事ができました
パスの形状を分かりやすくする為に、背景を暗くしています。

パスの形状で範囲選択を作成

選択範囲からパスに変換する方法を紹介しましたが、逆にパスから選択範囲に変換する方法も紹介します。

パスで多角形を作成しました。

パスで多角形を作成


■パスから選択範囲を作成

レイヤーパネルで「パス」のタブを選択します。レイヤーパネルのメニューから「選択範囲を作成…」を選択。

「選択範囲を作成…」を選択


又は、「パスを選択範囲として読み込む」ボタンをクリックします。

パスを選択範囲として読み込む


パスの形状で範囲選択する事ができました。

範囲選択する事ができました

まとめ:選択範囲の境界をパスに変換

Photoshop CC で選択範囲からパスを作成する手順を紹介しました。
Photoshopの高機能な選択ツールを有効に使うためにも、今回紹介した内容を参考にしてみてください。

選択した範囲からパスを作成する手順

レイヤーパネルで「パス」のタブを選択。
レイヤーパネルのメニューから「作業用パスを作成…」を選択。

又は

選択範囲から作業用パスを作成」ボタンをクリック。

パスを選択範囲に変換する手順

レイヤーパネルで「パス」のタブを選択。
レイヤーパネルのメニューから「選択範囲を作成…」を選択。

又は

パスを選択範囲として読み込む」ボタンをクリック。



BTOパソコンの草分け的ブランド【FRONTIER】

教育機関や研究施設/3DCG/動画編集/そしてゲームプレイにも、用途に合わせたオーダーメイド高性能PCがお得な価格で購入できます

メモリ無償アップ!\新生活応援セール!!/4月15日(木)15時まで

入学や就業など何かと物入りな季節。圧倒的コスパのBTOパソコンを購入して新生活をスタートしませんか!

■AMD Ryzen 7 3700X + NVIDIA GeForce RTX 3060 モデルが149,800円!! 
■intel Core i5-10400F + NVIDIA GeForce RTX 3060 モデルが124,800円!!

他 お買い得PCが沢山!SALE製品は数に限りがあるので売り切れる前に是非
最新GPUも格安構成も自由に選べる!パソコン買うならBTOの【FRONTIER】


【デジハリONLINEの 基礎動画 + AdobeCC一年ライセンス のお得プラン】

デジタルハリウッドのオンラインCGスクール「デジハリONLINE」が提供する、60時間の基礎動画とAdobe creative cloudの一年版ライセンスがパッケージされた、お得な講座プラン

「Adobeマスター講座」

受講ノルマは一切無し、Adobe製品の利用を目的に契約してもOK!これぞコスパ最強プラン!

▶︎ デジハリONLINE講座申込

▶︎基礎動画教材付きAdobe Creative Cloudを年額36,346円(税別)のお得な価格で使用する方法


Twitter Facebook Pocket LINE はてブ

おすすめの関連記事
コチラの記事も読まれています
あわせてよく読まれている記事