5分でできるグリットレイアウトの作り方！illustratorデザイン講座

※5分で作れる成果物

グリットレイアウトの3ステップ

1. 周囲に余白をつける（パスのオフセット）
2. グリットに分ける（段組設定）
3. グリットをつなげる（段組設定）

ーillustrator操作手順ー　

1.グリットレイアウトを作りたいオブジェクトをクリックして選択

※選択すると上図の様に青い線で囲まれた線（パス）が見えます。

まずは、「長方形ツール」でレイアウトの土台となるオブジェクトを作り、

「選択ツール」でレイアウトしたいオブジェクトを選択してください。

2.メニューバーからオブジェクト→パス→パスのオフセットを選択

次に、メニューバーの「オブジェクト（O）」→「パス（P）」→パスのオフセット（O）と選択をしていきましゅう。

3.ダイヤログの数値を入力　

（ここではオフセット（O）に-5mmを入力）

before　

after

表示されたダイアログの数値を入力します。（ここではオフセット（O）に-5mmを入力）

」※数値が正なら選択したオブジェクトのパスを基準にして外側にパスを生成。

数値が負なら、選択したオブジェクトのパスを基準にして内側にパスを生成。

ーillustrator操作手順ー　

オフセットで内側にできたパスを選択

まずは、先ほど内側にオフセットしてできたパスを選択してください。

メニューバーからオブジェクト→パス→段組設定を選択

オブジェクト」→「パス」→パスのオフセット（O）

次に、メニューバーの「オブジェクト（O）」→「パス（P）」→「段組設定（S）」を選択をしていきましゅう。

ダイヤログの数値を入力

（ここでは行:３　列:５　高さ:40　幅:34を入力）

まず、行:３に

まず、列:５に

　高さ:40　幅:34に

表示されたダイアログの数値を入力します。（ここでは行:３　列:５　高さ:40　幅:34を入力）

※行の数値をいじると横方向に分割　列の数値をいじると縦方向に分割します。

そして高さの数値をいじるとグリットの高さ、幅の数値をいじるとグリットの横幅を調節ができグリット間に余白を作ることができます。

ーillustrator操作手順ー　

つなげたいグリット部分を全選択

つなげたいグリットを全選択します。（一つ一つshift＋クリック）

メニューバーからオブジェクト→パス→段組設定を選択

次に、メニューバーの「オブジェクト（O）」→「パス（P）」→「段組設定（S）」を選択をしていきましゅう。

ダイヤログの数値を調整

（ここでは行:２　列:３→行:１　列:１に変更する）

（行:２　列:３）

（行:１　列:３）

（行:１　列:１）

現時点では、行:２　列:３の分割された状態なので行:１　列:１にすることで分割されたグリットが統合されます。

（行:２　列:３→行:１　列:１）

この作業を自分の考えるレイアウトになるように繰り返す

・

・

・

そうするとこんなグリットレイアウトが出来上がります！