Illustrator の立ち上げ 画面下のアイコン をクリックする メニューから ファイル > 新規... 新規書類 ダイアログで 名前 欄に指定の数字を入力する 表紙右上の 桁の数字を入力してください 4 [OK] ボタンをクリックする メニュー Illustrator 起動画面 ツール アート

Transcription

1 高校 大学連携情報実習 Adobe Illustrator でキャラクタを描こう ~ イラストによる 集合写真 の作成 ~ 奈良県立奈良朱雀高等学校情報ビジネス科 平成 0 年 月 8 日 ( 金 ) 0

2 Illustrator の立ち上げ 画面下のアイコン をクリックする メニューから ファイル > 新規... 新規書類 ダイアログで 名前 欄に指定の数字を入力する 表紙右上の 桁の数字を入力してください 4 [OK] ボタンをクリックする メニュー Illustrator 起動画面 ツール アートボード ( 実線の枠内 ) パレット 塗りボックス 印刷可能領域 ( 点線 ) 線ボックス スウォッチ パレット 線種パレット

3 描画色と線幅の指定顔の輪郭を描く Illustrator の操作方法を練習するために 図形を組み合わせ て 右図のような顔を描いてみましょう ここでは 顔の輪郭となる楕円の色と線幅を設定します < 図形内部の色の指定 > ツールから 塗り ボックス パレットから スウォッチ タブをクリックして開く スウォッチ パレットから 色 < 輪郭線の色の指定 > ツールから 線 ボックス スウォッチ パレットから 色 < 線幅の指定 > パレットから 線種 タブをクリックして開く 線幅 右の / をクリックして 線幅を変更する 補足: 色の微調整 ツールの 塗り / 線 ボックスをダブルクリックすると カラーピッカー ダイアログが表示されます このダイアログを使うと より詳細な色を指定できます 明度 彩度 色相

4 基本図形 ( 楕円 ) の描画顔の輪郭を描く ツールから 基本図形ツールの上でマウス ボタンを押し続ける 隠れていたツールが表示される リスト上をドラッグし 楕円形ツールの上でマウスを離す アートボード上で 楕円を取り囲む長方形の対角線上をドラッグし 楕円形を描く 4 ツールから 選択ツール 5 図形内部をドラッグして 位置を調整する 矢印キーを使うと 表示位置を微調整できます 5 6 図形の外をクリックし 選択を解除します 選択中の図形に様々な操作が適用されるため 作業が終了した図形は選択を解除しておきます 練習問題 楕円形を使って 右図のような 目 をひとつ描きなさい [ ヒント ] 種類の楕円形を重ね合わせてみましょう ただし 後で描いた図形が上に重なるので 黒目 ( 楕円 ) を先に描くようにします 楕円 楕円

5 4 図形の複写目を描く 右目を複写して 同じ形の左目を作成します ツールから 選択ツール 最初の図形 Shift キーを押しながら 番目以降の図形 4 (Command キー ) + [C] キー メニュー操作の 編集 > コピー と同等 5 (Command キー ) + [V] キー メニュー操作の 編集 > 貼り付け と同等 6 複写された図形をドラッグし 表示位置を調整する 7 図形の外をクリックして 選択を解除する 6 補足: 操作の取り消し メニューから 編集 > *** の取り消しを選択すると 直前の操作を取り消し 元の状態に戻すことができます 補足: 図形の削除 図形を選択した後 [delete] キーまたは [del] キーを押すと 図形を削除することができます また 印刷可能領域の外へ図形を移動しても 削除と同様な結果が得られます このとき 図形自体は残りますが 印刷時に無視されます 4

6 5 多角形の描画髪を描く ツールから ペンツール 塗り / 線 ボックスを使って 図形の色を設定する 線種 パレットを使って 線の幅を設定する 4 多角形の頂点位置をクリックしていく 5 ツールから 選択ツール 6 図形の外をクリックして 選択を解除する 練習問題 ペンツールを使って 右図のような 口 を 描きなさい 補足 : 多角形の変形 多角形を変形する場合 次の操作を行ないます ツールから ダイレクト選択ツール 多角形 Shift キーを押しながら 多角形の頂点をクリックする 4 多角形の頂点をドラッグする 5

7 6 重なり順の変更耳を描く ツールから 楕円形ツール 塗り / 線 ボックスを使って 図形の色を設定する 線種 パレットを使って 線の幅を設定する 4 アートボード上で対角線上をドラッグし 楕円を描く 同じ操作 4 を繰り返すか 複写することによって もう 一方の 耳 も作成する 4 5 ツールから 選択ツール 6 耳 の楕円形 6 7 選択した楕円形の上で 右クリック > アレンジ > 最背面へ すべての図形の後ろ側に移動する 他方の 耳 に対しても 操作 6~7 を行なう 7 長髪の場合 長髪も 重なり順を変えることによって描くことができます 多角形で 後ろ髪 を描く 後ろ髪 を最背面へ 6

8 7 保存 メニューから ファイル > 保存 別名で保存 ダイアログで 場所 欄右端の / をクリックする プルダウンメニューから 提出箱 4 別名で保存 欄右端の をクリックする 5 表示されたフォルダ一覧から I 向井厚志 4 保存場所の選択 5 6 [ 保存 ] ボタンをクリックする ファイル名は変えないでください 6 7 Illustrator 形式オプション ダイアログで [OK] ボタンをクリックする 7 7

9 8 課題 印刷可能領域の中に 自分のキャラクタを描きましょう これまで練習で作成した絵は削除するか 印刷可能領域の外へ移動させてください もちろん 練習で作成した絵をもとに 作り変えてキャラクタを作成してもかまいません 注意 ハングアップに備えて 適時 保存操作を行なってください 前頁の保存操作で すでに保存場所とファイル名を設定したため ファイル > 保存のメニュー操作だけで上書き保存できます サンプル 8

10 9 Web 用 GIF ファイルの保存 メニューから ファイル > Web 用に保存 Web 用に保存 ダイアログで 画像サイズ タブをクリックして開く アートボードサイズでクリップ をクリックし チェックを入れる 4 [ 適用 ] ボタンをクリックする しばらく待つと アートボード内の図形のみが表示されます 5 [ 保存 ] ボタンをクリックする 最適化ファイルを別名で保存 ダイアログで そのまま [ 保存 ] ボタンをクリックする 拡張子を除くファイル名と保存場所は 7 頁で設定した値と同じです 6 9

11 0 集合写真 の確認 デスクトップ上のアイコン 教材 をダブルクリックする フォルダ一覧から I 向井厚志 をダブルクリックする 奈良朱雀.html をダブルクリックする ブラウザが立ち上がらない場合 奈良朱雀.html のアイコンを右クリックし このアプリケーションで開く > Firefox GIF ファイルを保存してから 画像が更新されるまでに 0 秒 ~ 分かかります ブラウザに画像が表示されない場合 分程待ってから 再読込をしてください 前頁の GIF ファイルの保存操作は Illustrator 起動中に 回しかできません イラストを作り変えた場合 上書き保存したのち 一旦 Illustrator を終了させてください 再度 Illustrator を立ち上げなおし 保存したファイルを開くと GIF ファイルで保存することができます 0

12 最後に Illustrator は立ち上げたまま 貴重品を持って昼食会場 ( 大学会館 F 食堂 ) へ移動してください 午後の実習は 午後 時から始まります 午後 時までに この教室 (0 教室 ) へ集合してください 奈良産業大学全景 野球部グラウンド 8 号館 大学会館 5 号館 6 号館 体育館 号館 図書館 実習会場 0 教室 ( 階 ) 0 号館 高校 大学連携情報実習奈良県立朱雀高等学校情報ビジネス科 年生 Adobe Illustrator でキャラクタを描こう ~ イラストによる 集合写真 の作成 ~ 平成 0 年 月 8 日 ( 金 ) 担当 : 向井厚志 ( 奈良産業大学情報学部准教授 )

13 0 号館 教室配置図 [ 階 ] 大学会館 開講セレモニー [ 階 ] 実習会場 [ 階 ] 自販機