3Dタイポコンポジングは、素晴らしいテキスト効果を創造的なデザイン要素と組み合わせ、あなたのタイポグラフィを全く新しいレベルに引き上げます。未来的な、抽象的な、またはテーマに沿った外観をデザインしたい場合でも、Photoshopを使用して、ビジュアル的にメッセージを強調する個別の3Dタイポコンポジングを作成できます。このチュートリアルでは、テクスチャ、ライトエフェクト、および他のデザイン要素を使用して、ステップバイステップで3Dタイポグラフィを演出する方法を紹介します。さあ、始めましょう。あなたのタイポを芸術作品に変えていきましょう!

ステップ1:

まず、新しいドキュメントを作成します。サイズは完全に問題ありませんが、ここでは800x600ピクセルの非常に小さいサイズを選択します。この効果を印刷する場合は、単位を「cm」に変更し、解像度を72から300ピクセル/インチに変更する必要があります。

3Dタイポコンポジング

ステップ2:

今、1文字のテキストレイヤーを作成します。その後、メニューで「3D > Repoussé > テキストレイヤー」をクリックします。

ステップ3:

次の設定を行います(マテリアルでは、「すべて」で「テクスチャなし」のテンプレートを使用します)。

ステップ4:

次に、ウィンドウで3Dパネルを開き、エクストルージョンの色を変更します。

ステップ5:

続いて、既に色が合っていますが、文字の前面には自分でテクスチャを作成したいと思います。

ステップ6:

新しいテクスチャのために、200 x 1ピクセルの新しいドキュメントを作成します。その後、背景レイヤーをダブルクリックして内容を削除します。その後、ドキュメントの半分を含む選択を作成し、それを青で塗ります。その後、すべてを選択して、「メニュー > 編集 > パターンを定義」で保存します。

ステップ7:

パターンが保存されたので、2000x2000ピクセルの新しいドキュメントを作成します。その後、新しいレイヤーを追加して塗りつぶします。その後、塗りの不透明度を0%に設定します。次に、塗りのオプションで新しいパターンを有効にし、テクスチャをPSDファイルとしてハードディスクに保存します。

ステップ8:

次に、ドキュメントに戻り、「マテリアル - フロントフェイス膨脹」で新しいテクスチャを開きます。

ステップ9:

結果は以下のようになります(まだラインに満足していませんので、テクスチャをもう一度開きます)。

ステップ10:

テクスチャを回転させるために、レイヤーをスマートオブジェクトに変換します。そして、その上に適用された塗りを回転できるようになります。

ステップ11:

これでかなりよくなりました。

ステップ12:

ラインが広すぎるので、テクスチャをもう一度開き、スマートオブジェクトに移動して、オーバーレイパターンをスケーリングします。

ステップ13:

背景をより壮大にするために、背景レイヤーにグラデーションを追加します。

ステップ14:

同時に、フラットなエッジに青いトーンを追加します。結果は次のようになります:

3Dタイポコンポジング

ステップ15:

光源をより見やすくするために、3Dパネルの一番下でそれを表示させます。

3Dタイポコンポジング

ステップ16:

背景レイヤーをグレーに変え、白い光線を見るためにします。最初の光の光源直線からスポットに変更します。

3Dタイポコンポジング

ステップ17:

光を移動させ、オブジェクトがそれに応答する様子をすぐに確認します。

3Dタイポコンポジング

ステップ18:

次の光源もスポットに変更し、光の強度を1に増やします。

3Dタイポコンポジング

ステップ19:

オブジェクト全体をレンダリングするのに時間がかかる場合は、3Dパネルオプションメニュープログレッシブレンダリングの選択ができます。

3Dタイポコンポジング

ステップ20:

結果は非常に素晴らしいです。オブジェクト全体をレンダリングする場合は、3Dパネルでシーンをクリックして、品質レイトレーシング - ドラフトまたは最終的なレイトレーシングに設定します。オブジェクトを修正する必要がある場合は、再びインタラクティブ(ペイント)に設定してから変更します。

3Dタイポコンポジング

ステップ21:

最初の文字を完成させた後、同じ設定と手順で次の文字を作成します。再び以前に保存したテクスチャを読み込みます。

3Dタイポコンポジング

ステップ22:

ストライプが大きすぎる場合は、テクスチャで直接編集するか、ディフューズプロパティを編集できます。

3Dタイポコンポジング

ステップ23:

U-スケールの値を増やすと、ラインが細くなります。しかし、時々ラインが奇妙に折れることがあります、これはPhotoshopのバグかディスプレイドライバのエラーの可能性があります。

3Dタイポコンポジング

ステップ24:

シーンをレンダリングした後、S文字は次のようになります:

3Dタイポコンポジング

ステップ25:

光源をすべて移動させ、一部をスポットに設定します。新規作成をクリックしてさらに光源を作成することもできます。

3Dタイポコンポジング

ステップ26:

ラインが広すぎる場合は、テクスチャに移動し、スマートオブジェクト、そしてパターンオーバーレイでサイズを少し小さく調整します。しかし、S文字に奇妙な二重線ができる場合は、再びテクスチャプロパティに移動してU-スケール値を調整して合わせます。

3Dタイポコンポジング

ステップ27:

次に、最後の文字を作成します。S文字の下のレイヤーヒエラルキーに配置します。

3Dタイポコンポジング

ステップ28:

d文字には特別な装飾が施されることになっています。フローラルなブラシをPSD-Tutorials.deからダウンロードし、透明な背景を持つ2000x2000ピクセルのドキュメントに配置し、PSDファイルとして保存します。

3Dタイポコンポジング

ステップ29:

テクスチャプロパティの下で、パターンを適切に移動します。

3Dタイポコンポジング

ステップ30:

そして、光を再度調整し、そして私の文字は悪くありません:

3D-Typocomposing -> 3Dタイポコンポジング

ステップ31:

次に、新しいレイヤーを作成し、私の花のブラシでいくつかの小さな要素を白で追加します。

3D-Typocomposing -> 3Dタイポコンポジング

ステップ32:

そして、おしゃれな背景の時間です。 図形作成ツールを使用して、Photoshopに最初から付属している以下の形状を読み込みます(表示されない場合は、右上の小さな矢印をクリックしてライブラリを読み込みます)。

3Dタイポコンポジング

ステップ33:

形状を描いた後、不透明度を若干低くし、レイヤーマスクを追加し、ラジアルの白黒グラデーションで塗りつぶします。

3Dタイポコンポジング

ステップ34:

ストライプは、塗りつぶしの不透明度を低くしたり、塗りつぶしのオプションで白い色で外向きの軽い光沢を加えたりして最適化できます。 その後、美しい放射状の青-濃い青のグラデーションを描きます。

3次元タイポコンポジング

ステップ35:

中心部がより強く光るようにするには、放射状にブラシで絵筆するか、非常にやわらかく大きなブラシで単にそれを変更します。 次に、レイヤーの不透明度を少し下げます。

3D型組版

ステップ36:

花のブラシストロークが少し支配的すぎます。 そのため、これをもう一度作成しますが、ここではより小さいブラシを使用します。結果は次のようになります。

3Dタイポコンポジング

ステップ37:

色相/彩度調整レイヤーで背景のカラーリングも素早く行うことができます。

3D-Typocomposing -> 3Dタイポコンポジング

ステップ38:

背景の代わりに文字をカラーリングしたい場合、1つの文字の塗りむき方法を選択し、そこで色オーバーレイの塗りむき方法で設定します。 その後、他のすべての文字に対してAltキーを押しながらレイヤーエフェクトをコピーします。

3Dタイポコンポジング

ステップ39:

しかし、文字をグループフォルダでまとめ、その上に色相/彩度調整レイヤーを追加すると簡単です。 そして - とても重要ですが:グループフォルダの混合メソッドを通常に変更します。 そうすると、調整レイヤーはフォルダの内容にのみ影響します。

3Dタイポコンポジング

ステップ40:

ワークショップの最後の小技:3D文字を複製し、コピーを右クリックしてラスタライズします。

3Dタイポコンポジング

ステップ41:

今、いくつかの可能性があります:文字全体を白色で着色するか、単に白色で色オーバーレイを適用します。 今、マスクを追加し、その後、やわらかいブラシで特定のライトを自分でさらに改良できます。 私の場合、dの文字の上に光を強調し、さらに黒い色オーバーレイのレイヤーで影を暗く塗りつぶしました。

3Dタイポコンポジング

ステップ42:

その結果、私の成果は次のようになります:

3Dタイポコンポジング



Photoshopの3Dの扱いに関する多くのヒントを提供できたかどうかを願っています。見ての通り、それはそんなに難しくありません。