マニュアルキャンセル

Illustrator での 3D グラフィックの作成

検索

最終更新日 : 2025年1月17日

Adobe Substance から供給された 3D 効果、照明、およびマテリアルを適用して、Illustrator でリアルなオブジェクトを作成する方法を学びます。

様々なライトのシナリオで表示されるリアルなテクスチャを使用して、3D 効果、ライト、およびマテリアルを 2D ベクターグラフィックスに適用できます。次に、レイトレーシングを使用してレンダリングすると、リアルな 3D グラフィックを簡単に作成できます。

このデザイン例に示されているように、3D 効果を適用したベクターアートのサンプルを再現する方法をご紹介します。

3D アートワーク作成の 3 ステップ

紙にお気に入りのアートを描き、それを Illustrator にトレースし、押し出し、回転、Substance マテリアルなどの 3D 効果を適用することから始めます。適切なライトとシャドウでデザインを仕上げてから、アートワークをレンダリングします。

アプリで試す
プロジェクトに沿って、いくつかの簡単な手順で 3D グラフィックスを作成します。

Illustrator を開く


手順 1 ベクターアートを作成	手順 2 アートワークに 3D 効果を適用	手順 3 アートワークをレンダリング

ベクターアートを作成

紙に鉛筆で描いたスケッチの画像は、画像トレース機能を使ってベクターアートワークに変換できます。サンプル 2D アートワークをダウンロードしていろいろと試してみることもできます。

サンプルファイルをダウンロード

好きなアートを紙に描いてください。例えば、Flora という文字を使います。
ドキュメントのラスタライズ画像の読み込みには llustrator でファイル／配置を使用します。
オブジェクト／画像トレース／作成を選択して、画像トレースのデフォルトオプションを実行します。

アートワークに 3D 効果を適用

ベクターアートワークに 3D 効果を適用する前に、3D とマテリアルパネルで利用可能な「オブジェクト」、「マテリアル」、または「ライト」オプションとプリセットを調べてください。3D とマテリアルパネルはウィンドウ／3D とマテリアルをクリックすると表示されます。

オブジェクト

A. 平面	オブジェクトを平面上に平らにします。
A. 押し出し	2D オブジェクトを拡張して奥行きを追加します。
A. 回転体	パスまたはプロファイルを円方向にスイープします。
A. 膨張	平らなオブジェクトを膨らませます。
B. 奥行き	オブジェクトの奥行きを 0 から 2000 まで設定します。
C. ねじり	オブジェクトに最大 360° のねじりを適用します。
D. テーパー	オブジェクトを 100％から 1％まで先細にします。
E. キャップ	オブジェクトが立体または空洞のどちらで表示されるかを指定します。
F. ベベル	オブジェクトの奥行きに沿ってベベルのエッジを適用します。
G. プリセット	方向、軸、およびアイソメトリック法に基づいて回転プリセットを適用します。
H. 垂直回転	オブジェクトを -180° から 180° まで垂直に回転させます。
I. 水平回転	オブジェクトを -180° から 180° まで水平に回転させます。
J. 円回転	オブジェクトを -180° から 180° まで円周上で回転させます。
K. 遠近感	オブジェクトの遠近感を 0° から 160° まで変更します。

マテリアル

A. ベースマテリアル	デフォルトのプリセットマテリアルを適用します。
B. Adobe Substance マテリアル	Adobe Substance マテリアルの一部を適用できます。
C. Substance 3D アセット	Adobe Substance アセットからマテリアルを追加します。
D. Substance コミュニティのアセット	Adobe Substance コミュニティのマテリアルを追加します。
E. 新規マテリアルとグラフィックの追加	マテリアルの追加：パネルに新しいマテリアルを追加します。グラフィックの追加：アートワークをグラフィックとして追加します。グラフィックスを使用して、3D オブジェクト上にアートワークをマッピングすることができます。
F. マテリアルプロパティ	基本マテリアルに 0 から 1 までの粗さとメタリックのプロパティを適用します。プロパティは、Adobe Substance マテリアルごとに異なります。

ライト

A. プリセット	標準、拡散、左上、右面などの事前設定されたライト効果をアートワークにすばやく適用します。
B. ライトのウィジェット	光源をドラッグしてライトの角度を調整できます。
C. 光源	複数の光源で、3D オブジェクトがよりよく照らされます。
D. 選択したライトをオブジェクトの前面／背面に移動	選択したライトをオブジェクトの前面にある場合は背面に移動します。その逆も同様です。
E. 強度	選択したライトの明るさを 0％から 100％の値に変更します。
F. 回転	オブジェクトの周りの光の焦点を -180° から 180 までの値で回転させます。
G. 高さ	オブジェクトが低い位置にあり影が短い場合は、ライトを近づけ、0° から 90° では逆にします。
H. 柔らかさ	ライトがどのように広がるかを決定します。拡散プリセットを 0％から 100％の値でオーバーライドします。
I. 環境光強度	0％～ 200％の範囲で、全体的なライトの強度をコントロールします。
J. シャドウ	トグルボタンがオンの時、アートワークにシャドウを適用します。
K. 位置	シャドウを適用する位置をオブジェクトの後ろまたはオブジェクトの下のいずれかから選択します。
L. オブジェクトからの距離	オブジェクトとシャドウの距離を、0％～ 100％の値で調整します。
M. シャドウの境界	10% ～ 400％までの値でシャドウの境界を適用します。

押し出し、マテリアル、ライト、シャドウ効果の適用

上記のセクションで利用可能なすべての 3D 効果とマテリアルオプションについて説明しましたので、読み込みしたベクターアートワークに押し出しと回転、Adobe Substance マテリアル、ライト、強さ、シャドウ効果を適用できます。

これらの制限事項とエラーメッセージを理解した上で、3D 効果を適用してください。

レイトレーシングが有効になっている場合、オブジェクトの複雑さやサイズに応じて遅延が発生します。複雑なパスを持つオブジェクトには、3D 効果は部分的に適用されます。
3D 効果は、すべてのオブジェクトタイプでサポートされているわけではありません。例えば、ラスターイメージやアンカーポイントが一つのオブジェクトなどです。

押し出しと回転

押し出し効果を 2D アートワークへ適用する方法を学ぶには、この 17 秒のビデオをご覧ください。

ベクターアートの作成で作成したアートワークを選択します。
効果／3D とマテリアル／押し出し・ベベルをクリックします。3D とマテリアルパネルが表示されます。
奥行き、ねじり、テーパーを設定します。
回転／プリセット／オフアクシス法 - 前面を選択し、X 軸と Y 軸の値を 0° ～ 360° の間の適切な値に設定します。

回転と遠近感

またオブジェクトの回転や、オブジェクトを見る視点を設定することができます。

遠近感を調整するには、3D とマテリアル／オブジェクト／3D の種類／遠近感スライダーで、0 〜 160 の範囲内の値を選択します。

角度を小さくするとカメラの望遠レンズで見たような遠近感になり、大きくすると広角レンズで見たような遠近感になります。

Adobe Substance マテリアル

押し出し効果をベクターアートワークへ適用後、3D マテリアルを適用する方法を学ぶことができます。

押し出し適用後にベクターアートワークを選択します。
3D 効果パネルから「マテリアル」を選択します。リストからマテリアルを選択するか、アイコンをクリックして独自のマテリアルを追加します。

独自のマテリアルを追加することも、無料のコミュニティや Adobe のマテリアルから選択することもできます。サブスクリプションプランを使用して、多数の Adobe Substance 3D マテリアルを追加することもできます。
「マテリアルのプロパティ」をクリックして、パラメーターを適用し、または位置、チャネル、フィルターを変更します。

ライト、強度、シャドウ

3D オブジェクトにマテリアルの適用後、ライトと影を追加できます。

3D とマテリアルパネルの「ライト」タブには、反対方向からの 2 つの光源が表示されます。 — 3D オブジェクトにライトを追加する

「ライト」を 3D とマテリアルパネルから選択します。
ライトを追加するには、次のいずれかの操作を行います。
- 単一のライト：「標準」、「拡散」、「左上」、または「右面」などのデフォルトのプリセットを選択します。ライトの角度を調整するには、ライトのウィジェット内でライトをドラッグするか、回転スライダーと高さスライダーを使用します。
- 複数のライト： を使用して、最大 10 個のライトを追加できます。複数のライトの角度を調整するには、ライトのウィジェット内でそれらをドラッグするか、リストでライトを選択して回転スライダーと高さスライダーを使用します。
「選択したライトをオブジェクトの背面に移動」を選択して、オブジェクトの後ろにライトを配置します。
必要に応じて、カラーと強度と柔らかさを調整します。複数のライトがある場合は、リストからライトを選択して、カラーと強度と柔らかさを調整します。
「環境光／強度」を選択し、0 ～ 200％の値を設定します。
「シャドウ」切り替えスイッチボタンを選択してシャドウを適用します。位置、オブジェクトからの距離、シャドウの境界などのパラメーターを使用して、シャドウ効果をカスタマイズできます。

複数のライトを追加してシャドウを有効にしても、リアルタイムのプレビューでは 1 つのシャドウしか表示されません。すべてのライトのシャドウを表示するには、「レイトレーシングでレンダリング」に切り替えます。

アートワークをレンダリング

ベクターアートに 3D 効果を適用した後、レイトレーシングでレンダリングを用いてより効率的に、より高品質でリアルな 3D グラフィックアートワークを作成できます。レイトレーシングを使用すると、光線がオブジェクト上で跳ね返るときのパスをトレースすることで、リアルな 3D グラフィックスを作成できます。

レイトレーシングとレンダリングを有効または無効にするには、3D とマテリアルパネルの右上隅にあるレイトレーシングでレンダリングアイコンを選択します。

3D とマテリアルパネルでレイトレーシングを選択してレンダリングします。 — レイトレーシングを使用してレンダリングし、3D オブジェクトにリアルなライトを作成します。

レイトレーシング設定

レイトレーシングの品質、ノイズ、ラスターオプションを変更することもできます。レンダリング設定を、右上隅の 3D とマテリアルパネルから選択します。

「レイトレーシング」切り替えスイッチボタンを選択して有効または無効にします。
「ラスタライズ設定」を選択して、ラスター画像の解像度、カラー、背景を変更することもできます。
「品質」で「高」を選択し、「レンダリング」をクリックすると、業界最高レベルの品質でアートワークがレンダリングされます。

アートワークをレンダリング際に CPU 使用率を最適化する方法については、いくつかのベストプラクティスを参照してください。

3D オブジェクトをワイヤフレームとしてレンダリングまたは拡張

ワイヤフレームを使用し、3D オブジェクトの基礎となる構造を表示して、正確かどうかを確認できます。次のいずれかの操作を行います。

ワイヤフレームとしてレンダリング：「レンダリング設定／ワイヤフレーム」を選択して、奥行き、テーパー、ねじりなどのオブジェクトの 3D プロパティを編集します。
ワイヤフレームとして拡張：「オブジェクト」タブの「クイックアクション」セクションをクリックし、「ワイヤフレームとして拡張」を選択して、オブジェクトを 2D オブジェクトに変換します。

最終デザイン

Illustrator の 3D 効果の威力を学んだところで、サンプルファイルを使って、クリエイティブなデザインをワンランクアップさせてみてください。

最終的なデザインをダウンロードして、3D グラフィックアートワークを表示することもできます。

最終的なデザインをダウンロード

3D オブジェクトの書き出し

3D オブジェクトを GLTF や USD ファイル形式に書き出した後、他の 3D アプリケーションで開いて、素材やグラフィックを使用して 3D オブジェクトをさらに編集し、向上させることができます。Illustrator は、3D オブジェクトをカラー設定とともに OBJ ファイルとして書き出すこともできます。

複数のオブジェクトを書き出すときは、各オブジェクトを変更可能な個別のオブジェクトとして表示することができます。

3D オブジェクトを書き出すには、次の手順に従います。

3D とマテリアルパネルで、「3D オブジェクトを書き出し」を選択します。

「3D オブジェクトの書き出し」を選択して、アセットの書き出しパネルを開く
アセットの書き出しパネルで、3D アセットを選択し、「形式」ドロップダウンリストから「GLTF」、「USDA」、または「OBJ」を選択します。

注意：

アセットの書き出しパネルでは、書き出し対象として選択した 3D オブジェクトの「形式」オプションが、デフォルトで「USDA」に設定されています。
「書き出し」を選択します。