【Photoshop】自分で作ったシェイプを登録する方法（カスタムシェイプを定義）

この記事を読むのに必要な時間は約 15 分です。

Photoshop（フォトショップ）に自分で作成したシェイプを登録（カスタムシェイプを定義）する方法について解説します。

一度カスタムシェイプを定義してしまえばワンクリックでシェイプを作成できます。
カスタムシェイプの定義は制作の効率化を行う上で必須です。

では早速解説していきます！

この記事の目次

シェイプオブジェクトを作成する

カスタムシェイプを定義するベースとなるオブジェクトをシェイプで作成します。
Photoshop（フォトショップ）、Illustrator（イラストレーター）のどちらでも作成できます。
Illustrator（イラストレーター）での作成が圧倒的に便利&効率的&オススメです。

Photoshopで作成する方法

STEP.1

シェイプを作る

[ 長方形ツール ] や [ 楕円形ツール ]、そして [ ペンツール ] 等を使ってオリジナルのシェイプオブジェクトを作成します。

Photoshopのシェイプツールの使い方はコチラで詳しく解説しています。

STEP.2

Illustratorと基本操作は同じ

基本的な操作方法はIllustrator（イラストレーター）のペンツールと同じです。

Illustratorのペンツールの使い方はコチラで詳しく解説しています。

FINISH

完成

こんな感じで好きな形状を作成できます。

Illustratorで作成したオブジェクトをPhotoshopへコピー

ベジエ曲線を触るならやはりIllustrator（イラストレーター）が最強です。
イラレでオブジェクトを作成し、フォトショへコピペする方法が個人的にオススメです。
ベジエ曲線で作成したベースのオブジェクトは全てイラレで管理しておく方が拡張性が高いです。

STEP.1

Illustratorでオブジェクトを作成し、オブジェクトをコピー

Illustrator（イラストレーター）を立ち上げ、ペンツールや各図形ツールを駆使して元となるオブジェクトを作成します。

Illustrator（イラストレーター）の画面でフォトショに持っていきたいアイコンを [ 選択ツール(V) ] で選択し、[ Ctrl + C ] でコピーします。

STEP.2

Photoshopを開き、ペーストする

Photoshop（フォトショップ）を開いて [ Ctrl + V ] でペーストします。

STEP.3

シェイプレイヤーを選択

ペースト形式が問われるので一番下の [ シェイプレイヤー ] を選択します。

FINISH

完成

イラレからフォトショへアイコンをシェイプレイヤーとしてコピペする事ができました。シェイプなので拡大縮小をしても劣化が起こりません。

ゲームUI制作関連のコチラでも解説しております。

MEMO

Illustrator（イラストレーター）の使い方はコチラで徹底解説しています。
ペンツールやアイコン的なオブジェクトの作り方は下記で解説しておりますので是非ご覧ください。

【Illustrator】ペンツールの使い方とパスの編集方法を練習しよう【初心者向け】

【Illustrator】ペンツールを使ったトレースのテクニック【脱初心者！】

【Illustrator】ペンツールと線幅ツールを使ったキャラ作成@らきすた

【Illustrator】イラレで歯車や花、本など色々な図形を作る方法【AI無料配布】

カスタムシェイプを定義

先で作成したシェイプオブジェクトをカスタムシェイプとして定義する方法です。

STEP.1

シェイプオブジェクトのレイヤーをアクティブ&右クリック

作成したシェイプオブジェクトのレイヤーをアクティブにし、[ ペンツール(P) ] の状態で [ キャンバス内を右クリック ] します。

[ パスコンポーネント選択ツール ] や [ パス選択ツール ] の状態で [ キャンバス内を右クリック ] をしても構いません。

STEP.2

カスタムシェイプを定義

[ カスタムシェイプを定義 ] の項目が表示されるのでクリックします。

STEP.3

カスタムシェイプを定義

シェイプの名前を入力し、 [ OK ] をクリックします。

STEP.4

シェイプウィンドウを開く

[ シェイプウィンドウ ] を確認します。

非表示の方は画面上部の [ ウィンドウ ] → [ シェイプ ] で表示できます。

FINISH

完成

定義したシェイプの「ぴーちゃん」が登録されています。

[ カスタムシェイプツール ] を使ってドラッグすると簡単に使えます。

シェイプを書き出しする

自身で作成したオリジナルシェイプや、よく使うシェイプを整理したモノなどを他のPCでも使えるように「.csh」形式で書き出す方法です。
いつPCが壊れても問題無いようにバックアップしておくと安心ですよ。

STEP.1

書き出したいシェイプを選択＆書き出し

書き出したいシェイプを選択します。
[ Shift ] を押しながらクリックすると複数選択できます。

右クリックメニューから [ 選択したシェイプを書き出し ] をクリックします。

几帳面な方はシェイプをカテゴリで分けてグループ分けしておくと便利かもしれません。
私は適当＆面倒なのでまるっと書き出しています。

STEP.2

名前を付けて保存

[ 名前を付けて保存 ] のダイアログ画面が表示されます。好きな場所に好きな名前で保存してください。

FINISH

CSHファイルの完成

書き出された「.csh」ファイルです。
アイコンに「SHAPES」と表記されています。

Photoshopが入っている別のPCに「cshファイル」をコピーし、ダブルクリックするだけでシェイプを登録できます。

おわりに

以上、自身で作成したシェイプオブジェクトを登録（カスタムシェイプを定義）する方法についてでした。

汎用的なオブジェクトは登録し、カスタムシェイプでサクッと呼び出すと制作の効率が格段に上がります。

元となるシェイプオブジェクトはIllustrator（イラストレーター）で作成する方が圧倒的に効率的です。
イラレからフォトショへのコピペは簡単にできます。その逆は面倒です。
なのでオリジナル素材はイラレで作成しておく事をオススメします。

ではまた！

Photoshopを最安で導入するには

Photoshop（フォトショップ）を持っていない方は、下記から最安値で購入できます。

オススメはコンプリートプラン

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。
アプリ単体を2つ3つ使うと費用がコンプリートプランと同等かそれ以上になります。

制作はPhotoshop、Illustrator、Lightroom、InDesign、Acrobat、etc…複数のアプリを使い分けながら作る事が多いです。
Photoshopで作業をしている際に「Illustratorなら効率的に作れるのに…」、「完成したデザインをPDFで複数ページに冊子形式にしたいなぁ…」という事は頻繁にあります。
なのでデザイナーにとって最低限Photoshop、Illustrator、Acrobatは必要です。

それならいっそ初めからコンプリートプランを選択する方が断然便利でお得ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
65%OFFはデカイですね！
アプリ1本分の価格で全てのAdobe製品が使い放題！

Photoshop単品ならフォトプランが最安

Photoshopを使うならAdobe公式のフォトプランが一番お得です。
Photoshop単体の半分以下の価格で、尚且つLightroomもセットになっているのが嬉しいですね。

※アマゾンや他の通販サイトのフォトプランだと、不要なオンラインストレージが付いて倍くらいの価格です。Photoshop自体の最安はAdobe公式サイトのフォトプランなので気を付けてください。