Photoshop ３Dウッドテキストチュートリアル

Photoshop ３Dウッドテキストチュートリアル https://pasonal.com/wp-content/uploads/2016/06/Photoshop_3DText_Wood_Effect_Thumbnails.jpg 424 283 パソコン生活サポート Pasonal パソコン生活サポート Pasonal //pasonal.com/wp-content/uploads/2016/11/Pasonal-logo-default.png 2016年6月8日 2019年11月13日

今回も3Dテキストを使用したマニュピレーションを作りたいと思います。前回のPhotoshop 3D テキスト / Rock Text Effectは、石のテクスチャを利用して作成しました。今回は木のテクスチャを使用したいと思います。基本的に『3D化』『マテリアルの登録』までは同じ作業になります。

今回は周りの背景と3Dテキストをどのようにして『馴染ませるか』がポイントになります。

Photoshop 3D テキスト完成図 / Results

開発環境

開発環境	Win10 64bit
Photoshop バージョン	Adobe Creative Cloud / Photoshop CC 2015
作成時間	約120分

ダウロード素材

ハチドリ – Adobe Stock

木目テクスチャ – BEIZ Graphics

シダ植物1 – DEVIANT ART

花（ピンク） – DEVIANT ART

花（オレンジ） – DEVIANT ART

草むら（葦） – DEVIANT ART

湖 – DEVIANT ART

湖２（予備） – Adobe Stock

フォント（VAL Font） – Font Squirrel

※その他の植物などはDEVIANT ARTからダウンロードしてください。

テキストの作成と3D化

テキストを作成して形を変形させた後、３Ｄテキストに変換します。作業用パスを利用することで、簡単に３Ｄ化できるのがポイントです。

キャンバスの作成

『1920px × 1200px （72dpi）』でキャンバスを作成します。

フォントの挿入

『VAL』フォントを使用して、およそ『230～240pt』で描画します。

※大きさは適度でＯＫです

作業用パスの作成

ここから『3D化』までは前回の記事（Photoshop 3D テキスト / Rock Text Effect）と同じ手順なので割愛します。テキストレイヤーを『右クリック　＞　作業用パスを作成』を選択し、パス化します。

※画像の文字は違いますが、手順は同じになります。

新規レイヤーの作成

新規レイヤーを作成し、テキストレイヤーを非表示にします。

選択ツールで文字を選択

選択ツールを使用し、『Ｐの文字のみ』を選択します。

変形させる

『Ctrl + T』で変形モードにし、『右クリック　＞　自由な形に』で台形のような形にします。

同様に変形させる

同様に『Ｓの文字』も逆の台形に変形させます。

新規レイヤー＆塗りつぶし

新規レイヤーを作成し、黒色で塗りつぶします。

３Ｄを作成

上部メニュー『3D　＞　選択したパスから新規3D押し出しを作成』を選択します。

ここまでの完成図

下記のような３ＤテキストになればＯＫです。

マテリアルの登録

３Ｄテキストに張り付ける岩テクスチャをマテリアルとして登録し、適用させます。手順が少し、ややこやしいので慎重に行っていきましょう。

木目テクスチャの挿入

ダウンロードした岩テクスチャを新規レイヤーに取り込みます。レイヤー上で『右クリック　＞　ポストカード』を適用させます。

3Dパネルに切り替える

『３Ｄパネル』に切り替え、上記の項目を選択します。

属性パネルに切り替え、登録する

『属性パネル』に切り替え、『ギアのアイコンをクリック』します。『新規マテリアル』を選択し、適切な名称で登録します。これで木目テクスチャが登録されました。挿入した木目テクスチャのレイヤーは不要なので、『レイヤーパネルに戻り削除』しておきましょう！

※名称は分かりやすいものなら何でもＯＫです。

３Ｄテキストへ木目テクスチャを貼り付ける

3Dテキストに登録した木目テクスチャのマテリアルを適用させます。『３Ｄパネル』と『レイヤーパネル』『属性パネル』を切り替えながら行います。

木目テクスチャを適用させる

岩テクスチャをマテリアルに登録したら、『３Ｄパネル』に戻ります。上記の５つの項目『○○○マテリアル』をすべて選択し、先ほど登録したマテリアルを『属性パネル　＞　木目テクスチャマテリアル』を適用させます。

※マテリアルは大抵の場合、一番下に追加れているハズです。

3D文字を分割させる

『レイヤーパネル』に戻り、レイヤー上で『右クリック　＞　押し出しを分割』を選択します。

こうすることで、すべての3Dテキストが『分離』します。

分離後のレイヤーを確認

『３Ｄパネル』に戻り、上記のような『アルファベット』が文字数分だけ出来ている状態になります。

※なぜ３つなのかというと、Ｐの文字が２つに分離しているからです。

レイヤーを並び替える

分割した直後はレイヤーがバラバラになっています。一番上のレイヤーから（表示・非表示の切り替えを利用して）確認し、順番に並べ替えましょう！下記のように順番どおりになればＯＫです。

3Dテキストの向きを調整する

『３Ｄパネル』から、レイヤーを一つ選択します。

上部メニューの３Ｄモードから文字の向きの調整を行ってください。３Ｄモードは左から順に『自由に回転』『Ｚ軸を基準に時計回転』『縦・横の移動』『奥行きの移動』になります。

下記のように『奥行き感』や『文字の重なり』を意識すると、より雰囲気ができます。

奥行きと重なりを意識する

『奥行き』と『重なり』を意識して文字を配置します。『近くにある文字は大きく』、『遠くの文字は小さく』、『角度を変えて重ねる』ことでより雰囲気が出るでしょう。

このあたりはちょっと試行錯誤が必要かもしれません。

バックグラウンド（背景）を追加

バックグラウンド’（背景）を追加し、幻想的な雰囲気になるようにカラーバランスを整えていきます。

湖と森の背景を挿入

『湖の背景』と『森の背景』を挿入します。

森の背景の右下には湖の背景を入れたいため、森の背景にレイヤーマスクを掛け、『黒のソフトブラシ』で隠します。その際、湖の画像はやや右寄りに配置するほうが良いでしょう。

下記の画像のように自然な湖になればＯＫです。

色相・彩度の適用

色相・彩度を適用していきます。

森の背景レイヤーに対して適用したいので、『境界線にカーソルをのせたままクリック』することで、下のレイヤーに対してのみ効果を適用させます。

さらに、色相・彩度のレイヤーマスクには『下半分を隠し』、ところどころ『白のソフトブラシ』で『穴あき』の状態にします。これは、色相・彩度を適用することによって地面の草まで濃い黄色になってしまうため、より幻想的な雰囲気を出すためにあえて『まだら模様』のようにしました。

トーンカーブの適用

次に『トーンカーブ』を適用します。上記のように『やや緩めのカーブ』を適用してください。さらにレイヤーマスクで『上半分を隠し』、地面だけを暗くしています。