こんにちは、こら(@korasampo)です。
Photoshopを使用しバナートレースをはじめて、
あれ?これってどうやるの?
とつまづいてしまったことたくさんあります。
今回は、その中でもアンカーポイントの追加/削除とハンドルの消し方
について共有させていただきます。
ぜひ、私と同じ悩みを抱えた人たちに届いて欲しい…
どんな時に使うの?
シェイプを扱うなら、必ず使うのが「アンカーポイント」。これを移動させたり、追加したり削除したりして思い通りのシェイプを形作っていきます。
今回は、
こんな形のシェイプを作ります。
私が戸惑ってしまったこと
今日のバナートレース
時間切れになってしまいました💦
フォトショでのオブジェクトの扱い、難しい…
またどうしたら良いのか調べる宿題が増えました。#webデザイン勉強中 #バナートレース pic.twitter.com/kTC908nhws— こら🌱未経験からデザイン独学中 (@korasampo) June 4, 2020
Illustrator(イラレ)では、アンカーポイントを追加しただけではハンドルが出てこないのに、Photoshop(フォトショ)では勝手ハンドルに付いてきます。
アンカーポイントの追加と移動方法
1.まずはシェイプを用意します。
長方形ツール(U)で長方形のシェイプを作ります。
2.アンカーポイントを追加します。
①ペンツール(P)を選択し
②シェイプの追加したい箇所をクリック
シェイプの真ん中を狙うときは、自由変形(⌘+T)しておくと真ん中が分かりやすいです。
3.アンカーポイントを移動して任意の形に近づけます。
①ダイレクト選択ツール(A)に持ち替え
(白い矢印になります)
②先ほど追加したアンカーポイントを移動させる
この時、shiftを押しながらだと、位置がずれません。
移動できました!!
でも、このままでは、ハンドルがついているので、カーブのついた形になってしまいますね。
↓そこで
ハンドルの削除方法
1.またペンツール(P)に持ち替えます。
2.altを押しながら
(アンカーポイント選択ツール(かくっとした矢印)に変わります)
3.アンカーポイント選択ツールになった状態でアンカーポイントをクリック
ここ、アンカーポイントをクリックというところがポイントです。
なんと私はハンドルをクリックし続け、あれ??全然消えない〜!!なんで?(泣)
となっておりました。
お恥ずかしい…。
アンカーポイント の削除方法
ちなみに、アンカーポイントを打つ位置を間違えてしまった、
というときは、
①ペンツール(P)を選択し、
②消したいアンカーポイントを再度クリック
(アンカーポイントの上にマウスを置くとアンカーポイント削除ツールに切り替わります)
これをマスターすれば、どんなシェイプも簡単ですね。
まとめ
Photoshopでのアンカーポイントの操作にはコツがあります。
P + オブジェクト上の追加したい箇所をクリック
P + alt + アンカーポイントをクリック
P + 消したいアンカーポイントをクリック
とっても簡単でした!
バナートレースをしていると、たくさん出てくるリボンのような形。
最初はこれでもどうやって作るのか苦労しました。
(出てくるたびに、あぁ、最初はこんなに時間をかけていたなぁ…と思い出します)
<バナートレースをする→わからないことを調べる>
この勉強法、フォトショップの使い方を理解する上で本当に有効だなと感じました。
皆さんもぜひ、試してみてください。
バナートレースに関する他の記事はぜひこちらもご参照ください。
https://www.korasampo.com/banner-trace-first-month/