Photoshopで3Dテキストエフェクトを作成する方法

プロフェッショナルで印象的なグラフィックやドキュメントをデザインしたいなら、Photoshopは素晴らしいツールになります。Photoshopは、シンプルなソフトウェアとは異なり、テキストの向きを変えたり、回転させたり、歪ませたり、傾けたりすることができます。PhotoshopにはCS4からCS6、CC Suite、Lightroomまでいくつかのバージョンがありますが、インターフェイスは基本的に同じです。これらのPhotoshopプログラムのどれを使っても、シンプルな3Dテキストを作成するのは簡単です。

パート1

新規画像ファイルの作成

1. 画面左上の「ファイル」ボタンをクリックします。ドロップダウンメニューが開き、いくつかのオプションが表示されます。
2. その中から「新規作成」をクリックします。Ctrl + N (Windows) または Cmd + N (Mac) をクリックして、新規画像を開くこともできます。新しいPhotoshopファイル用に設定できるいくつかのオプションがポップアップで表示されます。

   • 名前フィールドに新しい Photoshop ファイルの名前を入力します。
   • 画像サイズを300ピクセルに設定します。これにより、印刷時の画質が向上します。
   • デフォルトの画像は通常背景が白ですが、背景を透明にしたい場合は、「透明」オプションの横にある丸い丸にチェックを入れます。これで自動的にPNGとして保存されます。背景を透明にすると、3Dテキストを柔軟に使用できたり、レイヤーを重ね合わせることができたりと、さまざまな利点があります。
   • 新規イメージの設定が終わったら、"OK "をクリックします。
3. 背景色を変更します。デフォルトの白い背景色を選択した場合は、今すぐ変更できます。これを行うには、左側のツールバーにあるペイントバケツ（ペイント）アイコンをクリックします。ツールバーの左下にある2つの四角いボックスの間の最初のボックスをクリックして色を変更し、好みの色を選択します。ペイントバケツをドラッグして、白い画像上の任意の領域をクリックします。ドキュメントが選択した色で塗りつぶされます。
4. 画像を開く(オプション)。特定の画像上に3Dテキストを配置したい場合は、まず画像をPhotoshopに読み込む必要があります。これを行うには、もう一度「ファイル」に行き、ドロップダウンメニューから「開く」オプションをクリックします。ファイルブラウザが開きますので、フォルダから使用したい画像ファイルまで移動してください。画像が見つかったらクリックし、「OK」をクリックしてPhotoshopで開きます。

パート2

3D化するテキストを入力する

1. テキストツールを選択します。新規画像ファイルを作成するか、画像を読み込んだら、左のツールバーに移動します。テキストツールの「T」アイコンをクリックします。このツールをクリックすると、画面上部のツールバーが変わり、さまざまなテキストオプションが表示されます。
2. フォントを選択します。次に、3Dテキストに使用するフォントを選択します。テキストツールを選択したら、画面上部のテキストオプションツールバーに移動します。T "アイコンの横にある長方形のボックスの横にある矢印をクリックし、ドロップダウンするリストからフォントを選択します。

   • 3Dエフェクトは通常、太いフォントが最適です。
   • また、フォントスタイルボックスの隣にあるオプションを選択することで、テキストを太字または斜体にすることもできます。
3. フォントサイズを変更します。テキストオプションツールバーの数字が書かれたボックスの横にある下向き矢印ボタンをクリックします。ドロップダウンメニューに「6」から「72」までのフォントサイズが表示されます。使いたいサイズをクリックします。
4. フォントの色を変更します。テキストオプションツールバーに、テキストに使用されるデフォルトの色（通常は黒）のボックスがあります。これをクリックすると、カラーピッカーウィンドウが開きます。テキストに使用したい色をクリックし、"OK "をクリックします。上部のボックスの色が選択した色に変わります。
5. 画像にテキストを追加します。画像上のテキストを表示したい場所をクリックします。点滅するテキストアイコンが表示されます。作成したいテキストを3Dに入力します。テキストは、先ほど選択したフォントスタイル、サイズ、色で2Dに表示されます。

   • テキストが大きすぎたり小さすぎたりする場合は、テキストをハイライトし、テキストオプションツールバーに移動して、フォントサイズを適宜増減してください。
   • 2Dテキストに満足したら、テキストオプションバーに移動し、テキストカラーボックスの右側にあるチェックマークをクリックします。テキストが受理され、編集モードから抜けます。

パート3

テキストを3Dに変換する

1. テキストレイヤーが選択されていることを確認します。画面の右下にあるレイヤーパレットを探します。レイヤーパレットから「レイヤー」オプションをクリックします。テキストレイヤーが "背景レイヤー "の上に配置されているのが見えます。このテキストレイヤーは、背景レイヤーに影響を与えることなく、独立してテキストを編集するのに役立ちます。

   • テキストレイヤーが背景レイヤーの上にない場合は、クリックしたまま背景レイヤーの上にドラッグします。
2. テキストを変形します。テキストのサイズ、向き、歪みを変更したい場合は、「自由変形」コマンドを使用します。これを行うには、画面上部の "編集" をクリックし、ドロップダウンメニューから "自由変形" を選択します。キーボードショートカットは、Ctrl + T（Windows）、Cmd + T（Mac）です。

   • 画像のテキストの周りに変形ボックスが表示されます。テキスト画像のサイズを歪めるには、ボックスの角のハンドルをクリックし、希望のサイズまで斜めにドラッグします。ボックスのドラッグの仕方によって、テキストが細長くなったり、平たくなったりします。テキストを歪ませたくない場合は、Shiftキーを押しながらドラッグしてください。
   • テキストを回転させるには、マウスの左ボタンを押したまま、テキストの上部に表示される矢印型のハンドルをクリックします。
   • 変形後、Windowsの場合はキーボードの "Enter"、Macの場合は "Return "をクリックして変形を適用し、自由変形モードを解除します。
3. テキストをシェイプに変換する。単純に2Dのテキストで3D効果を作ることはできない。先に進む前に、テキストのパースペクティブを変更する必要があります。レイヤーパレットからテキストレイヤーを選択し、一番上の「編集」をクリックする。オプションから「変形」を選択すると、様々な変形オプションのドロップダウンメニューが表示されます。歪み」と「遠近法」がグレーアウトしているのが分かると思います。これは、現在テキストに対してこれらのアクションを実行できないことを意味します。

   • このオプションを有効にするには、テキストレイヤーをシェイプレイヤーに変換する必要があります。テキストレイヤーをシェイプレイヤーに変換したら、パースペクティブを変更することができます。レイヤーを変換する前に、テキストが自分の好みに編集されていることを確認してください。
   • 画面上部の「レイヤー」メニューを開きます。ドロップダウンメニューから「タイプ」をクリックします。サブメニューのオプションから、"シェイプに変換 "を選択します。テキストレイヤーがシェイプレイヤーとしてレイヤーパレットに表示されます。
4. パースを適用します。編集」メニューから「変形」を選択します。変形 "コマンドが "パスの変形 "と表示されます。これはテキストレイヤーがシェイプレイヤーになったからです。それをクリックし、セカンダリメニューから「パース」を選ぶ。

   • テキストの周りに、コーナーハンドル付きの変形ボックスが表示されます。遠近感を出すには、右下のコーナーハンドルを下に、右上のコーナーハンドルを上にドラッグします。テキストの高さが変わり、遠近感が出ます。その逆も可能で、左側の角、または上側の角と下側の角をドラッグします。
   • お好みのパースに変更できたら、「Enter」または「Return」をクリックして変更を確定します。
5. 複数のコピーを作成する。レイヤーパレットでシェイプレイヤーを選択し、左のツールバーから「移動」ツール（矢印とジャンクションアイコン）を選択します。Altキー（Windows）またはOptionキー（Mac）を押しながら、キーボードの右矢印キーを押します。何度でも押してください。回押すと、パレットにシェイプレイヤーの新しいコピーができ、各レイヤーは右下に1ピクセル移動します。左側にコピーしたい場合は、代わりに左矢印を押します。必要なパースペクティブの深さに達するまで、矢印を押し続ける。
6. 元のレイヤーを一番上に移動させる。複数のコピーを作成したら、レイヤーパレットに戻ります。背景レイヤーのすぐ上にある元のレイヤーを選択します。Windowsの場合は Ctrl + Shift + ]、Macの場合は Cmd + Shift + ]をクリックします。これで元のレイヤーがレイヤースタックの一番上に移動します。
7. コピーをマージします。すべてのコピーを1つのレイヤーに統合するには、Shift（またはOption）キーを押しながら、各レイヤーをクリックします。これにより、すべてのレイヤーが選択されます。レイヤーパレットでは、すべてのレイヤーが青くハイライトされていることに注意してください。

   • 上部の「レイヤー」メニューから、「レイヤーを統合」をクリックする。Ctrl (またはCmd) + Eを押してもOKです。すべてのコピーが1つのレイヤーとして統合され、背景レイヤーが下に、元のレイヤーが上になります。
8. グラデーションを加える。テキストに本物の3D効果を与えるには、レイヤーパレットから統合されたレイヤーを選択し、一番下にある「レイヤースタイル」に進みます。利用可能なオプションから「グラデーションオーバーレイ」を選択します。レイヤースタイルダイアログボックスが表示されます。

   • "グラデーション "の横にある色見本をクリックします。選択可能なグラデーションが表示されます。グラデーションの色を選択し、グラデーションの下のスタイルが「線形」で、回転角度が「90」に設定されていることを確認します。
   • OK」をクリックして、3Dテキストにオプションを設定します。これで、3Dテキスト画像を保存（CtrlまたはCmd + S）できるので、作業が失われることはありません。

この記事は、CC BY-NC-SAの下で公開された " How to Create a 3D Text Effect in Photoshop " を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。