4月21日(月)・25日(金)の授業復習ノート
本日のポイント
第一回目授業の学習項目です。授業後、授業で作成した書類をもう一度開いて、必ず復習しましょう。
■Illustratorのインターフェイスを好きになろう！
・書類の開き方と保存のしかた（ローカルルール）
・保存形式 （拡張子を表示させる「 .ai」）
■オブジェクト描画ツールってなに？
・楕円を描く ・長方形を描く
■「黒やじるし」が選択ツール。
・カラーの設定をしてみよう。
・選択ツールを使ってオブジェクトを移動させよう
・「バウンディングボックス」を表示させる。
・選択ツールとバウンディングボックスを使って拡大縮小をする。このとき、「Shiftキー」を押すのを忘れないでね！
・ついでに、バウンディングボックスを使って回転をさせる。
■選択ツールとパスファインダパレットを使ってオブジェクトを加工し、新しい形を作ってみよう
・パスファインダパレット
第一回目授業の宿題 「動物」をIllustratorで描きなさい
・ドキュメントの大きさ：105mm×150mm、あるいは150mm×105mm。縦横どちらでもよい。
■POINT！ ポストカード用のイラスト制作です。はがきのサイズに出力する印刷原稿を、新規で作成しましょう。
「新規ドキュメントプロファイル」を「プリント」と先に設定してから書類のサイズを入れましょう。単位が自動的に「mm」になってくれますよ！。
単位が必ず「mm」になっていますか？確かめてからOKボタンを押してくださいね。
「絵なんか描けない！」と思い込んでいる人も心配しないで。頭と耳、しっぽと手足さえあれば、なんとか「生き物」見えるものです。完璧でなくてOK。
リアルな表現でも、簡単な図形でも、アレンジは自由です。
■宿題作成時に使っていい道具は、
・オブジェクト描画ツール
・選択ツール
・部分選択ツール のみ。
（ペンツールや変形ツールの使用を知っている人は、使ってもよいです）。
＊Photoshopの操作を知っている人もいるかもしれませんが、今回の宿題ではPhotoshopを使用してはいけません！
■出しておくと便利なパネルは
・パスファインダー
・線パレット
・カラーパネル
・スウォッチパネル
・レイヤーパネル。
限られた道具のみでも、とんちをふりしぼれば、いろんな図形を組み合わせて、あらゆる形が作れます。なんとか自分作の初イラストレーター作品を１点、作ってきてください。上手じゃなくても個性と楽しんで描いた意気込みが伝われば、（こちらを「にやり」とさせる工夫があれば、なおけっこう）満点です！
作った書類には「タイトル-学籍番号と氏名.ai」という名前をつけて、「Lesson」フォルダーの中に作った今日の日付のフォルダーに保存しましょう。
月曜日クラスの学生は4月28日、金曜日クラスは5月2日の2回目の授業に、宿題のドキュメントを保存したパソコンごと持ってきてください。次回の授業の始めに提出の方法を指示します。
1-01/素材と書類の保存場所（ローカルルール）
自分のパソコンの中にこの授業用のフォルダーを作ってください。
この授業でダウンロードしたもの、作ったものは全部一カ所にまとめて保存する癖をつけましょう。
下の図のようにその中にさらにフォルダーを作り、名前をつけます。
今後この授業でダウンロードした「素材」はすべて「素材」ファイルへ
自分で作った作品や書類はすべて「Lesson」フォルダーの中にその日の日付のファイルを作りその中へ保存するようにしましょう。
このようなパソコン内の保存場所のルールのことを「ローカルルール」といいます。
1-02/素材のダウンロード
配布したファイルは「.zip」形式に圧縮されています。
（自分で保存先を設定していない人は、「ダウンロード」というファイルに自動保存されていることでしょう。確認してみてください。）
「ai01.zip」をダブルクリックしていったん「解凍」してください。ダブルクリック→自動解凍。
中に「ai01」というフォルダーがありますね。
「ai01」フォルダーをフォルダーごと、コピーします。（「ai01」フォルダーを選択して右クリック→コピー）
この授業の素材を保存する「素材」フォルダーを授業の始めに作りました。「素材」フォルダーの中に移動します。
「素材」フォルダーの中部で右クリック「貼付け」
今後配布した素材はすべて、今回のように、zipフォルダーを解凍してからその中身を素材フォルダーにコピペしていきます。
＊なぜかというと、「.zip」ファイルに包まれていると、Illustratorの「開く」コマンドでは開けないことがあるからです。
＊上の手順が、わからない人はすぐにTAさんに聞きましょう。
1-03/ツールパネル
素材 Illutretorから「01円をもとに描いてみよう.ai」を開きましょう
・「別名で保存」（ctrl＋Shift＋Ｓ）→保存先は「Lesson」フォルダー内の今日の日付のフォルダー内。名前は「01円をもとに描いてみよう.ai」のままで。
■POINT 元の場所とは違うファイルを選んで「別名保存」すると、保存した瞬間にもとの書類の「複製」が生まれます。
オリジナルは配られたときのままの状態で、もとの場所に残ります。
書き加えた変化は新しい書類に描き加えられます。
■POINT イラストレーターのネイティブファイルの拡張子は「.ai」。「.ai」が書類名の最後についたドキュメントはIllustratorで作製したものなんだと、パソコン側が判断できるようになっています。
・描かれているいろいろな形を選択ツールでクリックして選択してみましょう。
・色をかえてみよう。
ツールパネルの説明
①選択ツールの使い方 選びたい図形をクリック、または図形を囲むように、または図形の一部を通るようにドラッグする →選択ツールで囲った範囲にかかったオブジェクトすべてが選択される
②ダイレクト選択ツールの使い方 ダイレクト選択ツールは、カーソルが通った範囲やクリックした点だけが選択される
※アイコンの右下に小さな三角 △があるものとないものがあるが、△がついているものは長押しすると下に別機能の裏ボタンが現れる
※ボタンの切り離し ボタンの右端、三角にマウスを長めに当てる そこからドラック 切り離しができる
③手のひらツール
スクロールするためのツール
■手のひらツールのショートカットスペースキーを押すと、カーソルが手のひらツールに変化 ただしテキストツールのときは効かないので注意
ウィンドウ内でクリック 手のひらが握られた形 この状態でドラッグ
■POINT ツールパネルの手のひらマークをダブルクリック→書類全体を表示
④ズームツール（ツールボックスの虫眼鏡）
拡大したい場所をクリック そこを中心に拡大
縮小はAltを押しながら 虫眼鏡の＋が－に変わる
大きくしたい範囲をドラッグして囲む その範囲のみがウィンドウ全体に
■ズームツールのショートカット
スペースキー＋Ctrlキー 拡大ツール
スペースキー＋Ctrlキー＋Altキー 縮小ツール
ツールパネルのズームツールマークをダブルクリック 100%表示
⑤選択した図形の「塗り色」を指定
ダブルクリックするとカラーピッカーが開くので、スポイトで好きな色を設定する。カラーパネルから選んでもどちらでも良い。
⑥「線の色」を指定
額縁みたいなアイコンをクリックすると、「線」が上に。上にしてから「線の色」を入れる。
⑦標準スクリーンモードとフルスクリーンモード
ツールパネル一番下のボタンで画面の表示方法を切り替えられるフルスクリーンモードにすると、ガイドが消えるので、仕上がりの確認をするのに便利
1-04/カラーの変更
色をつけたい図形を選びましょう（選択ツールでクリック）。
色をつけられる場所は4カ所、
・コントロールパネルの「塗り色」と「線」
どちらかをクリックするとそれぞれのアイコンからスウォッチが出ます。
スウォッチ上の色をクリックすると色が変わります。
・ツールボックスのカラーボックス
「塗り」と「線」の間に小さな矢印がついていますが、ここをクリックすると「塗り」と「線」の色が入れ替わります。これはとても便利！
・スオッチパネル
・カラーパネル
この４カ所は連動しています。どこで指定しても、全部の場所の色が連動して変わりますので、どこで色を選んでも同じ結果になります。使いやすい場所で色を指定してください。
ツールボックスのカラーボックスとカラーパネルには正方形のアイコンの「塗り」と額縁みたいな「線」のアイコンがななめに重なってセットされていて、クリックした方が上になります。
上になっているほうのアイコンの色がはいります。
■POINT 「線の色」をかえようとしているのに、「塗り」のアイコンが上になった状態だと、「塗り色」が変わってしまうので注意です。
1-05/「パネル」の説明
・メニューバー「ウィンドウ」中に全パレット一覧があります。
■POINT 今日の宿題は、スウォッチ、パスファインダ、線パネル、カラーパネル、レイヤーパネルの４枚を準備してとりかかるとやりやすいでしょう。
作業によって画面のレイアウト変えると、ワークスペースを広くとることができます。
・各パネル上部 タブの並び右端の横棒三本のアイコンがパネルメニューです。ちょっとわかりにくいのですが、プレスすると、そのパネル上で設定できるすべてのコマンドが見られ、選択できるようになってます。
・数種類のパネルが重なっている場合は、タブの名前の部分をクリックすると使いたいパネルが前面に表示されます。
・タブをドラッグすると単独のパネルが切り離せます。
・タブをドラッグして他のパネルに重ねると、合体してタブで切り替えができる一枚のパネルにまとまります。
・タブをダブルクリックでボタン化できます。タブの名前だけを表示したいときはたたんでおきましょう。
・タブを他のパネルの下辺にドラッグするとマグネットでくっつくように、パネルどうしが合体します。
1-06/選択ツール
黒い矢印が選択ツールです。
白い矢印が部分選択ツール（ダイレクト選択ツール）です。（ダイレクト選択ツールの話はまた後日！）
選択ツールは選択したい図形をクリックして使用します。
選択されたオブジェクトは、選択されたときに、周りに細い線が現れます。
バウンディングボックスを表示させる（メニュー→表示→「バウンディングボックスを表示」にチェック）とわかりやすいです。
※バウンディングボックスというのは、線や図形の一つ一つを包んでいる透明なケースだと思ってください。
変形したり、回転させたりするのにすごい威力を発揮しますが、四隅を結んだ線上に現れるので、図形の描かれていない範囲にまたがって、じゃまなときもあります。
なにも選択されていない場所をクリックすると選択が解除されます。
選択ツールで囲むようにドラッグしても選択できます。
このとき、ドラッッグで囲んだ範囲にあるオブジェクトがすべて選択されます。全部を囲めなくても、一部分がちょっとでも範囲に入っていれば選択です。
なにも描かれていない場所をクリックして選択を解除。やってみましょう。
■POINT 選択の追加
オブジェクトを一つ選択した状態でshiftを押しながら選択 →選択範囲が追加されます。
■POINT 選択の削除
複数のオブジェクトを選択ツールでドラッグ その範囲のオブジェクトがすべて選択されます。最初に準備しておいたら、次に、shiftキーを押しながら取り除きたいオブジェクトをクリックします。 →選択が取り除かれます。
■POINT オブジェクトを移動
移動したいものをクリックして選択＋ドラッグ
マウスを離すと絵が移動します。
■POINT オブジェクトをコピー
オブジェクトを選択して、選択ツールでAltキーを押しながらドラッグ →さきにマウスを外してから、Altキーを外す。コピペがかんたんにできますねっ。
■つけたし コピーのショートカットは「Ctrl＋C」、
ペーストのショートカットは「Ctrl＋V」、これでもよいです。ただし、「Ctrl＋V」とすると、必ずワークスペースの中央に貼り付けになります（どん！とど真ん中にくるのはけっこうじゃまだったりします）。便利でよく使うのは
「Ctrl＋F」もとの画像の「真上にペースト」です。
「Ctrl＋B」というのもあって、これはもとの画像の「真下にペースト」です。
1-07/パスファインダ
図形と図形をくっつけたり、図形で図形を切り抜いたりして新しい形を作る、驚異的に便利な道具です。これだけで、欲しい形を作ることができます。カーブや曲線は楕円ツールで楕円を描いて手に入れましょう。移動したり、拡大縮小したり、回転させたりして欲しい曲線を下の図形に重ねましょう。
※バウンディングボックスの角の点をドラッグすると拡大縮小ができます。
このとき、「shift」キーを押しながらドラッグすると、縦横の比率が保たれたままになりますよ。
角のポイントにカーソルを近づけて、回転させることもできます。
二つの形を重ねて、二つの形を選択し、パスファインダのボタンを押します。このボタンはアイコンのまんまの効果が得られます。
■POINT 図形は描いた順に下から重なっていく性質がありますが、図形の重ね順はとても大切です。レイヤーパネルで図形の重なり状態が確認できます。レイヤーパネルでレイヤーの名前をドラッグドロップで順番を変えることができます。
思わぬ結果になっても、失敗しても気にしないでください。
「ctrl＋Z」→前の状態に戻る
「ctrl＋shift＋Z」→戻る前の状態に戻る
後戻りしてトライアンドエラーを試みて、欲しい形を作っていきましょう。
1-08/保存
保存する
クローズボックスをクリック
あるいはファイルメニュー→閉じる
「保存しますか？」のダイアログ 「はい」
別名で保存する
もとのデータを取っておきたいときは必ず先に別名保存
作業したものはすべて、Lessonの中のその日の日付フォルダーの中に保存
Illustator は保存を実行しない限り、書き換わらない
こまめに保存のくせをつける Shiftキー＋S
保存形式
IllustratorCS3の書類には「.ai」という拡張子がつきます。
印刷データの保存形式には.epsや.pdfなど、他のファイル形式が使われることもあります。
出力の用途によって、ファイル形式はそのたびに確認が必要です。
この授業の課題は.aiファイルでLesson内、その日の日付のフォルダーに保存しておきましょう。
終了のしかた
ファイルメニューから「終了」を実行します。
第一回目の授業で勉強するのは、これだけ、です。最低限のティップスの話は終わりです。基本的な形を組み合わせて、すてきなイラストを描いてきてください。お題は「動物」。「人間」も動物に含まれます。がんばってIllustrator使いこんでみてくださいねっ！
おまけ①:拡張子を出すにはどうすればいい？
Q 拡張子が出ません。MACを使っているのですが、どうしたら表示できますか？
A マックを使っていて、拡張子が出ない人は「Finder」（ニコニコマックくんのアイコン）を開きます。
・Finderの「環境設定」、「詳細」タグを押します。
・「すべてのファイル名拡張子を表示」にチェックを入れます。
・Windowsを使用している人は、「コントロールパネル」「デスクトップのカスタマイズ」「フォルダオプション」を開きます。
・「表示」タブをクリックすると、いろんな項目が並んでいます。カーソルを下げて、最後の項目まで見えるようにしてください。
・最後から３番目「登録されている拡張子は表示しない」のチェックを外します。