Photoshopで図形を使ったことはありますか? 基本的な図形、例えば長方形や楕円形などを、そのままの形で使うだけではなく、変形させることで、無限大のデザインの可能性が広がります。
今回は、「パス選択ツール」を使って、図形を自由自在に変形させる方法を初心者向けに紹介します。
このテクニックをマスターすれば、図形デザインが一気に楽しくなりますよ!
Photoshopの基本的な図形ツールを理解しよう
まずはPhotoshopの基本的な図形ツールを確認しましょう。
ツールバーから「図形ツール」を選び、長方形、楕円形などを選択し描きます。ここまでは簡単ですが、この後が本番です!描いた図形を「パス選択ツール」で自由に変形させてみましょう。
図形の基本的な描き方
ツールバーから長方形ツールを選択 → 長方形ツール


Shift + マウスドラッグで正方形にすることもできます。

パス選択ツールで図形を変形する方法
図形を変形させるために今回メインで使うのは「パス選択ツール」です。
パス選択ツール:図形の角や辺をドラッグして、思いのままに形を変えることができます。
パスコンポーネント選択ツール:角を丸めるときに使います。

⬇️パス選択ツールを選択している状態

⬇️パスコンポーネント選択ツール

長方形の変形
長方形は、最もシンプルな図形ですが、角を丸めたり、辺を斜めにしたりと、様々なアレンジが可能です。
例えば、片側だけを伸ばして台形にしたり、コーナーを滑らかにして柔らかい印象を作ることもできます。
⚫︎選択した箇所を動かすとで好みの形に自由に変えることができます。
形がOKであればポップアップの「はい」を選択

直角三角形を作る場合
完成イメージ


長方形で作るアレンジ
シンプルで1番簡単にアレンジできます。

楕円形の変形
楕円形は曲線が特徴的ですが、これを変形させるとさらに面白い形になります。片側を細くして水滴のような形にしたり、少し潰して楕円形を不規則にすることで、デザインに動きを加えられます。
図形の作成、パス選択ツールの使い方は長方形の時と同じ要領です。
楕円形を使って簡単にしずく型を作る場合
トップに変更を加えたいので一番上の箇所を選択

選択箇所を上に引っ張って高さを出す

このままでは曲線が残ったままになるので左右のハンドルを選択した中央部分ドラッグする

しずく型の完成!

楕円形で作るアレンジ
シンプルで1番簡単にアレンジできます。

まとめ
Photoshopの長方形、楕円形を「パス選択ツール」で自由に変形することで、デザインの幅が大きく広がります。
今回はとってもシンプルで簡単な方法を紹介しましたが図形を少し変形するだけで、個性的で魅力的なデザインが作れますので、ぜひ試してみてください!