Photoshop 3D テキスト チュートリアル:ビジュアルを強化する簡単な方法 [2024]

Photoshop で 3D テキストを作成すると、画像やビデオを強化して、新しい次元と奥行きを与えることができます。初心者にとっては難しいように思えるかもしれませんが、最も簡単な 2 つの方法を順に説明します。

Photoshop CS6 Extended または CC を使用して 3D テキストを作成する場合でも、手順に従ってプロセスをすばやくマスターしてください。

3D テキスト Photoshop チュートリアルに入る前に、このラスター グラフィック エディターを使用する利点を見てみましょう。

この記事について

パート 1:Photoshop を使用して 3D テキストを作成する理由

Photoshop で 3D テキストを作成する最も注目すべき理由は次のとおりです。

• 非破壊編集 – Photoshop では、元の画像に影響を与えることなく、個々のレイヤーを作成および編集できます。テキスト レイヤーの編集中に変更されないため、既存のビジュアルに 3D テキストを追加するのに最適です。
• さまざまなレイヤー スタイル – Photoshop で 3D テキスト スタイルをシームレスにカスタマイズできます。カラーまたはグラデーションのオーバーレイ、ドロップ シャドウ、内側の光彩、テクスチャ、その他のブレンド オプションを適用して、3D テキスト効果に深みを加えることができます。
• 広範なプラグインのサポート – Photoshop は、デザインを合理化するための多くのアドオンと互換性があります。 3D テキスト Photoshop プラグインをインストールして、カスタマイズ可能なエフェクトやアクションをライブラリに追加できます。既製の編集可能な 3D テキスト Photoshop モックアップを使用すると、公園を散歩するような作品にすることができます。

Photoshop 3D テキスト エフェクト PSD ファイルをダウンロードする場合でも、カスタム デザインを作成する場合でも、Photoshop は創造的な自由を与え、3D テキスト編集を超えた多くの便利なツールを提供します。

Photoshop で 3D テキストを作成する方法を見てみましょう。

Photoshop で 3D テキストを作成するには、タイプレイヤーからテキストを押し出すか、アクションを記録して特定の効果を適用します。それぞれの手順は次のとおりです。

方法 1:3D 押し出しを使用する

選択した文字レイヤーからテキストを押し出すことは、テキストを 3D レイヤーに変換することを意味します。 Photoshop で押し出しを使用して 3D 文字を作成する方法は次のとおりです。

ステップ 1:新しい Photoshop ドキュメントを作成し、カラー モードが RGB であることを確認します。そうしないと、Photoshop でテキストを押し出すことができません。

ステップ 2:文字ツールをアクティブにして、フォントとサイズを設定します。

ステップ 3:カラー ピッカーを開き、テキストの色を選択します。

ステップ 4:Photoshop に (将来の) 3D 文字を入力し、移動ツールを使用して位置を調整します。次に、[レイヤー] パネルでテキスト レイヤーを右クリックします。

ステップ 5:[選択したレイヤーから新しい 3D 押し出し] をクリックします。

ステップ 6:ダイアログ ボックスで [はい] をクリックして、3D ワークスペースに切り替えます。

ステップ 7:[レイヤー] パネルで背景レイヤーを右クリックし、[ポストカード] をクリックします。

ステップ 8:Shift キーを長押しし、両方のレイヤーをクリックして選択します。次に、Shift キーを放し、Ctrl + E ショートカット (macOS では Command + E) を使用してレイヤーを結合します。

ステップ 9:3D パネルに切り替え、テキスト レイヤーをクリックして選択します。

ステップ 10:[プロパティ] パネルに移動して、[形状プリセット] の下にある Photoshop 3D スタイルを参照し、お気に入りを選択します。

ステップ 11:3D パネルに戻り、テキストレイヤーを選択します。次に、下部にある電球ボタンを押して、新しい無限ライトをクリックします。 3D テキスト レイヤーの下にあるすべてのオプションを選択し (または上部の 3 番目のボタンをクリックし)、[プロパティ] でカスタマイズすることでマテリアルを変更することもできます。たとえば、Photoshop で 3D メタル テキストを作成できます。

ステップ 12:光源を追加したら、その方向を調整して影をカスタマイズします。

ステップ 13:[プロパティ] パネルで光源の色、強度、影の柔らかさを変更します。次に、下部にある 3D レンダリング ボタンをクリックし、Photoshop がデザインを処理するまで待ちます (しばらく時間がかかります)。

ステップ 14:Photoshop で 3D テキスト スタイルの準備ができたら、[レイヤー] パネルでレイヤーを右クリックし、[スマート オブジェクトに変換] をクリックします。

ステップ 15:[ワークスペース] ドロップダウン リストで [Essentials] を選択し、3D テキスト Photoshop PSD ファイルを保存します。

3D 押し出しの使用の長所と短所

• 平面レイヤーを 3 次元に拡張する
• テキストにマテリアルを適用する
• 奥行きを出すために光源を追加する

• RGB カラーモードのみとの互換性
• 高い GPU 要件
• メモリ使用量が多い
• レンダリングが遅い

方法 2:3D テキスト アクションを使用する

Photoshop で 3D 文字を作成するもう 1 つの方法は、アクションを記録することです。これにより、複数のテキスト レイヤーを結合して 3D 効果を作成する前に、特定の変更を複数のテキスト レイヤーに適用できます。

代わりに、3D テキスト アクション Photoshop を無料でダウンロードすることもできます。多くのサイトでは、複数のモックアップ デザインを含む編集可能なテンプレートが提供されており、時間と労力を節約できます。

Photoshop で 3D テキスト アクションを作成して文字を 3D に変換する方法は次のとおりです。

ステップ 1:希望の仕様で新しい Photoshop ドキュメントを作成します (カラー モードは RGB のままにします)。

ステップ 2:背景レイヤーをダブルクリックして、整理しやすいように名前を変更します。手順を進める際にわかりやすくするために、「Top Layer」という名前を付けることができます。

ステップ 3:文字ツールをアクティブにして、希望のフォントを選択します。サイズ、スタイル、色を調整し、テキストを入力します。

ステップ 4:最上位レイヤーを右クリックし、「スマート オブジェクトに変換」をクリックします。

ステップ 5:[レイヤー]> [レイヤーの複製] に移動するか、Ctrl + J (macOS では Command + J) を押します。次に、コピーを最上位レイヤーの下に移動し、名前を 3D Effect に変更します。

ステップ 6:[編集]> [自由変形] をクリックし、オプション バーで幅と高さを調整します。すぐに同じレイヤーをさらに作成して深さを追加するため、99.9% に設定するのが理想的です。次に、移動ツールを使用してテキストを右にドラッグして、テキストを太くします。文字の間に空白スペースができたくないので、やりすぎないように注意してください。以下の丸で囲んだ例は、テキストを残さない方法を示しています。

ステップ 7:[ウィンドウ]> [アクション]> [新しいアクション] (プラス ボタン) に移動し、3D 効果などの名前を選択します。次に、[アクション] パネルの [記録] ボタンを押して、手順 5 ～ 6 を繰り返します (最上位レイヤーを複製し、コピーをその下に移動し、自由変形を使用してテキストのサイズと位置を変更します)。終了したら、「停止」ボタンをクリックします。

ステップ 8:最初の 3D 効果レイヤーをクリックし、[アクション] パネルの [再生] ボタンを複数回押します (希望の文字の太さに達するまで)。次に、Shift キーを使用してすべてのコピーを選択し、Ctrl + G (Mac の場合は Command + G) を押してグループ化し、3D フォント Photoshop レイヤーに変形します。

ステップ 9:3D Effect グループをダブルクリックし、Layers パネルの下部にある fx ボタンを押します。 3D Photoshop スタイルを使用してテキストを強化できるようになりました。まず、カラー オーバーレイを追加し、不透明度を 50% に設定します (単なる提案です)。次に、ブレンド モードで色を選択します。

ステップ 10:[内部グロー] をクリックして、構造、要素、品質をカスタマイズします。

ステップ 11:Inner Shadow を追加し、パラメータを調整します。 「OK」をクリックします。

ステップ 12:最上位レイヤーをダブルクリックし、レイヤーパネルで fx をアクティブにします。ストロークを追加し、好みに合わせて設定をカスタマイズします。

ステップ 13:インナー グローを適用し、パラメータを調整します。

ステップ 14:最後に、必要な設定を使用してグラデーション オーバーレイを追加し、[OK] をクリックします。

Photoshop で 3D レイヤー スタイルのすべての設定を行った結果が次のとおりです。

3D テキスト アクションの使用の長所と短所

• 低い GPU 要件
• メモリ使用量が少ない
• 長時間の 3D レンダリングは不要

• 3D 押し出しよりも複雑なプロセス
• 文字の端がはっきりしない
• 3D ワークスペースの高度な機能はない
• RGB カラーモードのみの互換性

こちらもおすすめ:Photoshop でテキストのアウトラインを作成する方法

パート 3:Photoshop で 3D テキスト効果を作成する場合の欠点

Photoshop の 3D テキストは、創造的な可能性でデザインを向上させることができますが、この方法にはいくつかの制限があります。 3-D テキスト効果を生成するためにこのツールを使用する場合の欠点の一部を以下に示します。

幸いなことに、代替手段があります。 ユーザーフレンドリーなインターフェイスで 3-D テキスト効果を生成するためのより包括的なソリューションをお探しの場合は、Wondershare Filmora などのツールを使用できます。 Filmora を使用すると、Photoshop 効果で 3D テキストを含む画像を使用してビデオを作成できます。さらに、このプラットフォームは、ビジュアル コンテンツを補完する多種多様なプリセット 3D テキストを提供します。

PC からクリエイティブなテキストエフェクトを追加するだけでなく、Filmora アプリを使用してスマートフォンから直接エフェクトを作成して追加することもできます。 

Wondershare Filmora

一番いいところは？ Filmora はリソースを大量に消費しません。 CPU や GPU リソースを大量に消費することなく、高速なレンダリングを実現します。ユーザーフレンドリーなインターフェイスは初心者にとって理想的であり、高度な機能 (多くの AI を活用した機能を含む) により、すべてのコンテンツ クリエイターにとって究極のビデオ編集ソフトウェアとなります。 3D テキスト ツールの使用方法は次のとおりです。

パート 4:動画に 3D テキストを追加する方法 [Filmora]

Filmora を使用すると、ビデオに 3D テキストを追加することができます。 Filmora は、魅力的で視覚的に魅力的な 3D テキストを動画に追加し、広範な実用的な機能によってコンテンツの全体的な品質と創造性を向上させるための強力なツールです。

Filmora で 3D テキストを追加するための主な機能

ビデオに 3D テキストを追加する 4 つの方法の手順は次のとおりです。

3D テキスト効果 Photoshop の無料ダウンロードからモックアップをカスタマイズした場合でも、オリジナルのデザインを作成した場合でも、3D テキストを Filmora にインポートしてビデオに追加できます。ただし、Filmora は PSD ファイルをサポートしていないため、まず PNG 形式に変換し、背景が透明であることを確認してください。

Photoshop で作成した 3D テキストをビデオに追加するには、次の手順に従います。

方法 1. Photoshop で作成した 3D テキストをビデオに追加する方法

前述したように、Filmora を使用すると、ユーザーは 3D テキスト Photoshop 画像をビデオに追加し、シームレスな外観を作成できます。このツールを使用して Photoshop で作成したテキストをビデオに追加する方法については、以下の手順をお読みください。

方法 2. プリセットを使用して Filmora でビデオの 3D テキストを作成する方法

Filmora の広範な機能により、高品質の結果を生成するための幅広い Photoshop 3D テキスト プリセットも提供されます。以下に、プラットフォームが提供するプリセットを使用してこれらのテキスト効果を作成する手順を示します。

方法 3. Filmora でビデオのカスタム 3D テキストを作成する方法

Filmora の豊富なマルチメディア機能を使用して、カスタマイズした 3D テキスト効果を作成できます。このプラットフォームを使用すると、魅力的なテキストを一から作成できます。このマルチメディア エディタを使用してカスタマイズされた 3D テキストを作成する方法については、以下のガイドに従ってください。

• ステップ 1. 作成するテキストを入力します。 Filmora で新しいプロジェクトを作成したら、ツールバーに移動して「タイトル」ライブラリを取得します。次に、好みのタイトルの種類を選択し、「+」アイコンを押して使用します。右側のパネルにアクセスして、テキスト フィールドにテキストを追加します。属性をカスタマイズするか、ツールが提供するプリセットから選択して、テキストの外観を変更します。
• ステップ 2. テキストにアニメーションを追加します。次のウィンドウで、「アニメーション」タブにアクセスし、「イン」、「アウト」、または「ループ」セクションからアニメーション スタイルを選択します。お気に入りのテキスト アニメーションを選択し、クリックしてプレビュー ウィンドウ内でプレビューします。下部にある「適用」ボタンを押して、選択したスタイルを適用します。
• ステップ 3. テキスト トラックをコピーします。次に、タイムラインに移動し、テキスト トラックを右クリックしてコピーします。次に、トラックの一番下に移動し、「貼り付け」オプションを使用してタイムラインに貼り付け、テキストトラックの複製を作成します。
• ステップ 4. テキストトラックの間に調整レイヤーを追加します。次に、ツールバーから「メディア」セクションにアクセスし、左側から「調整レイヤー」を展開します。ここで、「+」アイコンを押して、タイトルトラックの間に調整レイヤーを追加します。
• ステップ 5. ブラー効果をレイヤーに適用します。調整レイヤーをクリックした後、ツールバーに移動して「エフェクト」ライブラリを有効にします。ライブラリから好みのぼかしを選択し、「+」アイコンを使用して適用すると、テキストに 3D モーション効果が追加されます。次に、右側の「エフェクト」パネルにアクセスし、さまざまなスライダーをドラッグして好みに応じて調整します。
• ステップ 6. 将来使用できるように、作成したテキストを保存します。右側の「レイヤー」パネルを有効にし、「カスタムとして保存」ボタンをクリックします。ここで、調整レイヤーに名前を付け、「OK」ボタンをクリックして後でアクセスできるように保存します。
• ステップ 7. テキストの位置を変更してエクスポートします。テキストをより明確な 3D 外観にするには、プレビュー ウィンドウでテキストをクリックし、カーソルをドラッグして位置を変更します。作成したテキスト効果に満足したら、「エクスポート」ボタンをクリックしてビデオをコンピューターデバイスに保存します。

方法 4. Filmora アプリを使用して 3D テキスト効果を追加する方法

外出中にビデオにテキスト効果を追加したい場合は、Filmora アプリ [iOS/Android] を使用できます。魅力的なテキストをコンテンツに簡単に追加できる、さまざまなフォント スタイルを備えた幅広い 3D テキスト テンプレートを提供します。ライブラリにアクセスし、このアプリケーションを使用してビデオにテキスト効果を適用する方法については、以下の手順をお読みください。

パート 5:Photosho でテキストを 3D オブジェクトに変える方法

Photoshop を使用すると、テキストを立方体、円柱、ピラミッド、ドーナツなどの 3D オブジェクトに変換できます。このプロセスには、テキスト レイヤー (または任意の 2D 画像) からメッシュを作成することが含まれます。

Photoshop でテキストを 3D オブジェクトに変換する方法は次のとおりです。

おまけ:使用できるおすすめの 3D フォント ファイル

前述したように、Photoshop の 3D は、コンテンツに追加されたテキストに瞬時に魅力を与えるのに役立ちます。以下に、Photoshop の作品に追加できる 3D フォント ファイルの推奨事項をいくつか示します。

🤩 興味があるかもしれない投稿:3D Text Premiere Pro プリセットとテンプレート ガイド>>

結論

この 3D テキスト効果 Photoshop チュートリアルは非常に素晴らしいものです。ここまで読んでいただきありがとうございます。 3D テキストを習得し、プロセスを簡素化するのに役立つことを願っています。

ただし、Filmora を使用すると、プリセットを使用する場合でも、最初から作成する場合でも、ビデオの 3D テキストをより迅速に作成できます。コンピューターの速度を低下させることなく、デザインをすばやくレンダリングします。 3D Photoshop のテキスト効果をインポートし、PIP オーバーレイとしてビデオに追加することもできます。

無料で始めましょう Win 7 以降 (64 ビット) で始めましょう macOS 10.14 以降の場合