Photoshop CS3講座:シェイプツールの基本操作

シェイプツールの基本操作

作成：2007/07/01
改訂：YYYY/MM/DD
対応Photoshopバージョン：CS3

［Photoshop講座へ戻る］

［ホームページへ戻る］

ここではPhotoshopのシェイプツールの基本操作を実習しながら紹介します。

もくじ

シェイプとは？
シェイプの作成
シェイプの変形
カスタムシェイプの利用と作成

シェイプとは？

長方形や楕円形などの図形描画ツールは、総称して「ベクトルシェイプツール」または「シェイプツール」と呼ばれています。シェイプは、シェイプツールで作成された図形で、Illustratorでいうところの「パス」で作成された図形です。

シェイプの作成

Photoshopを起動します。
今回は400×400pixcel、72pixel/inchで新規ファイルを作成します。
レイヤーパレットを表示します。
現在は「背景」のレイヤーだけが存在しているはずです。
ツールボックスから角丸長方形ツール（）を選択します。
メニューバーのすぐ下にある、オプションバーに注目してみましょう。
シェイプツールでは、下図の三角マークをクリックすることで選択したシェイプに応じた「幾何学オプション」が設定できます。
ここでは、「制約なし」と角丸の半径に「８」を指定してください。
画像の任意の位置をドラッグして、角丸長方形を描きます。

レイヤーパレットを観察します。
レイヤーパレットには、「シェイプ1」が作成されています。これは実際には、シェイプによってレイヤーがマスクされた状態になっています。

ヒント：マスクの部分（ベクトルマスク）だけを、レイヤーパレット下部のゴミ箱にドラッグ＆ドロップすると、シェイプはなくなりますが、描画色で塗りつぶされたレイヤーだけは残ります。

ベクトルマスクの消去

続けて、今度はラインツール（）を選択します。
オプションバーで、線の太さ「２」、幾何学オプションで、「終了点」にチェック、幅「500」、長さ「1000」を入力します。
画像の任意の位置をドラッグします。ドラッグを開始したところから終了したところに向かって、矢印が出てきます。
再び、角丸長方形ツール（）を選択します。オプションバーで「パス」を選択してださい。
画像に図形を描きます。この場合、パス(画面上の細い線)だけが描かれ、シェイプレイヤーは作成されません。

シェイプの変形

シェイプを変形するときは、「パスの変形」という操作となります。

先の実習からの続きです。
何らかのシェイプツールが選択されている状態から、［編集］メニューを開きます。
通常の変形コマンドが使えず、かわりに［パスを変形］コマンドが有効になっているはずです。
矢印を描いたレイヤー（シェイプのサムネール）を選択して、［編集］メニューの［パスを変形］から［拡大・縮小］コマンドを選びます。
図形を囲むように「ハンドル」と呼ばれる小さな四角形が現れます。任意のハンドルを操作して、変形させてみます（Enterキーで確定）。
今度は、ツールボックスからパス選択ツール（）を選択し、最初に描いた角丸長方形の、任意の辺をクリックします（レイヤーは自動的にアクティブになります）。小さな四角マークが、角に出てくるはずです。
これは「アンカーポイント」と呼ばれるもので、シェイプを形づくるために必要な点です。
アンカーポイントをドラッグすると、図形が変形することを確認してください。

カスタムシェイプの利用と作成

シェイプには、複雑な形状をしたものがあります。
これらは「カスタムシェイプ」と呼ばれ、Photoshopのインストール時から利用できるものがあるほか、自身で定義することもできます。

ここまでの練習とは別のファイルを400×200pixcel、72pixcel/inchで新規に作成します。
ツールボックスでカスタムシェイプ（）を選択します。
カスタムシェイプは、オプションバーの「シェイプ」リストから選択することができます。
画像の任意の位置をドラッグします。他のシェイプツール同様に図が描かれます。
カスタムシェイプを作成する練習のため、別のファイルを開きます。
適当な絵や写真画像があると最適です。ここでは、素材集から花の画像を選択しました。
今回は選択範囲をパスに変換して、さらにカスタムシェイプを作成します。なげなわ選択ツールなどで選択してもよいのですが、少し面倒な形状なので、色域指定選択から選択範囲を作成してみます。
［イメージ］メニューの［色調補正］から［２階調化...］を選択して、そのままのオプションで実行します。

白黒の画像に変化します。
［選択範囲］メニューの［色域指定...］を選択して、「シャドウ」を指定して実行します。
パスパレットを表示します。画面上にみあたらない場合は、［ウィンドウ］→［パスを表示］を選択してみてください。
パレットの下の［選択範囲から作業用パスを作成...］ボタンをクリックします。
パスパレットに作業用パスができます。
［編集］メニューの［カスタムシェイプを定義...］を選択し、「テストシェイプ」の名前で保存します。
カスタムシェイプツールのいちばん最後に、「テストシェイプ」が追加されたことを確認します。