等角投影グリッドおよび軸測グリッド

Affinity Designerでは、UIやゲームのデザイン、デジタル設計モデル、モックアップ、またはこのスタイルに適したデザインに理想的なカスタマイズ性の高い等角投影グリッドおよびその他の軸測グリッドを利用しています。

等角投影グリッド
等角投影による描画。

等角投影グリッドおよび軸測グリッドについて

等角投影をはじめとする軸測グリッドは、本質的に平行投影です。つまり、グリッドラインが透視投影のように消失点に収束することは決してありません。Affinityでは透視投影がサポートされていません。

Affinity Designerでは、さまざまなタイプのグリッドを各種の方法で設定できます。

すべての軸測グリッドでは、アポストロフィキー(')を使用してプレーンの切り替えが可能であり、正面、側面、天面でのプレーン内変換を順に適用できます。

正面
プレーン内にフィットするように変換された選択オブジェクトを示す等角投影グリッドの正面、側面、天面。

グリッドの設定が済むと、幾何学的シェイプ、アートテキスト、およびグラデーションをアクティブプレーン上に直接描画することができます。さらに、移動ツールを使用して、カーブ、閉じたシェイプ、および配置された画像を適切なプレーンに選択的に変換できます。

スナップコントロールについて

グリッドが最も効果を発揮するのは、スナップと組み合わせた場合です。オブジェクトハンドルとカーブノードは、どのグリッドラインやラインの交差ポイントにも正確にスナップします。

グリッドは、任意のドキュメント単位で利用したり、ルーラー表示がオンになっている場合に表示したりできます。

選択ボックスの切り替えの使用

プレーンにカーブを描画する際は、[選択]メニューにある[選択ボックスを切り替え]設定を活用できます。[平面の範囲]オプションは、カーブの選択ボックス(オブジェクトではない)を現在のプレーンのものに変換し、グリッドへのカーブの配置/スナップを容易にします。平面境界の設定後、カーブを異なるプレーンにフィットさせると平面ボックスも変化します。

オブジェクトの選択ボックスの向きを現在の平面に恒久的に設定することが可能です。オブジェクトは影響を受けません。オブジェクトを再選択しても、選択ボックスは「平面内」のままです。

正面
「平面境界」に変化した選択ボックス(非オブジェクト)

プレーン外を編集する場合、「ベースボックス」または「通常の範囲」の[選択ボックスを切り替え]設定を選択します。

等角投影グリッドを作成するには:
  1. [表示]メニューで、[スタジオ]オプションから[等角投影]を選択して、等角投影パネルを表示します。
  2. [グリッドを変更]をクリックします。
  3. 表示される[グリッドおよびスナップ軸]ダイアログで、[グリッドを表示]をオンにします。
正面 側面 天面 グリッドプレーン間を移動するには:

次のいずれかを行います。

グリッド間隔を設定するには:
スナップ グリッドのスナップを設定するには:
  1. ツールバーで、[スナップ]を選択します。
  2. [プリセット](例: カーブ描画)を選択し、[グリッドにスナップ]もオンになっていることを確認します。

これで、オブジェクトが正確にグリッドラインにフィットするようになります。

プレーン内編集 グリッド上に幾何学的シェイプを直接描画するには:
  1. 等角投影パネルで、[プレーン内編集]を有効にします。
  2. シェイプツールが選択された状態で、選択対象のシェイプを外へとドラッグします。シェイプは、任意のグリッド交差部からのドラッグによる最初の作成時、または再配置およびスケーリング時をグリッドにスナップさせることができます。
プレーンに合わせる 2次元オブジェクトをプレーンに合わせるには:
  1. カーブ、閉じたシェイプ、アーティスティックテキストまたは画像を選択します。
  2. 等角投影パネルで、オブジェクトの送信先となるプレーン(正面、側面、天面)を選択します。
  3. 同じパネルで、[プレーンに合わせる]を選択します。
プレーン内で左右反転 プレーン内で上下反転 プレーン内で反時計回りに回転 プレーン内で時計回りに回転 グリッド上の任意のオブジェクトを変換するには:
その他の等角投影グリッド設定を変更するには:
選択ボックスの種類を切り替える:
選択ボックスを永久に平面境界線に設定する:
  1. [選択]メニューの[選択ボックスを切り替える]を使用して[平面境界線]という選択ボックスオプションに切り替えます。
  2. 同じメニューで[選択ボックスの設定]を選択します。

高度なグリッド

[グリッドとスナップ軸]ダイアログの [詳細設定タブ] は、高度な軸測グリッド、2次元の固定グリッド、および等角投影グリッドをレイアウトするのに最適です。

このマネージャーでは、[等角投影]パネルで設定される一般的に使用される等角投影グリッドの代わりに、他の投影グリッドプリセット(二等角投影、三角形など)も選択できます。また、より高度に使用するためのプレーン設定や、グリッドサイズ設定、カスタム縦横比および角度を有効にするオプションを持つカスタム軸測グリッドを作成することもできます。

等角投影のようなプリセットを超えるものが求められる場合は、グリッドを好みにあわせてカスタマイズすることができます。

グリッド原点

グリッド原点は、軸どうしが出会うポイントであり、論理プレーンの隅に位置します。原点は、ページ上で延長や再配置が可能な一連の軸ハンドル(赤、緑、青)として表示されます。

ほとんどの軸測グリッドでは、軸ハンドルが相互の関連でロックされた状態になっていますが、同時にすべてを同じだけ長くしてグリッド間隔を設定することは可能です。

原点を設定するには、グリッド原点(ページの左上隅)を交差ポイントによってドラッグし、ページ上に配置します。プレーン間で変更を行う際には、アクティブなプレーン上のハンドルが太く表示されます。

グリッド原点(変更前)
グリッド原点(変更後)

グリッド原点を任意のプレーン上のオブジェクトにスナップできます。同様に、固定されたグリッド原点にオブジェクトをスナップすることもできます。

追加軸の設定

グリッドに追加の角度や軸を導入すると、オブジェクトのエッジ、コーナー、カーブノードのスナップや制約に関するオプションを追加できます。

軸およびスナップのカラーについて

スナップまたは制約の際には、異なる軸を示す次のカラーが表示される場合があります。

高度なグリッドを設定するには:
  1. [表示]メニューから、[グリッドおよび軸]を選択します。
  2. 次のいずれかを行います。
    • [プリセット]ポップアップメニューから、平行投影プリセットを選択します。
    • [詳細]をクリックし、[グリッドタイプ]ポップアップメニューからグリッドを選択して、その設定をダイアログ内で編集します。
パネル環境設定グリッドプリセットを管理するには:
  1. グリッドと軸ダイアログで、プリセットを選択するか、独自のプリセットを作成します。
  2. パネル環境設をクリックします。
  3. 必要に応じて、デフォルトとして設定またはデフォルトをクリアを選択します。
グリッド原点の表示と配置を行うには:
  1. [グリッドとスナップ軸]ダイアログから、[軸編集ハンドルを表示]のチェックをオンにします。デフォルトでは、グリッド原点がページの左上隅に表示されます。
  2. グリッド原点の交差部分をページ上のポイント(例: 幾何学的シェイプのコーナー)にドラッグします。
グリッド間隔を設定するには:

キューブモードを使用したカスタムグリッド

キューブモードは、自然な手順で軸測グリッドを設定できます。キューブのエレベーション、向き、およびロールを変更でき、それによってページのグリッドが自動的に再配置されます。

グリッドキューブ
グリッドのキューブモードを使用するときにエレベーション(A)、向き(B)、およびロール(C)を変更する。

グリッドキューブの利点

キューブモードを使用して軸測グリッドを設定するには:
  1. [表示]メニューから、[グリッドおよび軸]を選択します。
  2. [モード]を[キューブ]に設定します。
  3. キューブのエッジサイズである[キューブスケール]およびすべての軸の[区分]値を設定します。
  4. キューブの横にある垂直スライダーの青色マーカーをドラッグして(または特定のE値を入力して)エレベーション(E)を変更します。必要に応じてスナップポイントを使用します。
  5. キューブを左または右にドラッグして(またはO値を入力して)キューブの向き(O)を調整します。角度とグリッド軸の長さはキューブの向きから導出されます。
  6. キューブの回りにある外側のリングゲージの青色マーカーをドラッグして、ロール(R)設定を調整します。

カスタムグリッド

カスタムグリッドでは、任意のグリッド原点の軸編集ハンドルの長さや向きをその他のハンドルを基準にして変更したり、その他のハンドルとは無関係に変更したりできます。

カスタムグリッドを作成するには:
  1. [グリッドとスナップ軸]ダイアログで、[2軸カスタム]または[三角形カスタム]のどちらかを選択します。
  2. 各軸で同じグリッド間隔を維持するには、[均一]を有効にします。
  3. 上方向軸を有効にして設定するには、[プレーンセットの作成]を有効にします。
  4. 各軸の縦横比を設定するには、[固定縦横比]を有効にします。第2軸および上方向軸の縦横比を同じにする場合は、無効にします。
  5. 次のいずれかを行います。
    • 第1軸、第2軸、上方向軸について[間隔][区分][角度]の設定を行います。
    • [移動ツール]を有効にし、グリッド原点の軸編集ハンドルを内側または外側にドラッグして、その角度を変更します。
  6. [閉じる]をクリックします。
カスタムグリッドを回転させる:

関連項目: