アクセシビリティ
Adobe
サインイン 注文状況 マイアカウント

Illustrator、Photoshop のマニュアル本が大集結 -
ボーンデジタル Photoshop 3D 3DをPhotoshopとはじめる

Adobe Design Magazine 「Illustrator、Photoshopのマニュアル本が大集結」では、書籍のご紹介と共に、エキスパートの声をご紹介しています。
HOME 入門ガイド 活用ガイド 電子書籍 お役立ち情報 ユーザー事例

3Dマテリアルツール


さまざまなマテリアルオプションを使用することで、Photoshopでの3Dモデルの作業の幅が広がり、自然なテクスチャと反射を模倣したリアルなモデルの作成が可能になります。

※版権の関係上、本コンテンツにはサンプルは御座いません。ご了承ください。

サンプルダウンロード Photoshop体験版ダウンロード Illustrator体験版ダウンロード


3DをPhotoshopとはじめる


Photoshop 3D 3DをPhotoshopとはじめる

Photoshop 3D
3DをPhotoshopとはじめる - (DVD付)

Rafiq Elmansy
株式会社ボーンデジタル 発行(2011年9月25日)
定価:5,250円 ISBN 978-4-86246-151-3

ご購入はこちら


 

STEP1 3Dマテリアルツールとは

[3D]パネルには、3Dモデルのマテリアルを簡単に処理できる2つの非常に便利なツールがあります。複数のマテリアルが適用されているオブジェクトには特に便利です。3Dマテリアルツールには、3Dマテリアルドロップツールと3Dマテリアル選択ツールがあります。3Dマテリアルドロップツールを使用すると、マテリアルを簡単に選択してモデルの別の部分に適用できます。


3Dマテリアル選択ツールを使用すると、3Dモデルからマテリアルを選択して、それを簡単に編集できます。旧バージョンのPhotoshopでは、オブジェクトに関連付けられているマテリアルを識別するのは困難でした。このツールを使えば、モデルの各部分に関連付けられたマテリアルを、クリックするだけで視覚的に簡単に選択できます。

ファイルAirplane.psdを開きます。このファイルには3Dvia.comの飛行機のモデルが含まれています。

[3D]パネルを開き、[マテリアル]セクションに移動します。

下のセクションで、左側にある3Dマテリアルツールのアイコンから[3Dマテリアルドロップツール]を選択します。

[Alt]キー(Macでは[Option]キー)を押します。カーソルがスポイトのアイコンに変わります。コピーしたいマテリアルをクリックして、[Alt]キー(Macでは[Option]キー)を放します。カーソルがバケツに変わります。

飛行機の別の部分に移動してクリックし、コピーしたマテリアルを適用します。

注意:いずれかの3Dマテリアルツールを使用して、任意のマテリアルにマウスポインタを合わせると、そのマテリアルが白の輪郭でハイライト表示され、選択されていることが示されます

3Dマテリアル選択ツールを使用すると、3Dモデルからマテリアルを選択して、それを簡単に編集できます。旧バージョンのPhotoshopでは、オブジェクトに関連付けられているマテリアルを識別するのは困難でした。このツールを使えば、モデルの各部分に関連付けられたマテリアルを、クリックするだけで視覚的に簡単に選択できます。


 

STEP2 Photoshopで3Dオブジェクトにリアルな効果を与える

以降の例では、Photoshopでどのようにマテリアルを使用すれば3Dオブジェクトにリアルな効果を与えることができるかを、特別なヒントやコツを織り交ぜながら紹介します。最初の演習では、3Dのソファーに新しいテクスチャを追加します。ここでは、外部のテクスチャを画像として読み込む方法と、[3D]パネルの3Dマテリアルピッカーからマテリアルプリセットを使用する方法について学習します。

図:3Dのソファーモデルが含まれる3Dソファーファイル

図:3Dのソファーモデルが含まれる3Dソファーファイル

1.ファイル3Dcouch_import.psdを開きます。このファイルには、ソファーの3Dモデルが含まれています。

2.[3D]パネルで、3Dマテリアル選択ツールを選択し、ソファーのシートクッションを選択します。

3.[拡散]オプションで、カラーピッカーの横のアイコンを右クリックします。このサブメニューには以下のコマンドがあり、読み込んだテクスチャを処理します。

  • [新規テクスチャ]は、新規Photoshopファイルを開いて、マテリアルの新規テクスチャを作成します。保存すると、そのマテリアルがオブジェクトに適用されます。
  • [テクスチャの読み込み]は、2D画像をオブジェクトのテクスチャマップとして読み込みます。
  • [テクスチャを開く]は、テクスチャのサイズとオフセットを編集します。これについては、この例で後ほど説明します。
  • [テクスチャを削除]は、オブジェクトに適用されたテクスチャを削除します。

4.[テクスチャの読み込み]を選択し、materialsフォルダにある画像wood_texture.jpgを指定します。

5.[光沢]の値を50%に設定して、サーフェスの光の反射を増やします。

6.[光彩]を100%に設定します。

 


図:読み込んだ木目テクスチャが適用された3Dソファー

図:読み込んだ木目テクスチャが適用された3Dソファー

図: [テクスチャのプロパティ]ダイアログボックス

図:[テクスチャのプロパティ]ダイアログボックス

図:Fabric Woolマテリアルが適用された3Dソファー

図:Fabric Woolマテリアルが適用された3Dソファー

3Dオブジェクトに画像をテクスチャとして適用すると、そのテクスチャの位置や尺度などのプロパティを、[テクスチャを開く]オプションを使用して編集できます。

  • [ターゲット]:このドロップダウンリストには、テクスチャの変更を受け取るターゲットレイヤーが表示されます。通常、テクスチャを適用すると、3Dレイヤー内の現在のメッシュに適用されます。テクスチャ名とサムネールに、編集されたテクスチャの名前とそのテクスチャのプレビューが示されます。
  • [U スケール][V スケール]:テクスチャがオブジェクトに適切にフィットしない場合、タイトル上をドラッグするか、スライドを使用して、テクスチャの垂直および水平のスケールを編集できます。値の範囲は0~10です。
  • [U オフセット][V オフセット]:これらの2つの値は、メッシュ上のテクスチャの位置を、メッシュの垂直軸と水平軸で編集します。デフォルトのオフセットは0に設定されており、値の範囲は−1~1です。

3Dマテリアルドロップツールを使用して、ソファーのひじ掛けに同じマテリアルを適用できます。

1.[3D]パネルから[3Dマテリアルドロップツール]を選択します。

2.[Alt]キー(Macでは[Option]キー)を押しながら、モデル内の木目テクスチャをクリックします。

3.キーを放すと、マウスカーソルがバケツのアイコンに変わります。

4.ソファーのひじ掛けをクリックします。マウスポインタをその部分に合わせると、白の輪郭でハイライト表示され、この領域に

5.マテリアルをペーストできることが示されます。

ソファーのひじ掛けをクリックして、テクスチャを適用します。次に、ソファーのマテリアルを、マテリアルピッカーの追加マテリアルコレクションの布地マテリアルに変更します。前述の追加マテリアルが既にインストールされていることを確認し、以下の手順に従います。

1.ファイル3Dcouch_fabric.psdを開きます。

2.[3D]パネルで、3Dマテリアル選択ツールを選択し、ソファーのシートクッションを選択します。

3.マテリアルピッカーをクリックして、マテリアルリストを表示します。

4.リストの右上のコンテキストメニューをクリックします。

5.[布地]オプションを選択して、布地マテリアルを読み込みます。

6.警告メッセージとともに、現在のマテリアルに新しいマテリアルを追加するか、現在のマテリアルを置き換えるかの選択肢が示されます。[追加]オプションを選択します。[Fabric Wool]オプションを選択します。


ソファーを部屋の中に追加

この例をもう少し使用して、ソファーを部屋の中に追加してみましょう。

1.ファイルroom.jpgをソファーファイルにドラッグして、フィットさせます。3Dソファーの下に部屋のレイヤーとして配置します。

2.3Dカメラツールを選択して、図8.8のように部屋にソファーをフィットさせます。

3.ソファーの3Dモデルの画質が[レイトレーシング (ドラフト)]または[レイトレーシング (最終)]に設定されていることを確認します。

4.[3D]メニューから、[グラウンドシャドウキャッチャー]を選択して、床に投影されるソファーのシャドウを作成します。


 

書籍情報 Photoshop 3D - 3DをPhotoshopとはじめる

Photoshop 3D - 3DをPhotoshopとはじめる

ボーンデジタル編集部

編集者のオススメポイント
Photoshop と 3D の世界へ
Photoshop で3D のデータを作ったり、読み込んだりできるのを知ってますか? 本書には、その知識・技術が詰まっています。3Dビギナーにとっては絶好のガイド。3Dプロフェッショナルにとっては新しい発見の書となるでしょう。チュートリアル用データは付属DVD-ROMに収録されています。この一冊と、3D の世界へと飛びたちましょう!1ランク上のグラフィックデザイナー、アニメーター、ウェブクリエーターに!


目次を見る(PDF)ご購入はこちら

著者プロフィール

Rafiq Elmansy(ラフィック・エルマンシー)

Rafiq Elmansy(ラフィック・エルマンシー)
伝統的なアートと彫刻において10年の経歴を持つグラフィックデザイナー。デザイン会社のオーナー、Adobeコミュニティプロフェッショナル、Adobe認定エキスパート、Icograda (国際グラフィックデザイン団体協議会) フレンドメンバー。中東初のAdobeユーザグループAUGEの創設者兼責任者でもあります。

関連書籍

Photoshopブラシ見本帳

Photoshopブラシ見本帳
~ブラシを使いこなすための4,000のサンプルとその設定~

便利なブラシ設定リファレンス
本書に掲載されているブラシ見本から表現に適したブラシを選ぶだけ!作例からさらにイメージを膨らませて、ブラシの設定にアレンジを加えればクリエイティブな選択の幅が広がります。

>>詳細はこちら


フォトグラファーのためのPhotoshop CS5

フォトグラファーのためのPhotoshop CS5
~デジカメのプロ技 簡単! ビフォー・アフター~

デジカメの能力をフルに発揮させる
プロのスゴ技教えます!

雑誌『Photoshop User』の発行人であるスコット・ケルビーが披露する、実用的なテクニックの数々。「どうすればそれができるのか」を単刀直入に教えてくれる、あなたの写真にすぐに効く一冊。

>>詳細はこちら