Illustratorを使った立体3Dエフェクト機能の使い方を解説

Illustrator 2022で超進化した3D機能について解説します。

3DソフトのDimensionがなくても、Illustrator単体でアートワークを立体感のある3Dグラフィックにすることができます。

Illustratorで作成したオブジェクトに立体3D効果を適用する手順

最初にIllustratorでベクターオブジェクトに3D効果を適用する機能の使い方を解説します。

Illustratorの3Dグラフィック機能では以下の3D効果をかんたんに適用することができます。

これらの機能はすべてスライダーを動かすだけで使えるので作業時間は1~3分程度、すぐに終わります。

3D効果を使う流れは以下のとおりです。

図付きで詳しく解説します。

ベクターアートの作成

まずは3D化したいベクターアートを作成しましょう。完全に平面のイラストやテキストデータで構いません。

本機能はアウトライン化していなくても3D効果を適用することができるのであとから文字やシェイプを変更することが可能な非破壊編集だからすごく便利！

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

作成したテキストを選択したら以下の手順で3Dとマテリアルの効果を適用しましょう。

3Dとマテリアルの設定方法

3Dとマテリアルパネルは上図のように「オブジェクト」「マテリアル」「ライト」とタブで並んでいます。

それぞれの項目は選択するだけでリアルタイムにプレビューが切り替わるので直感的に操作が可能です。

オブジェクト	3Dの形状や角度を調整
マテリアル	質感はマテリアルパネルで選択
ライト	照明の明るさ、角度、影を調整

適用するマテリアルはデフォルトの状態でも豊富ですが、Adobe Substanceコミュニティから追加でダウンロードすることも可能です。

マテリアルのディテールや色味の変更が可能

マテリアルは上図のようにたくさんのプリセットが用意されています。

マテリアルによって変更できるオプションは異なりますが、色を変えたりシワを深くしたり細かい調整を行うことができます。

3Dの回転について

自由回転はマウスでグリグリ回すだけなのでわかりやすいと思いますが、回転位置の項目にある下記2つの表示方法はすこしわかりにくいので簡単に解説します。

オフアクシス法は『不等角』に3軸すべての角度が異なっており奥行きを出したい場合はオフアクシス法のほうが自然な表現になりやすい。

アイソメトリック法は3軸で作る角度が120度になり、投影される3つの面の大きさが同程度になるように表されるのが特徴。俯瞰的な表現をしたい時に便利。

レンダリングして完成

3D効果を編集したい場合や削除したい場合

アピアランスパネルの表示：Shift＋F6

削除しないで表示のみを切り替えておけば解除が容易

アピアランス機能の詳細については以下の記事をご覧ください。

Illustratorの3D効果のアウトライン化（パス化）

基本的に3D効果はラスタライズと同じように「画像」として扱われます。

高解像度で出力することができるのでそのまま画像として扱ったほうが良いですが、一応アウトライン化（パス化）する方法もあるので解説します。

ラスタライズで一度画像化する

以下の手順でラスタライズを行います。

1. オブジェクト
2. ラスタライズ
3. 解像度を指定（印刷に使うのなら350ppi以上）
4. OKを選択

以上の手順を行うことで3D効果が埋め込み画像になります。

このままでも普通に入稿データとして使用することができますが、パス化したい場合は後述する画像トレース機能をつかってアウトライン化を行ってください。

画像トレースで3D効果をパス化する

ラスタライズを行うと「画像」になるのでIllustratorの画像トレース機能を使用することが可能になります。

以下の手順でラスタライズした3D効果をアウトライン化することができます。

1. ラスタライズした画像を選択
2. コントロールバーにある「画像トレース」を選択
3. ライブトレース後に「拡張」を選択
4. 右クリックしてグループ化解除（必要に応じて）

画像トレースについての詳細は以下の記事をご覧ください。

アウトライン化することで見た目が変化します。

3D効果そのままのリアルな見た目をパスで再現しようとすると膨大な数のアンカーポイントが必要になり処理も重くなるので不必要に3D効果をアウトライン化しないほうが良いです。

350ppi以上の解像度でラスタライズしておけば普通にきれいに印刷できるので、パスで編集したいなど特別な理由がある場合のみ画像トレースを使用しましょう。

Illustratorの旧バージョンの3D効果との互換性

Illustrator 2022以降に搭載された機能は前述したとおりですが、それ以前のバージョンで使えていた3D機能も互換性保持のために残っています。

新バージョンでは【クラシック】として、旧バージョンでは【3D】として搭載されています。

最新版のIllustratorでは古い3D効果も編集できる

Illustratorのv26.0以前に作成された3D効果は3D効果（クラシック）として維持されています。

そのため、古いバージョンで作成した3D効果が含まれるファイルであっても編集することができるので新しいバージョンを使っている場合は互換性を気にする必要はありません。

しかし、新しいバージョンで作成したデータを古いバージョンを使っている人に送る場合は新機能が使われていると互換性がなくなるので送付の際は注意してください。

旧バージョンのAiで最新版の3Dデータを編集することはできない

古いバージョンのIllustratorで3D機能を使った.aiデータを開くと以下のようなエラーが表示されます。

ドキュメント「ファイル名.ai」には、現在使用できないプラグインで管理されている要素が含まれています。これらの要素に対して、削除または分割・拡張以外の操作は実行できません。所在不明のプラグインは次のとおりです。3Dとマテリアル（Geometry3D.aip）

このエラーが出てもファイルを開くことはできますが、3Dの編集はできません。

クラシックスタイルにはマテリアル効果適用不可

また、旧バージョンのクラシックスタイルには質感の高いAdobe Substanceは使用できません。

Illustratorで質感のある3Dを作成したいけれども、最新版は使えない…という場合はAdobe Dimensionを使うことで同等の効果を得ることができます。

ちなみにDimensionには3Dの背景シーンに3Dオブジェクトを配置できるのでIllustrator単体で3D作るよりも便利です。