Photoshopのカスタムシェイプの使い方:素材を追加するには?

カスタムシェイプ使い方

記事内に商品プロモーションが含まれる場合があります

今回はPhotoshopのカスタムシェイプツールの使い方を解説します。

サルワカくんの顔(通常)
サルワカくん

「カスタムシェイプ素材の追加方法が知りたい」という方は、こちらからスキップしてくださいませ。
スキップ

1. カスタムシェイプツールとは?

Photoshopのカスタムシェイプツールとは、様々な形の図形や、模様、アイコンのようなものを簡単に挿入できるツールです。

ドラッグしてカスタムシェイプを挿入

例えば、ハートや矢印、音符など様々な図形を挿入することができます。

多数のカスタムシェイプがあらかじめ用意されている

登録済みのカスタムシェイプ

Photoshopでは初めからたくさんの種類のカスタムシェイプが用意されています。

Photoshopに素材を追加することもできる

tech_shapes_by_nolamom3507_by_nolamom3507-d5sxpvf-min

また、ネットで探せばたくさんのおしゃれな無料カスタムシェイプ素材を見つけることができます。これらの素材を簡単にPhotoshopに追加することができるのです。

サルワカくんの顔(通常)
サルワカくん

後ほど追加手順を説明します。

自分で作ることもできる

ここでは解説しませんが、カスタムシェイプは自分で作成することもできます。イメージ的には「スタンプを作っておいて、ポチポチと手軽に挿入できるようになる」という感じですね。

2. カスタムシェイプツールの使い方

ここからは具体的な使い方の解説をしていきます。

カスタムシェイプツール

まずは、カスタムシェイプツールを選びましょう。図形ツールの中に潜んでるアメーバみたいやつです。

上のようにツールを一覧で表示させるには、アイコンを右クリックすればOKです。

2-1. 挿入するカスタムシェイプを選ぶ

カスタムシェイプの図形を変える

右上のオプションバーに[シェイプ]という表示が出ているはずです。ここをクリックすると、カスタムシェイプがずらっと一覧表示されます。この中から使いたいものを選びましょう

2-2. ドラッグやクリックで挿入

ドラッグしてカスタムシェイプを挿入

キャンバス上でドラッグやクリックをすれば、選んだカスタムシェイプが挿入されます。連打してもOKです。

2-3. 他のカスタムシェイプを表示する

実ははじめは一部のカスタムシェイプしか一覧表示されていません。

全カスタムシェイプを表示する

全て表示したいときには、[歯車アイコン]⇒メニューの[すべて]をクリックしましょう。

2-4. 矢印を挿入する

また、ジャンルで絞って探すこともできます。例として矢印を挿入してみましょう。

矢印を追加

①シェイプをクリックし、②歯車をクリックします。③その中から[矢印]を選びましょう。

Fafda 4

すると、このような表示が出るかと思います。

サルワカくんの顔(通常)
サルワカくん

[追加]を選ぶと、現在表示中の一覧の中に、矢印が追加されます。[OK]を選ぶと、現在の一覧は一旦消えて、矢印だけが表示されるようになります。どっちを選んでもOKです。

矢印のシェイプが追加された

矢印が一覧で表示されるようになりました。

シェイプを選ぶ

この中から挿入したいものを選びましょう。

クリックorドラッグで挿入

クリックで挿入する

キャンバス上のどこかをクリックすれば、矢印を挿入できます。

ドラッグで挿入

また、ドラッグすれば、ドラッグした大きさの矢印が挿入されます。

2-5. カスタムシェイプの色を変更する方法

前もって[シェイプ]を選んでおく

シェイプを選んでおく

カスタムシェイプツールを選んだら、画面の左上で[シェイプ]が選ばれているか確認しておきましょう。

これは、カスタムシェイプの色を簡単に変えられるようにするために必要です。詳しくはこちらの記事をどうぞ。

[塗り]と[ストローク]を色変更

カスタムシェイプの色を変える

カスタムシェイプの色は画面左上で変更します。具体的には[塗り]でシェイプの中の色を変え、[ストローク]でシェイプの輪郭線を変えます。

塗りをクリックして色を変える

[塗り]or[ストローク]をクリックすると、色選択のウィンドウが開くので使いたい色を選びましょう。

塗りとストロークが使われる

こちらは[塗り]と[ストローク]の色を変えてみた例です。

2-6. カスタムシェイプを変形

なお、挿入したカスタムシェイプを変形したり、大きさを変えたりしたい場合は以下のショートカットを実行します。
CtrlT
T

変形

このショートカットを実行すると、このように自由変形モードになります。角をドラッグして、大きさや形を変えましょう。

より詳しいシェイプの設定や扱いについては、以下の記事で解説しています。

3. カスタムシェイプ素材の追加

スクリーンショット 2017-01-12 23.39.42 のコピー-min

ここからが大事なポイントです。フォトショップにはオリジナルのカスタムシェイプ素材を簡単に追加することができます。インターネットにはたくさんの高品質なカスタムシェイプ素材が無料で配布されています。これを使わない手はありません。

素材はどこで見つけられるの?

使いどころが多そうなオシャレなカスタムシェイプ素材は、こちらの記事でまとめています。まずは、ここから好きなカスタムシェイプ素材をダウンロードしてみると良いでしょう。

追加する手順

city-icons-shapes-min

1

カスタムシェイプ素材をダウンロード

例としてオシャレな建物のシェイプを追加してみます。ダウンロードはこちらからできます。

.cshのデータを使う

2

.cshデータを用意する

素材をダウンロードしたら、解凍する等して「◯◯.csh」という名前のデータを見つけましょう。「.csh」がフォトショップにインストールできるカスタムシェイプデータであることを示しています。

シェイプの読み込み

3

[シェイプの読み込み]

カスタムシェイプ一覧の右上の歯車アイコンをクリックして表示されるメニューから[シェイプの読み込み]を選びます。

.cshファイルを選択

4

◯◯.cshを選択してOK

さきほどの.cshデータを選びます。

カスタムシェイプが追加される

5

カスタムシェイプが追加される

一覧の1番下にカスタムシェイプ素材が追加されます。これで追加作業は完了です。

ドラッグで挿入

6

ドラッグして挿入

使い方はフツウの図形の挿入方法と同じで「使いたいものを選んでドラッグする」これだけです。

ここまでカスタムシェイプの使い方を解説してきました。参考になれば幸いです。


サルワカ