Photoshopでの図形の描き方まとめ：変形や色の変え方は？

図形を挿入するためのツールには全部で6種類あります。ツールのアイコンを右クリックするとこのように一覧表示にできます。

図形ツールを選んだ後、オプションバーの左側で［シェイプ］が選ばれていることを確認しましょう。［シェイプ］なら拡大しても図形がぼやけませんし、図形作成後でも色を変えることができます。

長方形ツールを選びキャンバス上をドラッグすると、ドラッグした大きさの四角形を作ることができます。

楕円形ツールを選びドラッグすると、ドラッグした大きさの円形を作ることができます。

角のまるっとした四角形を作りたいときは、角丸長方形ツールでドラッグしましょう。

角の丸み具合を変えたいときは、オプションバーの［角丸の半径］の数字を変えましょう。px数が大きくなるほど角が丸くなります。

多角形ツールにより、三角形や五角形などの多角形を作ることができます。

オプションバーの角数の数字を変更することで、何角形にするか決めることができます。

角数を3にしてドラッグすれば三角形を作ることができます。

星を作るときは多角形ツールを選んだ状態でキャンバスのどこかをクリックします。設定ウィンドウが開くので、角数を5に、星にチェックを入れ、OKをクリックしましょう。これで星が作られます。［辺のくぼみ］は星のへこみ具合を表します。

ラインツールを選択してドラッグすると、まっすぐな線をひくことができます。

線の太さは、これまたオプションバーで設定しましょう。

オプションバーで設定を変えれば、点線や破線をひくこともできます。［詳細オプション］をクリックすれば、点線の「１つ１つの点の長さ」や「点と点の間隔の広さ」を設定できます。点線の１つ１つの点を太くしたければ、オプションバーの［線の太さ］のpx数を大きくしましょう。

例えばPhotoshopにあらかじめ用意されているものだと、ハートや矢印、音符など様々な図形を挿入することができます。

また、カスタムシェイプの素材をPhotoshopにインストールすれば、より豊富な表現ができるようになります。

自由変形モードになったら、角の□をドラッグして大きさや向きを変えましょう。ちなみにドラッグするときに同時にshiftを押すと、タテとヨコの比率を保ったまま縮小・拡大ができます。

繰り返しになりますが、オプションバーの左側で［シェイプ］が選ばれていないと、これから説明する手順で色を変更することができません。

色を変えるときには、オプションバーの［塗り］や［ストローク］をクリックします。［塗り］は図形の中の色を表し、［ストローク］は図形周りの輪郭線を表します。

［塗り］or［ストローク］をクリックすると、色選択のウィンドウが開くので使いたい色を選びましょう。ちなみに、赤の斜線の入った四角は「透明（塗りつぶしなし）」を表しています。

こちらは［塗り］と［ストローク］の色を変えてみた例です。ライン線にはストロークの色が使われます。

たとえば、この２つの図形の片方の色を変えたいとします。

［塗り］の色をオレンジにしたところ、両方の図形の色が変わってしまいました。

なぜなら同じレイヤーの上に２つの図形が置かれてしまっているからです。同じシェイプレイヤー（この記事で説明しているような図形がのったレイヤーをシェイプレイヤーと言います）の上にある図形の色と位置はセットで動いてしまいます。

レイヤーパネルの下の［新規レイヤーを作成アイコン］をクリックしてレイヤーを追加します。

追加されたレイヤーの上に別の図形を作成します。

色を変えるときはレイヤーパネルで色を変えたい図形のレイヤーを選んでから…

［塗り］や［ストローク］の色を変更します。

するとアクティブなレイヤー（選択されているレイヤー）の色のみが変わります。このようにレイヤーを追加することで、色を塗り分けましょう。

図形挿入のツールを使うときに、オプションバーの１番左側に表示されている［シェイプ］［パス］［ピクセル］とは何なのでしょうか。