15.1 ベクトル 画 像 とビットマップ 画 像 ベクトル 画 像 とビットマップ 画 像 の 違 い 第 15 章 描 画 の 取 り 扱 い コンピュータグラフィックスで 扱 う 画 像 は 大 きく 分 けて ベクトル 画 像 とビットマップ 画 像 に 分 ける 事 ができます ベクトル 画 像 はドロー 系 画 像 あるいは 描 画 とも 呼 ばれています この 二 種 類 の 画 像 は 共 に 画 像 データの 表 現 方 法 を 表 していますが 根 本 的 に 異 なるものです そのため 双 方 の 特 徴 を 踏 まえた 上 で 利 用 する 必 要 があります ベクトル 画 像 Adobe Illustrator(イラストレーター)で 利 用 されている 画 像 は ベクトル 画 像 です ベクトル 画 像 はその 名 の 通 り ベクトルと 呼 ばれる 数 学 的 なオブジェクト つまり 直 線 や 曲 線 によって 画 像 を 近 似 的 に 表 現 する 方 法 です 例 えばベクトル 画 像 でタイヤを 描 いた 場 合 そのタイヤは 特 定 の 半 径 で 描 画 される 円 の 数 式 で 表 現 され 特 定 の 位 置 に 配 置 され 特 定 の 色 で 塗 られています そしてタイヤを 移 動 させても サイズを 変 更 しても 色 を 変 化 させても 画 像 は 劣 化 しません ベクトル 画 像 は 解 像 度 に 左 右 されないため 画 像 の 詳 細 な 部 分 や 鮮 明 さを 失 わずにあらゆるサイズに 縮 小 拡 大 ができます そのためイラスト レーターのようなイラストレーションを 描 く 場 合 に 適 している 方 式 です ベクトル 画 像 100% 表 示 状 態 ベクトル 画 像 拡 大 表 示 状 態 ビットマップ 画 像 Adobe Photoshop(フォトショップ)などで 使 用 される 画 像 がビットマップ 画 像 です ビットマップ 画 像 は ピクセルと 呼 ばれる 小 さな 点 の 集 合 によって 構 成 されています ビットマップ 画 像 の 各 ピクセルにはそれぞれ 特 定 の 位 置 とカラー 値 が 割 り 当 てられます 例 えばベ クトル 画 像 でタイヤを 描 いた 場 合 そのタイヤはピクセルの 集 合 体 で モザイク 状 に 配 置 されたピクセルで タイヤが 表 現 されていま す ビットマップ 画 像 は 写 真 など 微 妙 なグラデーションを 表 現 するのに 適 しているので よく 使 用 されます 反 面 解 像 度 に 画 質 が 左 右 されるので 拡 大 などを 行 なうと エッジ( 端 部 分 )がギザギザになってしまい 細 かい 情 報 が 失 われてしまう 事 があります ビットマップ 画 像 100% 表 示 状 態 ビットマップ 画 像 拡 大 表 示 状 態 Campus System Guide 2012-169
15.2 Adobe Illustrator の 起 動 Adobe Illustrator(イラストレーター)はプリントやオンライングラフィックスの 作 成 に 適 したベクトル 画 像 用 ドロー 系 ソフトウェアです 1.Illustrator の 起 動 (1)マウスの 左 ボタンでスタートボタンをクリックします (2)[すべてのプログラム] [Adobe Illustrator CS4]の 順 にマウスをクリックすると Illustrator の 初 期 画 面 ( 図 15-1)が 開 かれます 2. 新 規 ドキュメント 設 定 図 15-1 Illustrator の 初 期 画 面 新 規 ドキュメントを 作 成 する 際 は アートボードの 指 定 が 必 要 になります 用 途 に 合 ったサイズを 選 択 してください 図 15-2 新 規 ドキュメント 設 定 170 - Campus System Guide 2012
15.3 ツールボックス 第 15 章 描 画 の 取 り 扱 い Illustrator を 利 用 していく 上 で ツールボックスは 重 要 な 役 割 を 果 たします ここでは 基 本 的 なツールボックスの 説 明 を 行 います 1.ツールボックス Illustratorを 起 動 すると デフォルトの 場 合 左 側 にツールボックスが 表 示 されます ツールボックス 内 のツールを 使 用 すると オブジ ェクトを 作 成 選 択 操 作 する 事 ができます 選 択 ツール 自 動 選 択 ツール ペンツール 直 線 ツール ブラシツール 塗 りブラシツール 回 転 ツール ワープツール シンボルスプレーツール メッシュツール スポイトツール ライブペイントツール アートボードツール 手 のひらツール 塗 り 色 ダイレクト 選 択 ツール なげなわツール 文 字 ツール ベクトルシェイプ 作 成 ツール 鉛 筆 ツール 消 しゴムツール 拡 大 縮 小 ツール 自 由 変 形 ツール 棒 グラフツール グラデーションツール ブレンドツール ライブペイント 選 択 ツール スライスツール ズームツール 塗 り 色 と 線 色 の 入 れ 替 え 線 色 初 期 設 定 の 塗 り 色 と 線 色 図 15-3 ツールボックス ツール 表 示 多 くのツールでは 選 択 したときにはマウスポインタがツールのアイコンの 形 になります ツールボックスの 移 動 作 業 中 にツールボックスが 邪 魔 になる 場 合 ツールボックス 上 部 のバーをドラッグし 任 意 の 場 所 に 移 動 可 能 です ツールボックスの 表 示 非 表 示 の 切 り 替 え ウィンドウ ツール を 選 択 し ツールボックスが 表 示 されているときには コマンド 名 の 前 にチェックマークが 表 示 されています Campus System Guide 2012-171
2. 非 表 示 のツールの 表 示 ツールボックスで 非 表 示 状 態 ( 非 表 示 のツールがある 場 合 右 下 に 三 角 形 が 表 示 されています)になっているツールのあるツー ルボックスを 押 します そうすると 今 まで 表 示 されてなかったツールが 表 示 されます 非 表 示 状 態 のツールバーが 表 示 されたら ツー ルバーの 端 の 矢 印 までドラッグしてマウスボタンを 離 すと ツールバーがツールボックスから 切 り 離 されます ( 切 り 離 したツールを 閉 じる 場 合 閉 じるボックスをクリックして 下 さい) 3.ポインタを 十 字 カーソルに 変 える 次 のどちらかの 操 作 を 行 うとカーソルが 変 化 します (1) ツールを 選 択 して Caps Lock キーを 押 す (2) Illustrator 環 境 設 定 一 般 をクリックし 十 字 カーソルを 使 う を 選 択 して OK をクリックする 図 15-4 環 境 設 定 172 - Campus System Guide 2012
15.4 ペンで 線 を 書 く ペンツールを 使 用 し クリックとドラッグを 組 み 合 わせて 様 々な 形 の 直 線 や 曲 線 を 描 く 事 ができます 第 15 章 描 画 の 取 り 扱 い 1.ペンで 直 線 を 書 く ペンツール ペンツールを 選 択 すると マウスポインタがペンの 形 になります アートワーク 上 をクリックすると アンカーポイントが 配 置 されます この 後 マウスポインタを 動 かし 任 意 の 位 置 をクリックすると 新 しいアンカーポイントが 配 置 され 両 者 をつないだ 線 が 描 かれます このときに shift を 押 しながら 任 意 の 位 置 をクリックすると 水 平 垂 直 斜 め 45 の 角 度 の 直 線 を 書 く 事 ができます 2.ペンで 曲 線 を 描 く ペンツールを 使 用 し 曲 線 を 描 く 事 もできます 始 点 の 位 置 でドラッグして 始 点 のアンカーポイントを 配 置 し 任 意 の 方 向 点 を 指 定 します 別 の 位 置 でドラッグし 新 しいアンカーポイントを 配 置 し 方 向 点 を 指 定 すると 曲 線 が 描 けます ペンツール アンカーポイント Campus System Guide 2012-173
15.5 文 字 を 入 力 する 文 字 ツール 縦 文 字 ツール 1. 文 字 ツールで 文 字 を 入 力 する Illustrator には 文 字 入 力 のためのツールが 6 種 類 用 意 されていま す アートワーク 上 のクリックした 位 置 から 文 字 を 横 文 字 で 入 力 するに は 文 字 ツール 縦 書 きで 入 力 するには 文 字 ( 縦 )ツールを 利 用 します (1) 文 字 ツールまたは 文 字 ( 縦 )ツールを 選 択 するとそれぞれ 横 書 き モード 縦 書 きモードにそれぞれ 変 化 します (2) 文 字 の 入 力 を 始 めたい 位 置 でクリックすると カーソルが 点 滅 す るので キーボードから 文 字 を 入 力 する 入 力 した 文 字 列 は 1 つのオブジェクトとして 扱 われます フォントサイズ フォントタイプ 水 平 比 率 垂 直 比 率 文 字 設 定 174 - Campus System Guide 2012
15.6 図 形 描 画 第 15 章 描 画 の 取 り 扱 い 1. 楕 円 系 ツールで 円 を 描 く 楕 円 や 円 を 描 くには 楕 円 形 ツールを 利 用 します 円 の 大 きさはドラッグで 指 定 します (1) 楕 円 形 ツールを 選 択 すると マウスポインタが 十 字 になります (2) 斜 め 方 向 にドラッグを 行 ない 任 意 の 場 所 でボタンをはなすと 円 がかけます 正 円 を 描 く 場 合 (1) 楕 円 ツールを 選 択 して マウスポインタを 十 字 にします (2) shift を 押 したままドラッグすると 正 円 がかけます 数 値 を 指 定 して 円 を 描 く 楕 円 形 ツールを 選 択 し アートワーク 上 をクリックすると < 楕 円 形 >ダイアログ ボックスが 表 示 され 幅 と 高 さを 指 定 して 円 を 描 く 事 ができます 幅 の 大 きさの 指 定 高 さの 指 定 Campus System Guide 2012-175
2. 長 方 形 や 正 方 形 を 描 く ドラッグして 長 方 形 を 描 く 長 方 形 や 正 方 形 を 描 くには 長 方 形 ツールを 利 用 します 長 方 形 を 描 く (1) 長 方 形 ツールを 選 択 すると マウスポインタが 十 字 になります (2) 斜 め 方 向 にドラッグし 大 きさを 決 めます (3) マウスのボタンを 離 すと 長 方 形 がかけます 正 方 形 を 描 く (1) 長 方 形 ツールを 選 択 すると マウスポインタが 十 字 になります (2) 斜 め 方 向 にshiftを 押 しながらドラッグし 大 きさを 決 めます (3) マウスのボタンを 離 すと 正 方 形 がかけます 数 値 を 使 用 して 長 方 形 正 方 形 を 描 く 長 方 形 を 選 択 しアートワーク 上 をクリックするとダイアログボックスが 表 示 され 幅 と 高 さを 指 定 すると 長 方 形 や 正 方 形 が 描 けます 幅 の 大 きさの 指 定 高 さの 指 定 176 - Campus System Guide 2012
第 15 章 描 画 の 取 り 扱 い 3.オブジェクトを 回 転 拡 大 縮 小 する 回 転 ツール 回 転 ツールを 利 用 する 回 転 ツールによってオブジェクトを 回 転 させる 事 ができます (1) オブジェクトを 選 択 します (2) 回 転 ツールを 選 択 すると マウスポインタが 十 字 に 変 化 します (3) 回 転 させたい 方 向 にドラッグすると マウスポインタが 黒 矢 印 に 変 化 します (4) マウスのボタンを 放 すと オブジェクトが 回 転 します 拡 大 縮 小 ツールを 利 用 する 拡 大 縮 小 ツール 拡 大 縮 小 ツールによってオブジェクトの 拡 大 縮 小 ができるようになります (1) オブジェクトを 選 択 します (2) 拡 大 縮 小 ツールを 選 択 すると マウスポインタが 十 字 に 変 化 します (3) ドラッグすると マウスポインタが 黒 矢 印 に 変 化 します (4) マウスのボタンを 放 すと オブジェクトが 拡 大 または 縮 小 されます 拡 大 縮 小 時 にオブジェクトの 縦 横 比 を 変 更 しない 場 合 (1) オブジェクトを 選 択 します (2) 拡 大 縮 小 ツールを 選 択 すると マウスポインタが 従 事 に 変 化 します (3) 斜 め 方 向 に shift を 押 しながらドラッグすると 黒 矢 印 にポインタが 変 化 し 縦 横 比 が 変 化 しないままオブジェクトが 拡 大 縮 小 できます (4) マウスのボタンを 放 すと 縦 横 比 が 変 更 されないまま 拡 大 縮 小 されます Campus System Guide 2012-177