投稿日：2011年6月28日　　　レベル：初心者　　　　ソフトウェア：

---

このチュートリアルでは、Photoshopで3D配置のタイポグラフィを作る方法を紹介します。

• Step1 ： はじめに
• Step2 ： 正方形を描く
• Step3 ： 3D効果で立体感をつける
• Step4 ： アピアランスを分割する
• Step5 ： IllustratorからPhotoshopへ移行する
• Step6 ： テキストを入力し、変形する
• Step7 ： 立方体のレイヤーを隠し、背景を作る
• Step8 ： 完成

このチュートリアルでは、このような3D配置のタイポグラフィを作ります。

Illustratorで新規ドキュメントを作り、長方形ツールを使って、正方形を描きます。

作成した正方形を選択し、「効果」−「3D」−「押し出し・べベル」を選択します。

次のように設定します。

すると、このようになります。

「オブジェクト」−「アピアランスを分割」を選択します。

オブジェクトを右クリックし、グループの解除を3回行います。
すると、3つのパーツに分解されます。

それぞれのパーツを、1、2ピクセル程度ずつ離します。

Photoshopで新しいドキュメントを開き、3つのパーツを全てドラッグアンドドロップします。

次のようにテキストを入力します。
テキストの前半は太文字にし、残りは標準のままにします。

レイヤーウィンドウのテキストレイヤー上で右クリックし、テキストをラスタライズします。
Ctrl + Tで自由変形に切り替え、右クリックをして「自由な形に」を選択します。

ラスタライズしたテキストを次の画像のように変形させます。

他の2か所も同様に、テキストを入力して次のように変形させます。

Illustratorからインポートした立方体が含まれるレイヤーを隠すと、次のようになります。

全てのレイヤーの下に新しいレイヤーを追加し、白で塗りつぶします。
「レイヤー」−「表示レイヤの結合」を選択し、レイヤーを統合します。

Ctrl + Iキーを押して色調を反転すれば、完成です。

引用:Web Design Library　著者:animhut　翻訳：なかけん

スポンサードリンク