ホームページ制作にあたって イラストレーターでグリッド線の下地を作成する。
ホームページ制作にあたって イラストレーターでグリッド線の下地を作成する方法を記載します。
【出来上がり】
1. イラストレーターを開き、・幅210mm ・高さ297mm で新規作成します。
2. ・幅190mm ・高さ277mmの四角を作成します。(①長方形ツール → ②ダブルクリック → 長方形ツールオプションが表示されたら③210-20(・幅190mmの事) ④297-20(・高さ277mmの事) → ⑤OK)
3.作成した四角を中央に表示させます。
整列パレットを表示させます。 Ctr + F7 (ウィンドウ(ツール)→ 整列でもOK)→①をクリック → ②アートボードに整列 → ③水平方向中央に整列 垂直方向中央に整列 を選択
↓の様になったらOKです。
4.中に・幅190÷4mm ・高さ277÷5mm の四角を作成します。
①四角ツールを選択 → ②3.で作成した四角の左上アンカーポイントでダブルクリック
③表示された四角ツールオプションに、
・幅 190mm/4
・高さ277 mm/5 と入力して、四角を作成します。
④↓の様になったらOK
5.上記で作った四角をコピーして、水平方向に4つ並べます。
A.コピー方法】
Ctrl + C(右クリック→コピー でもOK) → Ctrl + F(正面(フロント)に貼り付けの意味)→ Ctrl + F → Ctrl + F
※横に4枚並べる為に、3枚貼り付けする必要があります。
↓重なっているので、見た目の変化はないかもしれません。
B.水平方向に4つ並べる方法】
全選択をします。Ctrl + A (ドラッグして全ぶ選択してもOK) → ①
①線をクリックし、キーオブジェクトに指定する(太線になればOK)→ ②をクリック → ③キーオブジェクトに整列を選択 →④水平方向等間隔に分布を選択
↓
こうなったらOK。
6.上記で作った4つの四角を、垂直方向に5列並べます。
A.右の190mm×277mmの四角を選択解除(Shft+四角の線をクリック) → 移動ツールを開く(Ctrl+Shift+M:右クリック → 変形 → 移動 でもOK) →
B.Ctrl + D でコピーを繰り返し、下までコピー出来たらOKです。
7.小さい四角を、190mm×277mmの四角の中に移動します。
A. 小さい四角全部を選択し、グループ化(右クリック → グループ)
全選択(Ctrl +A)→ ①190mm×277mmの四角の線をクリックし、キーオブジェクトに指定 →②水平方向左に整列を選択
↓こうなったらOK
※うまくいかな場合・・・
小さい四角だけを選択したつもりでも、赤四角の中に何か印が出ている場合は、190mm×277mmの四角も選択されてしまっています。
→Shift + 190mm×277mmの四角線クリック で四角の選択を外してください。
8.ガイドを作成する。
Ctrl + 5 (表示(ツール)→ガイド → ガイド作成でもOK)
下記の様になったらOK
お疲れ様でした。