製作させていただいたサイトの中からの Pick Up!
     
安川自動車様   IS保険企画様   たきのゆ様   中村屋呉服店様
     
水島農機商会様   朝倉匠庵様   おたとうふ様   佐々木織産工業様

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

グリッド線を引く-2

前回引いた「ガイド」を基本にヨコのグリッド線を引いていきます


引いていくグリッド線の間隔は、下の画像のとおりの幅です

grid0007.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

前回、引いた「ガイド」を下のほうへコピーしていきます

ページの上の端と重なっている「ガイド」を左クリックで選択して
右クリックでメニューを開き「変形」→「移動」をクリック

grid5.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

開いた移動ボックスの「垂直方向」に"20px"と記入して
「コピー」をクリックします⇒オレンジ○の部分

grid006.gif

「ガイド」がページの上の端から下へ"20px"の場所にコピーされます


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

この2本の「ガイド」を、細い幅の"20px"と太い幅の"60px"、
あわせて"80px"の間隔で、下方向へコピーしていきます


2本の「ガイド」を選択します

"Shiftキー"を押しながら、黒い矢印の「選択ツール」で
1本づつクリックすると、2本同時の選択ができます

grid00007.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

2本の「ガイド」が選択された状態で、右クリックでメニューを開き
「変形」→「移動」をクリックし、移動ボックスを開きます

開いた移動ボックスの「垂直方向」の欄に"80px"と記入し
「コピー」をクリックします⇒オレンジ○の部分

grid008.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

コピーした後は、上の2本の「ガイド」ではなく、コピーされた
2本の「ガイド」が選択されています

grid009.gif



コピーされた2本の「ガイド」が選択された状態で、この2本を
さらに、下のほうへコピーしていくのですが

右クリックで移動ボックスを、何べんも開くのも大変なので
ショートカットキーを使ってコピーします

"Ctrlキー"を押しながら"D"を押すと、コピーできます
"Ctrlキー + D" を9回繰り返すとページの下までコピーされます

grid9.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

次に、ヨコの「ガイド」をすべて選択します

画面左下の「拡大縮小」表示欄の矢印をクリックし、50%を選択し
ページ全体が見えるように縮小します⇒オレンジ○の部分

次に、黒い矢印の「選択ツール」を、ページの左上から右下まで
ドラッグ(ドラッグすると黒い点線の枠が表示されます)することで
ヨコの「ガイド」がすべて選択されます

grid0010.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

ヨコの「ガイド」がすべて選択された状態で
メニューバーから、「オブジェクト」→「グループ」をクリックします

grid10.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

ヨコの「ガイド」が一つのグループとなります

レイヤーの「グループ」の横の空白のマスをクリックしてロックを
かけます⇒オレンジ○の部分

ロックをかけた、図形や線は固定され、移動できなくなります

grid0011.gif


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

次回は、「ガイド」をタテに引いていきます


コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

プロフィール

asp

Author:asp
HP制作やブログカスタマイズなどを生業としていますが、歳をとるにつれて物忘れがひどくなってきたので、メモ代わりの備忘録でも始めようかと・・・・

検索フォーム


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。