Photoshop

【Photoshop】フォトショでアンカーポイントの追加/削除とハンドル削除の方〜リボンの形を作る〜

こんにちは、こら(@korasampo)です。

Photoshopを使用しバナートレースをはじめて、
あれ?これってどうやるの?
とつまづいてしまったことたくさんあります。

今回は、その中でもアンカーポイントの追加/削除ハンドルの消し方
について共有させていただきます。
ぜひ、私と同じ悩みを抱えた人たちに届いて欲しい…

どんな時に使うの?

シェイプを扱うなら、必ず使うのが「アンカーポイント」。これを移動させたり、追加したり削除したりして思い通りのシェイプを形作っていきます。

今回は、
こんな形のシェイプを作ります。

私が戸惑ってしまったこと

 

アンカーポイントを追加したら、勝手にハンドルが出てきて、尖った形に仕上がらない!どうやってこのハンドルを削除するの?

Illustrator(イラレ)では、アンカーポイントを追加しただけではハンドルが出てこないのに、Photoshop(フォトショ)では勝手ハンドルに付いてきます。

アンカーポイントの追加と移動方法

1.まずはシェイプを用意します。

長方形ツール(U)で長方形のシェイプを作ります。

2.アンカーポイントを追加します。

①ペンツール(P)を選択し
②シェイプの追加したい箇所をクリック

シェイプの真ん中を狙うときは、自由変形(⌘+T)しておくと真ん中が分かりやすいです。

3.アンカーポイントを移動して任意の形に近づけます。

①ダイレクト選択ツール(A)に持ち替え
(白い矢印になります)
ダイレクト選択ツール

②先ほど追加したアンカーポイントを移動させる
この時、shiftを押しながらだと、位置がずれません。

移動できました!!

でも、このままでは、ハンドルがついているので、カーブのついた形になってしまいますね。
↓そこで

ハンドルの削除方法

1.またペンツール(P)に持ち替えます。

2.altを押しながら
(アンカーポイント選択ツール(かくっとした矢印)に変わります)

3.アンカーポイント選択ツールになった状態でアンカーポイントをクリック

ここ、アンカーポイントをクリックというところがポイントです。
なんと私はハンドルをクリックし続け、あれ??全然消えない〜!!なんで?(泣)
となっておりました。
お恥ずかしい…。

アンカーポイント の削除方法

ちなみに、アンカーポイントを打つ位置を間違えてしまった、
というときは、
①ペンツール(P)を選択し、
②消したいアンカーポイントを再度クリック
(アンカーポイントの上にマウスを置くとアンカーポイント削除ツールに切り替わります)

これをマスターすれば、どんなシェイプも簡単ですね。

まとめ

Photoshopでのアンカーポイントの操作にはコツがあります。

アンカーポイントの追加は

P + オブジェクト上の追加したい箇所をクリック

ハンドルを削除したい場合は

P + alt + アンカーポイントをクリック

アンカーポイントを削除したい場合は

P + 消したいアンカーポイントをクリック

とっても簡単でした!

バナートレースをしていると、たくさん出てくるリボンのような形。
最初はこれでもどうやって作るのか苦労しました。
(出てくるたびに、あぁ、最初はこんなに時間をかけていたなぁ…と思い出します)

<バナートレースをする→わからないことを調べる>
この勉強法、フォトショップの使い方を理解する上で本当に有効だなと感じました。
皆さんもぜひ、試してみてください。

バナートレースに関する他の記事はぜひこちらもご参照ください。

【おすすめオンライン講座】Udemy「サンペー先生の『思わずクリックさせる魔法のバナー講座 超簡単!売れるデザインは、ただなぞるだけ』」やってみた感想こんにちは、こら(@korasampo)です。 この度、オンライン動画学習サービスのUdemyで サンペー先生の「思わずクリック...