はーい！講師の「千葉名人」です♪

はい。レッスン2スタートです！
今日も一生懸命みんな勉強するぽ！

ん？なんだい、アシスタントの田中君

今日は書けると便利な「フロー図」の書き方をやってみましょう！

今回はこれを、トレースしてみましょう！物事の流れを図でわかりやすく表現するのがフロー図ですよ。
フロー図が書けると様々なお仕事で重宝するよ♪ さあ、やってみてちょ！

カンタンカンタン！ トレースの入門にフロー図はとても向いている題材だとも思うよ。

下絵練習用画像をゲットしたら、その下絵画像を、レイヤーに配置しましょう。
レッスン1で実戦した方法で配置画像を下絵として扱いやすいよう半透明にしてみましょう！

そうそう。新規にレイヤーがどんどん、つくれちゃうよ！
その右となりにゴミ箱のアイコンがあるけどゴミ箱のアイコンを押すと逆にレイヤーを削除できるよっ！カンタンでしょ！

だいじょうぶ、だいじょうぶ！カンタンカンタン！！
これは、レイヤーに例えば、絵とか写真があるとして、それを選択した時に出る色のことなんよ！
選択した絵とか写真のまわりが、”いま、コレを選択していますよ”ってことがわかるように色が出るアノ色のことなんよ！

ん？なんだい、アシスタントの田中君

これだから、素人は困る！
いいかい？例えば、背景に赤色のイラストがあって、その上の選択したイラストのレイヤーカラーが赤だとどうなんよ？
選択しても、背景に色が溶けこんで「選択しているかどうか」わかりにくくなっちゃうでしょ！

文字ツールを選択しましょう。わかりやすく画像でどうぞ！

そうそう。カチャカチャって、文字を入れてちょうだい！ここで、文字の設定方法をレクチャーするね！
illustratorを使ってインストールしているフォント（文字の書体、デザイン）を自由に選んで自由な大きさ自由な角度、形に変形して使うことが出来ます。
文字の設定を行うのが「文字設定パレット」です。

基本になるツールですよ。最初は細かい設定はわからなくていいので、基本になる文字のサイズとフォントの切替を覚えましょう！

レッスン1では、楕円形ツールを使って丸い形のタマゴの黄味をトレースしたよね！
こんどは、長方形ツールを使って、四角いフロー図用のハコをトレースするのね。

うん。これで、長方形はトレース出来るようになったね！
次は「長方形の丸い形」と「ひし形」の形を作ってみましょう。

下のように、じっと長方形ツールをクリックしたまま待っていると「角丸ツール」が選べますので選びましょう

そうそう。いい感じやね！
これは本当に良く使うテクなので練習しておぼえてね！

ひし形は、他のツールとの組み合わせで、やるんよ！
先ず、さっき出た「長方形ツール」を使って、四角形を作りましょう。ただ、これにはポイントがあって、シフトを押しながら作ってください。
シフトを押しながらだと、縦と横の長さが同じ正方形の四角形が作れますよ！

そしてそれを、クルッと45度回転させるんよ！
クルッっと＼(^◇^)／

回転マークのツール！これが『回転ツール』だよ！
オブジェクトを選択したまま、この回転ツールを選んで「シフトボタン」を押しながらステージをクリックしたまま、グィーンと上か下にマウスを動かすと、45度ずつカクカクと回転するよ！シフトを押さないと、正確な角度をつけるのが難しいけど、シフトを押しながら行うとカンタンですよ！

そう、そのとおり！キッチリ45度でないと、ひし形がちょっと斜めに なってしまったりするから、ちゃんと45度回転させて あげましょうね＼(^◇^)
しょっちゅう使うので「ショートカット」も おぼえちゃおう！＜ 英数字入力状態で「Ｒ」を押すと、回転ツールに切り替わります ＞

これでいい？
横に細長くしたい場合は『拡大縮小ツール』を使ってこうやるんよ！

オブジェクトを自由自在に拡大縮小させるツール！これが『拡大縮小ツール』です。オブジェクトを選択したまま、このツールを選んでステージをクリックしたまま、グィーンとドラックすると、縦に長くなったり、横に長くなったり縮めたり自由に拡大縮小させることができます＼(^◇^)
※ショートカットは英数字入力モードでキーボードの「Ｓ」（良く使う機能なので覚えちゃおう）

これは、見た目も楽しいし、実際とっても便利なんよ 。
なれると、なんも考えんでも1秒くらいで作れるようになるから練習してみてね！

今、おしえた方法で、さっそく、下絵の上のレイヤーに文字を入れて、さらに別のレイヤーを作ってそこに、図形を作りましょう。
文字が図形の下に重なると、文字が隠れてしまうから文字のレイヤーは、図形のレイヤーよりも上に置きましょう。

いいねぇ！上手いよ（＾＾）でも、文字とか図形の位置が、ちゃんと並んでいないよね（＾＾）
これをキレイに整えましょうね！

そう！これを使って、キレイにオブジェクトや文字を整列するんだよ！
わかりやすいように下のように、バラバラになっている長方形を整える様子を見せてあげるね♪

もちろん！これを、ちゃんと、並べるのも、illustratorならカンタンだよ！
先ずは、縦方向に整列させるね！整列ボタンの水平方向中央に整列ボタンを整列させたいオブジェクトを全部選んだ状態でクリックします。

色々とアイコンがあるけど、大体マークの意味が使っているうちにわかってくるよ。
説明してもいいけど、自分で実際に使って実際の動作を見て覚えるのが一番たのしいよ♪
テレビのリモコンのように、ボタンひとつでピッって操作が決まるから気持ちいいよ！

うん。先ず、整列させたいオブジェクトと文字を両方選択します。
その状態から「シフトボタン」を押しながら、オブジェクトをクリックすると同時に複数のオブジェクトを選択できます。

そうなんよね。この場合、文字だけ動かして、ひし形のオブジェクトはそのままの位置に固定したままで操作したいんよね？
そういう場合は、やりかたがあります（＾＾）まず、両方を選択した状態のまま、「親」になるほうのオブジェクトを、もう一回クリックするんよ！

うん。そうすると、クリックした方が、親オブジェクトになって固定されれます。
それから整列すると親オブジェクトを基準にして、もう一方のオブジェクトだけが動いて整列するよ♪

「垂直方向中央に整列」ボタンをクリックしましょう。（参考画像は上）
はい！親オブジェクトの真ん中に、文字が移動しました（＾＾）
次に「水平方向中央に整列」ボタンをクリックしましょう。（参考画像は下）
はい、これで「縦軸でも親オブジェクトの真ん中」に、文字が移動しましたね（＾＾）

さぁ、次は、フロー図の線の部分を、トレースしましょう(＾＾)ｒ
その前にイラレ屋推奨のIllustratorの「環境設定」をレクチャーするね！

イラレ道場流の環境設定では、単位を「文字がポイント」「一般と線はミリメートル」で 設定します。
デフォルトだとポイントのままです。ちなみに、1ポイントは約 0.3759mmです。トレースの基本は約0.35ミリメートルで行い、細い線は0.2ミリメートルを使います。仕事内容でみんなの最適な値に変更してください。レーザープリンターなら、0.1mm まで綺麗に出せますが、それ以上細くなると、かすれたような感じで出力されるので線幅は用途を意識し使い分けられるようになりましょうね！ウェブの仕事の場合、ポイントが単位としてメインになります。臨機応変にどうぞ(^^ )

ペンツールをつかうんよ！

「面と線」っていうのは、オブジェクトの色の設定のことだよ！　オブジェクトには、ふちの部分の線と、その中身の部分の面があるんよ！
おれが、赤丸が付いているところをイジっているけど、そこをクリックして面と線のセッティングをするんよ！

これが面と線の、カンタンな説明なんだけどなんとなくわかって貰えたかな？

ねっ、カンタンでしょ＼(^◇^)
illustratorの基本だから、このレッスンで覚えておいてね！

正解！田中くん、偉い！！偉いよ＼(^◇^)／
フロー図のオブジェクトは、面を白、線を黒に設定しましょう！
こうしておけば、オブジェクトの下に引いた線が下に隠れてしまうので作業が効率的になるよ♪

さぁ、線をひっぱりますが、その前にもう一つ、重要な設定をします（＾＾）
メニューの、『画面』から、出てくる「スマートガイド」と「ポイントにスナップ」にチェックを入れます（＾＾）これが非常に重要です！
「グリットにスナップ」はチェックなし（使わない）ようにします。イラレ道場推奨の方法は、この「スマートガイド」と「ポイントにスナップ方式」です！

「ポイントにスナップ」をオンにすると、オブジェクトが、ポイントにピッタリ止まるように自動調整されます。
「スマートガイド」をオンにすると、ポイントの名称と、角度ごとにカッチリ操作が決まる、ガイドが表示されるようになります。

文字のある、文字レイヤーを”固定”して選択出来ないようにしてから、ペンツールを選んでマウスで、オブジェクトの真ん中あたりを
カーソル移動させてみて！ピーンっと、まっすぐ線が出るでしょ？

その、スマートガイドを利用して、真ん中の位置にカンペキな、線を一本引くよ！
スタートの文字がある、オブジェクトの真ん中からスマートガイドを、マウスを移動させて
出して、スタートのオブジェクトの底辺のパスって表示される位置でマウスをクリックしてみて！

ok!そのまま、一番下にある、エンドの文字がある、オブジェクトの上のところまでカーソルを移動さてね。
そしてパスって表示されるところで、クリックしてみて！

同じようにして、今度は、「イラレ道場に入門する？」の「ひし形の右側」の線が出ている部分にペンツールに切り替えてから、マウスを持っていき重ねます。ガイドが、出てくるのでポイントで、ワンクリックして、今度は、「ヘタッピ（T○T）」のオブジェクトの中心のあたりにカーソルを移動させて、ガイドを出します。
そして、ひし形のところからガイドが真横に出る位置と、ヘタッピのオブジェクトの真ん中からガイドが出ているちょうど、中心の位置でクリックします。

そして、真下に線を引っ張る為に、ガイドに沿って、ヘタッピの下でまたクリックして、さらに最初に引いた線に合流する位置に、カーソルを合わせて、クリックします。これで、線は完成したので、またステージを選択ツールに切り替えてワンクリックして選択状態を終了します。

耳ちゃん、上手いね！これは、とにかく練習あるのみだからガイドの出し方と、ポイントでクリックするのに慣れてみてね！

オレも最初は、スマートガイドをオフにして、操作してたんよ。でも、上手い人は、みんなオンにしてやってたんよね。オレの先生が教えてくれんだけど、今は常にほどんどスマートガイド機能がオン状態で操作してるんだよ。なれると、ものすごく楽！ なれるまで、ちょっと違和感があるけど慣れたらオンじゃないと操作しずらくなるよ！信じられないかも知れないけど、これでしっかりした図面をトレース出来るプロテクを発揮出来るようになるんよ！

がんばって！とにかくトレースをして体で憶えてしまおうぜ！
頭で考えても、操作出来ないと意味がないからね(^_^)

フロー図というのは、流れを表すから、線が矢印になってないといけないんよ。
仕上げに線を矢印にしましょう（＾＾）

メニューの、『ウィンドウ』の「ブラシライブラリ」から『矢印ブラシ』を選択しましょう

これは、オレが作ったブラシなんよ（＾＾）
イラレ屋で好評発売中だから欲しい人はご注文お待ちしております（＾＾※）にこにこ

アートブラシとかでは付いてるけど、パターンブラシじゃないから作ったんよ（＾＾）自分で作るの面倒でしょ？
フィルターでも矢印を作れるけど、イチイチ面倒でしょ（＾＾）これなら、ワンクリックだよっ＼(^◇^)
Illustrator CS4以降からは、デフォルトで先端形状で矢印が選べるからそれでもOKだよ。好きなのを使ってやってみてね！

まいどありぃ（^~※）ホクホク。
はい、田中君も、チャリンチャリン！

はいはい、田中くんに、イラレローンね！
まいどありぃ（^~※）ホクホク。

はい、それじゃあ、 矢印ブラシの03番を選んでちょ（＾＾）