Photoshopでテキストを変形する
Photoshopで入力したテキストを変形する方法
既存のフォントを一部変形して使いたいときや、テキストの形にマスクを作成したい場合の方法をご紹介します。
テキストをシェイプに変換
シェイプに変換して変形する
レイヤーパネルから簡単にテキストをシェイプに変換することができます。
一度シェイプに変換すると、テキストとして修正することができなくなるので、テキストの内容を決定してからにしましょう。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img001-6.jpg)
変形したいテキストを入力します。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img002-6-1024x521.jpg)
レイヤーパネルでテキストを右クリックし、シェイプに変換を選択します。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img003-7.jpg)
テキストがシェイプに変換されるので、シェイプとして編集します。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img004-7.jpg)
シェイプの編集について詳しくは下記の関連記事もご覧ください。
関連記事:Adobe Photoshopを使ったWeb用画像加工の基礎(5)
テキストにゆがみを適用
ゆがみフィルターでテキストを変形
ゆがみフィルターを使えばマウスポインタでなぞった部分を変形させることができます。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img010-7.jpg)
変型するまえにテキストをスマートオブジェクト化しておきます。
スマートオブジェクトについて詳しくは下記の関連記事もご覧ください。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img011-6.jpg)
スマートオブジェクトを選択し、メニューバーからフィルター>ゆがみを選択します。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img012-9-1024x442.jpg)
左側のツール群から前方ワープツールを選択します。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-1-1.jpg)
前方ワープツールでテキストの上をなぞるとその部分をゆがませることができます。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img013-8-1024x557.jpg)
事前にテキストをスマートオブジェクト化していたので、ゆがみフィルターの効果はオン/オフすることができます。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-8-1024x398.jpg)
レイヤーパネル上の目のアイコンをクリックで効果のオン/オフを切り替えることができます。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img015-6-1024x398.jpg)
オフにするとゆがみフィルターを使用する前の状態になります。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-2-1-1.jpg)
ゆがみフィルター内のツールを切り替えると変形の仕方を変えられます。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-2-1.jpg)
縮小ツールはクリックした部分を中心に縮小します。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-3-1-1.jpg)
膨張ツールは縮小ツールの反対です。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-3-1.jpg)
クリックした部分を中心に膨張します。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-4-1-1.jpg)
渦ツール-右回転はクリックした部分を中心に回転させます。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-4-1.jpg)
渦ツールはAltキーを押しながらクリックすると回転の方向が反対になります。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-5-1-1.jpg)
ピクセル移動ツールは上にドラッグするとピクセルが左に移動します(下にドラッグするとピクセルが右に移動します)。
![](https://salad-knowdo.com/wp-content/uploads/2022/10/img014-5-1.jpg)
ゆがみツールの使用例
ゆがみツールは画像に顔が含まれている場合、認識して顔の表情を変えることができます。
![顔](https://salad-knowdo.com/wp-content/uploads/2022/10/img016-6.jpg)
顔のパーツごとのパラメーターを入力して調整できます。
![ゆがみツール](https://salad-knowdo.com/wp-content/uploads/2022/10/img016-2-3.jpg)
口に関するパラメーターを変更して笑顔にしました。
文字マスクツール
テキストの形に選択できる
文字マスクツールを使用すると、テキストの形に選択範囲を作成できます。
![文字マスクツール](https://salad-knowdo.com/wp-content/uploads/2022/10/img005-7.jpg)
ツールボックスから横書き文字マスクツールを選択します。
ない場合はテキストツールか…の右下の三角をクリックしてツールを追加します。
![文字マスクツール](https://salad-knowdo.com/wp-content/uploads/2022/10/img006-7.jpg)
バウンディングボックスが表示されるので、テキストを入力します。
![文字マスクツール](https://salad-knowdo.com/wp-content/uploads/2022/10/img007-7.jpg)
テキストを入力して決定すると文字の形に選択範囲を作成します。
![文字マスクツール](https://salad-knowdo.com/wp-content/uploads/2022/10/img008-7.jpg)
選択範囲でレイヤーマスクを作成するとテキストの形に切り抜くことができます。
![文字マスクツール](https://salad-knowdo.com/wp-content/uploads/2022/10/img009-7.jpg)
レイヤーマスクの範囲を反転すると、写真をテキストの形に切り抜くことができます。
仕事・働き方に悩んでいたら。『Salad』が強みを活かす就職のサポートをします
まとめ
スマートフィルターなら元に戻せる
テキストを変形する前にスマートオブジェクト化すれば、スマートフィルターに対応したフィルターはスマートフィルターとして適用することができます。
スマートフィルターは作成後もレイヤーパネル上で表示/非表示、調整、順序の変更、削除を行うことができます。