Photoshopにカスタムシェイプを追加、整理する方法

web制作ではかなりお世話になっているカスタムシェイプ。

よくベクター形式のファイル（アイコン集とかシルエット）が無料素材で落ちているけど、それをPhotoshopのカスタムシェイプに追加すればさらに作業効率がアップします！ （もとからカスタムシェイプファイルにまとめてくれている親切なサイトもありますが）

方法は任意のパス形式のシェイプをPhotoshopで開いて、

「編集」→「カスタムシェイプを定義」→「OK」

これだけ！

いままで知らずにイラストレーターでファイル開いて、コピーして…と面倒な処理を繰り返していましたが一度登録すれば、もうこれで大丈夫。

aiやepsのデータから登録するまでの流れを説明します。

１）Illustratorでパスを作成（拾ってきたベクター素材でも可）

このようにひとつながりのパスになっていればOKです。これをPhotoshopへ複製します。Ctrl + C！

（もともとPhotoshopにシェイプ画像がある場合はこの手順はいりません）

２）Photoshopへ「パス」もしくは「シェイプレイヤー」形式でペースト

フォトショップのカンバスへペーストするとペースト形式の表示が出ます。

今回は「シェイプレイヤー」にしました。

このように張り付けられます。

３）作成したいシェイプを選択

レイヤーウィンドでカスタムシェイプに登録したいシェイプを選択。

※塗りアイコンではなく、シェイプのマスクアイコンを選択します

４）「編集」→「カスタムシェイプを定義」で完成！

メニューの「編集」→「カスタムシェイプを定義」で名前を決めてOKを押すと完了です。

ちゃんとカスタムシェイプが追加されました！

カスタムシェイプを整理したい

カスタムシェイプをどんどん追加しているとどこに何のアイコンがあるのか探すのが大変になります。

実はこの順序を並び変えたり、選択して一括で削除したりできます。

カスタムシェイプのウィンドウを開き、右上の三角ボタンを押します。

そこから「プリセットマネージャ」を選択。

 

このような感じで簡単に管理できます。

ちなみに「プリセットの種類」からブラシやグラデーションも管理できます。

 

おためしあれ。

 

 

こんな記事もよければどうぞ↓

Photoshopで塗りなし、枠線だけのボックスを作りたい - emuramemo

Photoshop 10年使える逆引き手帖【CS6/CS5/CS4/CS3 対応】【Mac OS X & Windows 対応】 (ああしたい。こうしたい。)