1分SHAREツイートシェアはてブLINEPocketツイートシェアはてブLINEPocketスポンサーリンク「Phtoshop」ってillustratorのように文字を自由に変形したり移動させたりする方法ってわからなかったりしませんか?一つ一つ文字を書いて言って調整する方法もあるにはありますが、レイヤーがいっぱいになってしまいますし、もっと良いやり方ってあるような気がする。今回はこの写真にデザイン的に文字を変形・移動させて配置して行きたいと思います。文字を繋がらないように描くまずは入れたい文字を書いていきます。文字はなんでもよかったのですが、この写真を撮ったイベント名のサブタイトルにしておきます。文字が繋がっているとあとでの調整が難しくなってきますので文字パネルからオレンジで囲んだところから「文字幅」を広めに調整して繋がらないようにしておきます。続いて文字レイヤーを選択した状態で右クリックします。オプションの中に「シェイプに変換」がありますので、こちらをクリックします。するとパスパネルに「シェイプパス」が作成されます。要は今までフォントだったものが「パス化」され、図形のような扱いになった感じです。Illustratorで言えば「アウトライン化」されたのと同じですね。スポンサーリンクパスコンポーネント選択ツールで個別に選択ツールバーから「パスコンポーネント選択ツール」を選択。変形・移動させたい文字だけを囲うように選択すると、選択した文字だけパスが浮き出た上智になります。一度選択したあとでも「Shift」を押しながら再度ドラッグして他の文字を囲めば、追加で選択できます。この時点で「パスコンポーネント選択ツール」で選択した文字は移動させることができます。個別に選択した文字を自由変形で変形・移動が思いのままにそれでは「B」の文字を先ほどの「パスコンポーネント選択ツール」で選択した状態で「Command」+「T」で「自由変形」にします。選択されたパスの部分だけ囲われた形になり、四隅の点の部分を引っ張ることで拡大・縮小と回転さすことができます。「自由変形」でも文字に触れた状態であれば移動もできますので、デザイン的に配置したりするのは「パスコンポーネント選択ツール」で選択した時でなく、ここでひとまとめで調整していく方がしっくりくると思います。一片を「Command」を押しながらドラッグすると、文字を変形させることが可能です。簡単操作で写真に文字をデザイン的に配置した作例お教えした簡単にできる「文字を個別に変形・移動」だけでデザインしたのがこちら。操作は簡単ですがアレンジの方法は無数にあります。