文字やパスを立体にしてさまざまな形をつくる

ここでは、最も活用頻度が高そうな文字を例に見ていこう。まずテキストツールで文字を入力する。このときの文字の色が黒だと、立体になったときに見づらいので、あまり濃くない色にするのがコツ。まずは見やすい状態で形を作ろう。

テキストレイヤーを選択した状態で「3D > 成形 > テキストレイヤー」を選ぶ。ラスタライズの確認画面の後に成形ウィンドウが開くが、その状態で、すでに文字が立体になっているのがわかる。

[マテリアルピッカー]
テクスチャがあらかじめ用意されているので、この中から選んでもOK。自分で作成したテクスチャを登録することも可能だ

[ライトプリセット]
作成した立体の周囲のシーンライトを、プリセットから選ぶだけで、同じ立体が全く違う表情になる

[ベベル輪郭ピッカー]
文字やパスを立ち上げる際の、ベベルの輪郭をプリセットから選べる。新規に登録もできる

成形シェイプのプリセットがかなり豊富に用意されているので、この中から選択するか、独自にパラメータを設定し、OKする。「押し出し」は側面・奥行き部分に関する設定。「膨張」は文字表面を平らにするか、盛り上げるかの設定に使用する。「ベベル」は文字の縁の面取り部分のこと。ベベル側面の形（輪郭）を選択したり、高さや幅を設定することで様々な形の文字を作ることが可能だ。

いったんシェイプができたら、視点を変えてチェックしてみる。形を修正したい場合は「3D > 成形 > 成形で編集」。一度作った立体レイヤーは、通常のレイヤーと同様、コピーしてバリエーションをいくつも作ることができるので、比較・検討に便利だ。

いつもと同じ気分で特別に構えることなく、3DCGにすんなり入ることができるのが、Photoshopの3D機能の最大のメリット。アニメーションで動かすこともできるので、Web動画やデジタルサイネージへの入門編としても、未来のために今から身につけておきたい機能だ。

　

立体にした文字にテクスチャを貼る（マッピング）

実践では、立体にした文字にどのようなテクスチャを貼るかがポイントになる。Photoshopの3D機能は各テクスチャがレイヤー構造になっているため、色の変更や絵柄の差し替えが何度でも容易にでき、すぐに反映されるので、非常に使いやすい。

ブルー部分：フロント膨張マテリアル　赤部分：フロントベベルマテリアル　緑部分：押し出しマテリアル （バックマテリアルは裏側）

テクスチャがない状態

フロントと押し出し部に同じテクスチャを読み込む

フロント膨張マテリアルとフロントベベルマテリアルの、テクスチャの位置と大きさを調整

押し出し部分に絵筆ブラシでペイントした別のテクスチャを貼る

最もシンプルな貼り込みをするには、ワークスペースを「3D」にし、3D {マテリアル} ウィンドウの「シーン」から文字の正面「フロント膨張マテリアル」を選ぶ。次に「拡散」のプルダウンメニューから、「テクスチャの読み込み」を選び、任意の画像を指定する。

読み込んだテクスチャ

「テクスチャ」を開いて絵筆ブラシでペイント

貼り込んだテクスチャの大きさや位置は「プロパティを編集」で調整する。U/Vスケールは、テクスチャを何度繰り返して貼るか、ということ。U/Vオフセットは貼る位置の設定だ。

その他、凹凸の設定をする「バンプ」や周囲からの映り込みに使う「環境」など、使いこなせば相当なレベルまで作りこむことができる。今後のさらなる進化が楽しみな機能だ。

Photoshop CS5 Extended 無償体験版のダウンロード アドビ システムズのサイトでは、Adobe Photoshop CS5 Extendedの無償体験版をダウンロードできます。全ての機能が30日間無料で使用可能です。 ダウンロードページはこちら