マニュアル キャンセル

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

  1. Illustrator ユーザーガイド
  2. Illustrator とは
    1. Illustrator の概要
      1. Illustrator の新機能
      2. よくある質問
      3. Illustrator の必要システム構成
      4. Apple Silicon での Illustrator の使用
    2. ワークスペース
      1. ワークスペースの基本
      2. ドキュメントの作成
      3. ツール
      4. ショートカットキーのカスタマイズ
      5. アートボード
      6. ワークスペースのカスタマイズ
      7. プロパティパネル
      8. 環境設定の指定
      9. タッチワークスペース
      10. Illustrator での Microsoft Surface Dial のサポート
      11. 復帰、取り消し、自動処理
      12. ビューを回転
      13. 定規、グリッド、ガイド
      14. Illustrator でのアクセシビリティ
      15. セーフモード
      16. アートワークの表示
      17. Illustrator での Touch Bar の使用
      18. ファイルとテンプレート
      19. Adobe Creative Cloud で設定を同期
    3. Illustrator のツール
      1. 選択ツール
        1. 概要
        2. 選択ツール
        3. ダイレクト選択ツール
        4. 投げ縄
        5. アートボード
      2. ナビゲーション
        1. 概要
        2. ズーム
        3. ビューを回転
      3. ペイント
        1. 概要
        2. グラデーション
        3. シェイプ形成
      4. 文字
        1. 概要
        2. 文字
        3. パス上文字
  3. Illustrator iPad 版
    1. Illustrator iPad 版のご紹介
      1. Illustrator iPad 版の概要
      2. Illustrator iPad 版についてのよくある質問
      3. 必要システム構成 | Illustrator iPad 版
      4. Illustrator iPad 版で実行できる操作とできない操作
    2. ワークスペース
      1. Illustrator iPad 版のワークスペース
      2. タッチショートカットとジェスチャー
      3. Illustrator iPad 版のキーボードショートカット
      4. アプリケーション設定を管理
    3. ドキュメント
      1. Illustrator iPad 版でのドキュメントの操作
      2. Photoshop および Fresco ドキュメントの読み込み
    4. オブジェクトの選択と配置
      1. リピートオブジェクトの作成
      2. オブジェクトのブレンド
    5. 描画
      1. パスの描画と編集
      2. シェイプの描画と編集
    6. 文字
      1. 書体とフォントの操作
      2. パス上のテキストデザインの作成
      3. カスタムフォントを追加
    7. 画像を操作
      1. ラスタライズ画像のベクター化
    8. カラー
      1. カラーとグラデーションの適用
  4. クラウドドキュメント
    1. 基礎知識
      1. Illustrator クラウドドキュメントの操作
      2. Illustrator クラウドドキュメントの共有と共同作業
      3. Adobe Illustrator 用のクラウドストレージのアップグレード
      4. Illustrator クラウドドキュメント | よくある質問
    2. トラブルシューティング
      1. Illustrator クラウドドキュメントの作成または保存時のトラブルシューティング
      2. トラブルシューティング:Illustrator クラウドドキュメントで発生する問題
  5. コンテンツの追加と編集
    1. 描画
      1. 描画の基本
      2. パスの編集
      3. ピクセルパーフェクトなアートの描画
      4. ペンツール、曲線ツール、または鉛筆ツールを使用した描画
      5. 単純な線とシェイプの描画
      6. 画像トレース
      7. パスの単純化
      8. 遠近グリッドの定義
      9. シンボルツールとシンボルセット
      10. パスセグメントの調整
      11. 5 つの簡単なステップで花をデザイン
      12. 遠近描画
      13. シンボル
      14. web ワークフローのピクセル整合パスの描画
    2. 3D 効果と Adobe Substance マテリアル
      1. Illustrator の 3D 効果について
      2. 3D グラフィックの作成
      3. 3D オブジェクトの作成
      4. 3D テキストの作成
    3. カラー
      1. カラーについて
      2. カラーの選択
      3. スウォッチの使用と作成
      4. カラー調整
      5. Adobe Color テーマパネルの使用
      6. カラーグループ(カラーハーモニー)
      7. Color テーマパネル
      8. アートワークの再配色
    4. ペイント
      1. ペイントについて
      2. 塗りと線を使用したペイント
      3. ライブペイントグループ
      4. グラデーション
      5. ブラシ
      6. 透明と描画モード
      7. オブジェクトにストロークを適用する
      8. パターンの作成と編集
      9. メッシュ
      10. パターン
    5. オブジェクトの選択と配置
      1. オブジェクトの選択
      2. レイヤー
      3. オブジェクトのグループ化と分割・拡張
      4. オブジェクトの移動、整列、分布
      5. オブジェクトの重ね合わせ    
      6. オブジェクトのロック、非表示、および削除
      7. オブジェクトの複製
      8. オブジェクトの回転とリフレクト
    6. オブジェクトのリシェイプ
      1. 画像の切り抜き
      2. オブジェクトの変形
      3. オブジェクトの組み合わせ
      4. オブジェクトのカット、分割、トリミング
      5. パペットワープ
      6. オブジェクトの拡大・縮小、傾斜、および変形
      7. オブジェクトのブレンド
      8. エンベロープを使用した変形
      9. 効果を使用したオブジェクトの変形
      10. Shaper ツールやシェイプ形成ツールを使ったシェイプの新規作成
      11. ライブコーナーの操作
      12. リシェイプワークフローの強化とタッチ操作のサポート
      13. クリッピングマスクの編集
      14. ライブシェイプ
      15. シェイプ形成ツールを使用したシェイプの作成
      16. オブジェクトを一括選択
    7. 文字
      1. テキストの作成
      2. フォントとタイポグラフィ
      3. 書式設定の種類
      4. テキストの読み込みと書き出し
      5. 段落の書式設定
      6. 特殊文字
      7. パステキストの作成
      8. 文字スタイルと段落スタイル
      9. タブ
      10. テキストと文字
      11. 環境に無いフォントの検索(Typekit のワークフロー)
      12. Illustrator 10 からのテキストの更新
      13. アラビア語およびヘブライ語のテキスト
      14. フォント | FAQ とトラブルシューティングのヒント
      15. 3D テキスト効果を作成
      16. クリエイティブなタイポグラフィデザイン
      17. 文字の拡大・縮小と回転
      18. 行間と字間
      19. ハイフネーションと改行
      20. テキストの機能強化
      21. スペルチェックと言語の辞書
      22. 日本語の書式設定
      23. アジア言語スクリプト用コンポーザー
      24. ブレンドオブジェクトを使用したテキストデザインの作成
      25. 画像トレースを使用したテキストポスターの作成
    8. 特殊効果の作成
      1. 効果の操作
      2. グラフィックスタイル
      3. ドロップシャドウの作成
      4. アピアランス属性
      5. スケッチとモザイクの作成
      6. ドロップシャドウ、光彩、ぼかし
      7. 効果のまとめ
    9. Web グラフィック
      1. Web グラフィック作成に対する最善の取り組み
      2. グラフ
      3. SVG
      4. アニメーションの作成
      5. スライスと画像マップ
  6. 読み込み、書き出し、保存
    1. インポート
      1. アートワークファイルの読み込み
      2. ビットマップ画像の読み込み
      3. Photoshop からのアートワークの読み込み
      4. 複数ファイルの配置 | Illustrator CC
      5. 画像の埋め込み解除
      6. Adobe PDF ファイルの読み込み
      7. EPS ファイル、DCS ファイルおよび AutoCAD ファイルの読み込み
      8. リンク情報
    2. Illustrator の Creative Cloud ライブラリ 
      1. Illustrator の Creative Cloud ライブラリ
    3. 保存
      1. アートワークの保存
    4. エクスポート
      1. Photoshop での Illustrator アートワークの使用
      2. アートワークの書き出し
      3. アセットの収集と一括書き出し
      4. ファイルのパッケージ
      5. Adobe PDF ファイルの作成
      6. CSS の抽出 | Illustrator CC
      7. Adobe PDF オプション
      8. ファイル情報とメタデータ
  7. プリント
    1. プリントの準備
      1. プリントするドキュメントの設定
      2. 用紙のサイズと方向の変更
      3. 切り抜きまたは整列用のトリムマークの指定
      4. 大きなカンバスサイズの使用
    2. プリント
      1. オーバープリント
      2. カラーマネジメントを使用したプリント
      3. PostScript によるプリント
      4. プリントプリセット
      5. トンボと裁ち落とし
      6. 透明が使用されているアートワークのプリントおよび保存
      7. トラッピング
      8. 色分解のプリント
      9. グラデーション、メッシュ、カラーブレンドのプリント
      10. 白のオーバープリント
  8. 自動処理
    1. 変数パネルを使用したデータ結合
    2. スクリプトによる自動処理
    3. アクションによる自動処理
  9. トラブルシューティング 
    1. クラッシュの問題
    2. クラッシュ後のファイルの回復
    3. ファイルの問題
    4. GPU デバイスドライバーの問題
    5. Wacom デバイスの問題
    6. DLL ファイルの問題
    7. メモリの問題
    8. 環境設定ファイルの問題
    9. フォントに関する問題
    10. プリンターの問題
    11. クラッシュレポートをアドビと共有

Adobe Substance の 3D 効果、ライト、およびマテリアルを適用して、Illustrator でリアルなオブジェクトを作成する方法を学びます。 

3D とマテリアルのご紹介(テクノロジープレビュー)

2D のイラストに、これまでにない立体感やリアルな質感を追加できるようになりました。押し出し、回転、膨張をお試しください。2022 年には、より堅牢な機能をご提供できるよう取り組んでいます。

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

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

結果
サンプルの 3D ベクターデザイン

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

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

ベクターアートを作成

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

ベクターアート
2D アートワークのサンプル

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

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

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

オブジェクト

3D タイプ
3D およびマテリアルパネルの 3D タイプ

A. 平面    

    

A. 押し出し

A. 回転体    

A. 膨張

オブジェクトを平面上に平らにします。 

2D オブジェクトを拡張して奥行きを追加します。 

パスまたはプロファイルを円方向にスイープします。 

平らなオブジェクトを膨らませます。 

斜角のエッジを適用します。

B. 奥行き

オブジェクトの奥行きを 0 から 2000 まで設定します。 

C. キャップ

オブジェクトが立体または空洞のどちらで表示されるかを指定します。 

D. ベベル

オブジェクトの奥行きに沿ってベベルのエッジを適用します。 

E. プリセット

方向、軸、およびアイソメトリック法に基づいて回転プリセットを適用します。 

F. 垂直回転

オブジェクトを -180 から 180° まで垂直に回転させます。

G. 水平回転

オブジェクトを -180 から 180° まで水平に回転させます。 

H. 円回転

オブジェクトを -180 から 180° まで円回転させます。 

マテリアル

Substance マテリアル
3D およびマテリアルパネルのマテリアル

A. ベースマテリアル   

デフォルトのプリセットマテリアルを適用します。 

B. Adobe Substance マテリアル

Adobe Substance マテリアルの一部を適用できます。

C. Substance 3D アセット

Adobe Substance アセットからマテリアルを追加します。

D. Substance コミュニティのアセット

Adobe Substance コミュニティのマテリアルを追加します。

E. 新規マテリアルを追加

パネルに独自の新しいマテリアルを追加します。 

F. マテリアルプロパティ

基本マテリアルに 0 から 1 までの粗さとメタリックのプロパティを適用します。プロパティは、Adobe Substance マテリアルごとに異なります。 

照明

ライト効果
3D およびマテリアルパネルのライト

A. プリセット   

標準、拡散、左上、右面などの事前設定されたライト効果をアートワークにすばやく適用します。

B. 強度

選択したライトの明るさを 0% から 100% の値に変更します。

C. 回転

オブジェクトの周りの光の焦点を -180° から 180 までの値で回転させます。

D. 高さ

オブジェクトが低い位置にあり影が短い場合は、照明を近づけ、0° から 90° では逆にします。

E. 柔らかさ

照明がどのように広がるかを決定します。拡散プリセットを 0% から 100% の値でオーバーライドします。

F. 環境光の強度

0% から 200% の値で、グローバルな照明強度を制御します。 

G. シャドウ

トグルボタンがオンの時、アートワークにシャドウを適用します。 

H. 位置

シャドウを適用する位置を オブジェクトの後ろ または オブジェクトの下 のいずれかから選択します。

I. オブジェクトからの距離

オブジェクトからの影の距離を 0 〜 100% の値で調整します。 

J. シャドウ境界

0% ~
200% までの値でシャドウの境界を適用します。

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

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

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

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

押し出しと回転

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

  1. ベクターアートの作成で作成したアートワークを選択します。  

  2. 効果/3D とマテリアル/押し出し・ベベルをクリックします。3D とマテリアルパネルが表示されます。

  3. 0 〜 100 ポイントの範囲で奥行きを選択します。 

  4. 回転/プリセット/オフアクシス法 - 前面を選択し、X 軸と Y 軸の値を 0° ~ 360° の間の適切な値に設定します。

Adobe Substance マテリアル

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

3D マテリアル
マテリアル適用後の 3D アートワーク

  1. 押し出し適用後にベクターアートワークを選択します。

  2. 3D 効果パネルからマテリアルを選択します。リストからマテリアルを選択するか、
    + アイコンをクリックして独自のマテリアルを追加します。

    独自のマテリアルを追加することも、無料のコミュニティAdobe のマテリアルから選択することもできます。サブスクリプションプランを使用して、多数の Adobe Substance 3D マテリアルを追加することもできます。

  3. マテリアルのプロパティをクリックして、パラメーターを適用し、または位置、チャネル、フィルターを変更します。

照明、強度、シャドウ

作品に押し出しと 3D マテリアルを適用した後、ライト効果を適用する方法を以下の 11 秒の動画でご紹介します。

  1. 3D 効果パネルで、ライトをクリックします。

  2. 標準拡散左上、または右面などのデフォルトのプリセットのいずれかを選択します。または、カラー、強度、回転、高さ、柔らかさのパラメータを適用してカスタマイズします。

  3. 環境光/強度を選択し、0 〜 100% の値を設定します。

  4. シャドウトグルボタンをクリックしてシャドウを適用します。位置、オブジェクトからの距離、境界などのパラメータを使用して、シャドウ効果をカスタマイズできます。 

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

ベクターアートに 3D 効果を適用した後、レイトレーシングでのレンダリングを用いてより簡単に、より高品質でリアルな 3D グラフィックアートワークを作成できます。

  1. 3D 効果パネルの右上にあるレンダリング設定のドロップダウンをクリックします。 

  2. レイトレーシングトグルボタンをクリックして有効にします。レイトレーシングを使用すると、光線がオブジェクト上で跳ね返るときのパスをトレースすることで、リアルな 3D グラフィックスを作成できます。

  3. 画質高を選択し、レンダリングをクリックすると、業界最高レベルの品質でアートワークがレンダリングされます。

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

最終デザイン

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

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


3D とマテリアルについてフィードバックをお寄せください(テクノロジープレビュー)
作成した作品についてお聞かせください。操作は簡単でしたか?レンダリングは速かったですか?さらにどのような機能をご希望ですか?

フィードバックを送信する

次は:3D テキスト効果の作成

ここでは、Illustrator で 3D 効果を作成する方法を説明しました。一歩前進して、基本的なツールと機能を使用し、3D テキスト効果の作成方法を学びましょう。 

ご質問または共有するアイデアがある場合

ご質問がある場合や、ご共有いただけるアイデアをお持ちの場合は、Adobe Illustrator コミュニティにご参加ください。ご意見をお待ちしております。

アドビのロゴ

アカウントにログイン