イラストは、普通の被写体にエネルギーを与え、複雑なアイデアを視覚的に明瞭に伝える能力において比類のないものですが、アイソメトリックイラストはどうですか？彼らは悪名高いほど困難で時間のかかるものではありませんか？ 6つの簡単なステップで、このアイソメ図のチュートリアルにより、プロセスが迅速かつ簡単になります。

ランディングページを活性化する必要がありますか？退屈なデータを視覚化しますか？当たり障りのないパッケージにパンチを追加しますか？イラストはあらゆる面での答えです。

近年では、 等尺性 イラストは、2次元空間で3次元の奥行きを表現する方法で人気を博しています。 さらに、アイソメトリックグリッドは、イラストのフラストレーションの一般的な原因である遠近法の錯覚を維持する必要性を否定します。

アマゾンウェブサービスソリューションアーキテクト

Adobe Illustratorでは、従来のアイソメ図のプロセスは 退屈 。等角グリッドを作成し、正方形を描き、-30°傾斜させ、-30°回転させます。幸いなことに、もっと良い方法があります。イラストレーターは 3D効果 「押し出しとベベル」、「回転」、「回転」などのアイソメ図をすばやく簡単に作成できます。

このチュートリアルでは、「回転」を使用してアイソメイラストを作成する方法を示しますが、洞察はIllustratorの残りの3D効果にも適用されます。

クライアントを感動させ、ユーザーを喜ばせ、アイソメトリックの秘密を学ぶ準備ができました 図 ？

Revolve＆Refine：アイソメイラストチュートリアル

氷のように冷たい飲み物を楽しんでいないのは誰ですか？ラベル付きのアイソメトリックボトルをデザインして、液体のリフレッシュの喜びを乾杯しましょう。

*プロタイプ： 開始する前に、ボトルがどのように見えるかを通知するオブジェクト参照を見つけます。

ステップ1：ボトルと液体を引く

1.1）新しいAdobeIllustratorドキュメントを作成します。

1.2）ドキュメントにボトル参照を追加します。

1.3）ボトルと中の液体の輪郭を描きます。

1.4）ボトルと液体を半分に分割します（以下を参照）。

1.5）ボトルの輪郭のストロークの厚さは、ガラスの厚さを定義します。

*プロタイプ： アートワークをコピーして、バックアップとしてアートボードの外に貼り付けます。

ステップ2：回転効果を適用する

名前が示すように、「Revolve」はその軸を中心に形状を回転させます。 Illustratorでは、「回転」軸の位置は垂直方向に固定されています。これが、ボトルの輪郭が描かれ、半分に分割された理由です。

*プロタイプ： ボトルの輪郭も液体オブジェクトも、塗りつぶしの色としてグラデーションを使用しないでください。

2.1）「回転」効果を見つけるには、「効果> 3D>回転…」に移動します。

2.2）ダイアログウィンドウの上部に、「位置」というラベルの付いたフィールドがあります。 「IsometricLeft」を選択します。

2.3）角度–これはオブジェクトの軸の周りの回転の程度です。 180°に設定すると、ボトルは垂直方向に半分に分割されます。完全に回転するボトルの角度を360°に設定します。

2.4）オフセット–オブジェクトの垂直軸からのオフセット距離を制御します。 「0」を入力します。

2.5）サーフェス–オブジェクトのマテリアルと照明のプロパティを設定します。 「シェーディングなし」を選択します。

タダ！液体のアイソメトリックボトル。リラックスして、リラックスして、待ってください。そのボトルにはラベルが必要です。

*プロタイプ： ラベルが作成されるまで、ボトルの「外観の拡大」機能を使用しないでください。

設計の原則である_____には、要素の分散が含まれます。

ステップ3：ラベルを準備する

3.1）ボトルを使用してラベルの寸法を定義します。

3.2）下の例の画像では、ボディラベルの高さは明らかですが、表面が軸に平行でないため、ネックラベルの高さは明確ではありません。 おおよその高さで十分です。

3.3）ラベルの長さは、 円周式 2πr。

3.4）満足のいくラベルが設計されたら、両方のラベルを記号に変換します。 「シンボル」パレットは、「ウィンドウ」>「シンボル」の下にあります。

3.5）ラベルデザインを個別にパレットにドラッグアンドドロップして、シンボルを作成します。

*注意： IllustratorとSketchのシンボルは同じように機能します。

ステップ4：ラベルをボトルにマッピングする

「外観の拡大」機能を使用してボトルがベクトル化されていない限り、完全に編集可能です。

4.1）ボトルを選択し、「外観」パレットを表示します：ウィンドウ>外観

ポーターの5つの力のバイヤーの力

4.2）次に、「3D Revolve」を選択すると、前のダイアログボックスが表示されます。

4.3）デザインをボトルにマッピングするには、左下のオプション「マップアート」をクリックします。

4.4）これにより、ボトルの記号を選択して調整することができます。

4.5）シンボルを正しい表面に一致させてください（以下を参照）。

4.6）「Scaleto Fit」をクリックすると、ラベルがボトルにマッピングされます。

4.7）ネックラベルについても同じ手順に従います。

ステップ5：乱雑なファイルを避ける

5.1）次に、「外観の拡張」機能を使用して、ボトルをベジェ曲線に変換します。オブジェクト>外観の拡張

Illustratorは、主に3Dオブジェクトの操作を目的としたものではありません。 オブジェクトの外観を拡張すると、3Dオブジェクトのような錯覚を与える小さな要素のグループ化されたコレクションが作成されます。

5.2）物事を整頓するために、要素を「パスファインダー」または「シェイプビルダー」ツールと組み合わせます（以下を参照）。

*プロタイプ： オブジェクトを結合すると、不要なアンカーポイントが作成されます。 [オブジェクト]> [パス]> [簡略化]に移動して、それらを減らします。 Illustratorを定期的に使用している方は、 VectorScribeプラグイン とそのポイント除去ツールを強くお勧めします。

ステップ6：色とグラデーションで生命を追加する

最後のステップとして、色とグラデーションでボトルに命を吹き込みます。 ここで、個々の芸術性が発揮されます。 反射、ハイライト、シャドウを追加してリアルな外観にするか、ストロークと簡略化されたカラーパレットを使用してよりグラフィックな雰囲気にします。強固な基盤により、スタイルの可能性は無限大です。

ギリシャはどのようにして借金をしましたか

アイソメトリックイラストに乾杯！

アイソメトリックイラストは、奥行き、次元、個性を幅広い範囲にもたらします 設計 プロジェクト。このチュートリアルで概説されている原則を使用して、より等尺性の可能性を探り、Illustratorの他の3D効果である「回転」と「押し出しとベベル」を試すことを忘れないでください。

---

ご意見をお聞かせください。以下にあなたの考え、コメント、フィードバックを残してください。

•••

ApeeScapeデザインブログの詳細：

• ビジュアルシェルフライフ–Webデザインのイラストが古くなる理由
• 描画スキルなしでカスタムイラストをデザインするためのステップバイステップガイド
• 新しい現実：VR、AR、MR、そしてデザインの未来
• Designer’s Edge –Photoshopプラグインの概要
• 進化する絵文字：メッセージングの新しい顔のためのデザイン

基本を理解する

Adobe Illustratorの利点は何ですか？

イラストレーターはベクターグラフィックプログラムです。ベクターグラフィックスは、品質を損なうことなく無限にスケーラブルであるという点で、ピクセルベースのグラフィックス（ラスター）とは異なります。 Illustratorの利点の1つは、図形、色、テキストを簡単に編集できることです。そのため、アイソメイラストを作成するための理想的なツールです。

アイソメトリックイラストはどのように作成しますか？

アイソメ図は、30°と-30°の角度で走る等間隔の垂直線と交差する線で構成されるグリッドに基づいています。 Webには複数のアイソメ図のチュートリアルがありますが、最も基本的なレベルでは、アイソメグリッドに関連して形状と線が描画されます。

アイソメ画像とは何ですか？

アイソメ図は、2D空間での3D投影です。アイソメトリックとは、「同等の測定値を持つ」ことを意味します。この原理は、アイソメトリックグリッドとその等間隔の平行線（垂直方向に30°と-30°の角度で走る）に見られます。そのため、アイソメトリック画像は、歪みのない複数の表面の詳細を示します。

アイソメ図が使用されるのはなぜですか？

等尺性のイラストは、奥行きのある錯覚を生み出すため、人気があります。アイソメ図は、製造用の部品を視覚化する方法として生まれました。アイソメ図は消失点（透視図など）に縛られないため、一度に複数のサーフェスの詳細を表示できます。

アイソメ図は2Dまたは3Dですか？

アイソメ図は、2次元空間内の3次元オブジェクトを表します。アイソメグリッドは奥行きの錯覚を生み出しますが、「距離」に後退するすべての線は実際には互いに平行に走っているため、等角図は透視図よりも簡単にレンダリングできます。