Photoshop シェイプ：その概要と使い方

Photoshopのシェイプは、画質を損なうことなくサイズを拡大・縮小できるベクター画像です。シェイプを使用する最大の利点は、時間の節約です。例えば、完璧な円を描ける人はほとんどいません（特にマウスを使う場合はなおさらです）。ベクター画像をクリック、ドラッグして描画すれば、ペンツールを使って手で描くよりも、わずか数秒でカスタムシェイプを描くことができます。

まず、シェイプツールを選択します。デフォルトは長方形なので、ツールバー（パス選択ツールと手のひらツールの間の下から7番目のアイコン）で正方形のアイコンを探してください。長方形、角丸長方形、楕円形、多角形、直線、カスタムシェイプツールから選択できます。

Photoshopのカスタムシェイプ

Photoshopには、カスタムシェイプのライブラリがいくつか用意されています。これらは、ペンツールで自分で作成できる個人用のカスタムシェイプとは異なります。また、インターネットからダウンロードできる数千ものカスタムシェイプとも異なります。Photoshop Shapesの拡張子は.cshなので、この形式で終わるファイルを探してください。

カスタムシェイプツールには、葉、木、野生動物、ボート、花など、すぐに使えるベクターシェイプのライブラリが用意されています。お使いのコンピューターにPhotoshopの以前のバージョンがインストールされている場合は、それらのシェイプコレクションからすべてのシェイプをインポートしてライブラリを拡張できます。シェイプサブメニューの右上隅にある歯車アイコンをクリックし、Adobe > Photoshop >プリセット>カスタムシェイプフォルダーに移動します。

ファイルリストから「すべて」を選択し、 「読み込み」ボタンをクリックします。「すべて」ファイルには、動物、矢印、バナー、フレーム、音楽、自然、オブジェクト、装飾、図形、シンボル、吹き出し、タイルの12種類の図形カテゴリが含まれています。これらの図形すべてにアクセスしたくない、またはアクセスする必要がない場合は、該当するファイルを個別にインポートまたは読み込みます。

01 図形を選択してドラッグし、ベクター画像を描画する — 図形を選択してドラッグし、ベクター画像を描画します

Photoshop シェイプツールを使用するには、メインツールバーからシェイプツールを選択し、右クリックしてサブメニューを表示し、使用したいシェイプまでカーソルを移動します。選択したシェイプに応じて、上部のメニューが変わります。例えば、多角形を選択した場合は、「辺の数」フィールドボックス（上部右端）から必要な辺の数を選択します。カスタムシェイプツールを選択した場合は、「シェイプ」ドロップダウン（同じく上部右端）に多数のベクターオプションが表示されます。

上部のメニューには、塗り、線、幅、高さ、シェイプ編集オプション（シェイプの結合、シェイプの交差など）、配置オプション、レイヤーのスタックオプション（最前面へ移動、最背面へ移動など）、パスオプション（歯車アイコンの下）、そしてベクターシェイプのエッジをピクセルグリッドに揃えるエッジ整列機能も表示されます。これらの機能を試して、Photoshopのシェイプを変更したり、より美しく仕上げたりしてみましょう。

図形を選択すると、図形の周囲と全体に複数の場所にボックスハンドル（アンカーポイント）が表示されます。これらのポイントを使って図形を編集したり、描き直したりできます。例えば、葉の茎の右側にあるアンカーポイントをクリックし、ハンドルを右下にドラッグします。葉の茎の左側でも同じ操作を繰り返します。

アンカーポイントの1つをクリックすると、両端に点が付いた線（方向点と呼ばれます）が表示されます。これらのポイントの1つをクリックし、カーソルを使って線をドラッグしてスライドさせ、茎の形状を好みの形に整えます。画像をさらに編集する必要がある場合は、ペンツールを使って簡単にアンカーポイントを追加（または削除）できます。

02 アンカーポイントを使ってベクターシェイプを描画・編集する方法 — アンカーポイントを使用してベクターシェイプを描画および編集する方法

Photoshopでカスタムシェイプを作成する方法

絵が描けなくても、画像をトレースすることはできますよね？Photoshopを使えば、簡単にベクターシェイプを作成できます。まず、Super Coloringなどのインターネットから、パブリックドメインの無料の塗り絵画像をダウンロードしましょう。そして、次の方法を試してみてください。

1. ページ 3 (各画面ページの下部にページ番号があります) に移動し、4 回スクロールして (またはページダウンして)、クリスマスツリーをダブルクリック (選択) します。

2. 画像を右クリックし、「名前を付けて画像を保存」を選択します。

3. ピクチャフォルダーに移動してファイルを保存します ([ファイル名] フィールドボックスに simple-christmas-tree-coloring-page.png が表示されます)。

4. Photoshop でファイルを開きます。

5. [イメージ] > [イメージサイズ]を選択します(またはAlt + Ctrl + iを同時に押します)。

6. 現在のサイズは幅4.7インチ、高さ6.6インチで、解像度は1インチあたり72ピクセルです。1インチあたりのピクセル数を300に変更します。少しぼやけているかもしれませんが、問題ありません。ペンツールとアンカーポイントを使ってこの画像を再描画し、ベクター画像にします。

重要事項：編集や修正を行う前に、 必ず作品の解像度を300ピクセル/インチ以上に設定してください。画像サイズや解像度を縮小することで、画質を最低限に抑えることも可能です。ただし、低解像度の画像を拡大すると、画質が低下します。

7. 新しい画像サイズ設定でファイルを保存します。

8. マジックワンドツールを使用して、背景の任意の場所をクリックします (背景全体が選択されていることを確認してください)。

9. [選択] > [反転] (またはShift + Ctrl + i ) を選択してツリーを再度選択し、[編集] > [コピー] (またはCtrl + C ) を選択します。

10. Photoshopで新しいファイル（8x10x 300 ppi）を開き、「編集」 > 「貼り付け」を選択します。これでベクター画像ができたので、元のファイルは不要になります。

11. ツールパレット（下部付近）からペンツールを選択します。この初心者向けの練習では、画像の線が太い方がポイントです。

12. 星から始めます。星の頂点をクリックすると、アンカーポイントが表示されます。次の星の頂点をクリックすると、別のアンカーポイントが表示されます（最初のアンカーポイントに接続されます）。星の周囲を一周し、最初のアンカーポイントをもう一度クリックしてベクトルを閉じます。

13. [編集] > [カスタムシェイプの定義]を選択し、シェイプの名前を入力して[OK]をクリックします。

14. ペンツールを再度選択し、最初の木のセクションの各コーナーをクリックします。

15.もう一度「編集」 > 「カスタムシェイプの定義」を選択します。シェイプに「TreeTop」という名前を付け、「OK」をクリックします。

16. このプロセスを中央と下部のツリーセクションで繰り返し、次にツリースタンドでもう一度繰り返します。

注意：新しいベクターを作成する際は、必ずレイヤー1（クリスマスツリー全体のレイヤー）が選択されていることを確認してください。新しいベクターを定義するたびに、レイヤーパネルに新しいレイヤーが表示されます。これらのレイヤーには、シェイプと同じ名前を付けてください。

03 Photoshopでカスタムシェイプを作成する方法 — Photoshopでカスタムシェイプを作成する方法

Photoshop のシェイプに描画、変形、色やパターンを追加する方法

1. すべての図形が定義されると、これらのベクター図形を何度でも使用できるようになります。

2. サイズが 8x10x 300 ppi の新しい Photoshop ファイルを開きます。

3. シェイプツールを選択し、次にカスタムシェイプツールを選択します。

4. サブメニューの「図形ライブラリ」フィールドボックスに移動し、右側の下矢印をクリックします。

5. ドロップダウンメニューの一番下までスクロールし、ベクタースターを選択します。

6. カーソルを左上隅に置き、星が希望のサイズと形になるまで下にドラッグします。

7. 星が選択されている状態で、レイヤーパネルでベクター画像を右クリックします。

8.サブメニューから「ブレンドオプション」を選択します。

9. 「レイヤースタイル」ダイアログで、 「ストローク」という単語をクリックします(ボックスをクリックするだけでは不十分です)。

10.線パネルで、線幅を「6」ピクセルに設定します。位置は外側、描画モードは標準、不透明度は100%、ファイルの種類はカラー、カラーは黒に設定し、「OK」をクリックします。これで星の輪郭線ができました。この線がないと、星はページ上で見えません。

11. 次に、Star1レイヤーをもう一度右クリックし、「ブレンディングオプション」 > 「パターン」を選択します。パターンライブラリをスクロールして、星のようなパターンを選択します。

12. 手順 1 ～ 11 を繰り返して、残りのレイヤーをドラッグして描画し、アウトラインとパターン塗りつぶしを追加します。

13. 背景に色やグラデーションを加えれば完成です（というか、ほぼ完成です）。星を飾ったシンプルで子供っぽいクリスマスツリーの絵が完成です。さて、これで自分だけのオリジナルシェイプを作る方法が分かりましたね。

14. ファイルに名前を付けて保存し (Star1 を使用します)、別のカスタムシェイプを作成します。

04 カスタムシェイプの描画、変形、編集、塗りつぶしの方法 — カスタムシェイプを描画、変形、編集、塗りつぶす方法

フォント、ウィングディング、ウェブディング、その他のシンボル箇条書きを Photoshop シェイプに変換します

Photoshopの以前のバージョンでは、フォントやその他のシンボルの変換はそれほど簡単ではありませんでした。CSバージョンでは簡単です。

1. 新しいファイルを開き、文字/段落パネルが画面に表示されていることを確認します。

2. フォントを Wingdings に変更し、サイズを 300 ポイントに変更します。

3. テキストツールを選択し、テキストボックスをドラッグします。

4. 左角括弧を入力すると、画面に陰陽記号が表示されます。

5. 「タイプ>シェイプに変換」を選択します。

6. パス選択ツール (ツールバーの黒い矢印) を選択すると、陰陽記号の上および周囲に数十個のアンカーポイントが表示されます。

このシンボルはベクター画像となり、サイズ変更、変形、回転、傾斜、ワープ、遠近感、色の変更、ベベル、エンボス、輪郭、3Dなどの様々なエフェクトの追加、テクスチャ、グラデーション、パターン、影、グローなど、様々なエフェクトの追加が可能です。インターネット上には数千ものシンボルフォントが用意されているので、選択肢は無限大です。