応用

丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

長方形、丸、楕円、多角形などある程度、決まった形の線を引く場合、普通に「ブラシツール」、「鉛筆ツール」で線を引くのは難しいことです。それらの形状の線を簡単ひくには、「長方形ツール」「楕円形ツール」「多角形ツール」「カスタムシェイプツール」を使用します。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

長方形ツールなどを選択し、オプションバーの「塗り」を非表示にし、「線」の色を設定し、線幅を決めます。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

塗りを非表示、線の色、幅を設定します。ファイル内でドラッグすると、どんな大きさにしても設定した線幅で線のみの図形ができます。(シェイプレイヤーが追加されます。)
「属性」パネルが表示されている場合、パネル内の設定を変更することで、ファイル上の図形を変更することもできます。「属性」パネルが表示されていないときは、操作したいシェイプレイヤーを選択し、「属性」ボタンをクリックするとパネルが表示されます。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

作成した枠線のみのシェイプレイヤーを再度編集したい場合は、「Ctrl」+ Tキーを押すと編集可能な状態になります。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

直感的に大きさを変化させたい場合は、「Ctrl」+Tキーを押したあとに表示される白抜きの四角マークにカーソルを合わせてドラッグして形状を変化させます。回転させたい場合は、コーナーの四角マークの外側にカーソルを合わせると曲がった矢印上のカーソルが表示されますので、ドラッグして回転させます。
正確にサイズを変化させたい場合は、「属性」パネルを表示させて、サイズを入力し変化させます。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

設定後に色を変更する場合は、変更する図形のシェイプレイヤーを選択し、オプションバーの線のところクリックし、色を選択します。色が変わったのが確認できたら図形の線の色も変わっているのが確認できます。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

設定後に色を変更する場合は、変更する図形のシェイプレイヤーを選択し、オプションバーの線のところクリックし、色を選択します。色が変わったのが確認できたら図形の線の色も変わっているのが確認できます。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

表示されているカスタムシェイプの種類が少ない場合は、「すべて」をクリックすると予め準備されているものすべてが表示されます。

カスタムシェイプで設定されている形状の比率どおりに形を作る場合は、「Shift」キーを押しながらドラッグしてください。「Shift」キーを押さないでドラッグした場合は、縦横の比率が自由に変化してしまいますので、注意して下さい。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

角丸長方形ツールの場合、オプションバーで線の色、幅を決めた後に「角丸の半径」の数値を設定します。ここで設定した数値は、4つのコーナーの角丸サイズとなります。コーナーの角丸サイズは角コーナーを別々のサイズにすることも可能です。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法

「角丸の半径値をリンク」をオフにして、別サイズを設定するとこのようなイメージになります。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法
10

「長方形ツール」「楕円形ツール」「角丸長方形ツール」で枠線を作った場合、「属性」タブの中に枠線をパスの内側に表示するのか、中央か、外側かを選択することができます。線の幅が2で割り切れる場合は、いずれの場合もはっきりとした線で表示されます。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法
11

「長方形ツール」「楕円形ツール」「角丸長方形ツール」で枠線を作った場合、「属性」タブの中に枠線をパスの内側に表示するのか、中央か、外側かを選択することができます。線の幅が2で割り切れる場合は、いずれの場合もはっきりとした線で表示されます。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法
12

「長方形ツール」においては、線をパスの中央、外側を選択した場合、角の形状を選択することができます。

Photoshop CC 丸、楕円、角丸長方形、多角形、その他決まった形の線をひく方法
PAGE TOP