第１回−１

1

2

3

4

図 形 を 描 こう フリーソフト Inkscape を 使 って 第 2 回 ロゴを 作 ろう 1.テキストを 入 力 する テキストを 入 力 するには テキストツール を 選 択 し テキストを 入 力 したい 場 所 をクリックしてテキスト 入 力 します 流 し 込 みテキストを 作 成 するには ドラッグして 流 し 込 みテキストの 枠 (テキストボッ クス)を 作 成 してから 入 力 します カラーを 選 択 テキストを 選 択 して ソフト 下 部 にあるカラーボックスからカラーを 選 択 すると 文 字 の 色 を 変 えることが 可 能 フォントやテキストの 詳 細 な 設 定 修 正 をくわえたいテキストを 選 択 してコマンドバーにある テキストとフォント ボタン か メニュー テキスト テキストとフォント を 選 択 すると テキ ストとフォント ウィンドが 表 示 される 2.カーニングをかけてテキストの 位 置 を 調 整 テキストはカーニングをかけて 字 間 やベースラインを 調 整 したり 文 字 を 回 転 させるこ とができる カーニングをかける 方 法 は 文 字 を 選 択 し 決 められたホットキーを 入 力 する カーニングの 除 去 はメニュー テキスト 手 動 カーニングの 除 去 を 選 択 する 初 期 状 態 字 間 の 調 整 ベースラインの 調 整 文 字 の 回 転 5

字 間 の 調 整 1px ずつ:Alt + or 10px ずつ:Alt + Ctrl + or ベースラインの 調 整 1px ずつ:Alt + or 10px ずつ:Alt + Ctrl + or 文 字 の 回 転 90 度 ずつ:Ctrl + [ or ] 1 度 ずつ:Alt + Ctrl + [ or ] 行 間 隔 文 字 間 隔 単 語 間 隔 水 平 カーニング 垂 直 シフト 文 字 の 回 転 3.パスとテキストを 組 み 合 わせる 矩 形 や 楕 円 シェイプツールで 作 成 したオブジェクトやベジエ 曲 線 ツールで 描 いたスト ローク 上 に テキストを 沿 わせたり 円 の 中 に 流 し 込 むことができます テキストと 曲 線 を 作 成 する テキストと 曲 線 を 選 択 し メニュー テキスト テキストをパス 上 に 配 置 を 実 行 すると 曲 線 で 作 成 したストローク 上 にテキストを 配 置 することができる 配 置 したテキストをパスは テキスト メニュー パスからテキストを 削 除 で 切 り 離 せる パスの 向 きを 変 える 曲 線 のストロークの 塗 りなし 6

4.ワンポイントロゴ 1) 吹 き 出 し 型 のワンポイントロゴ 矩 刑 シェイプで 長 方 形 を 作 成 オブジェクトの 角 を 丸 める 三 角 のシェイプを 作 成 し 三 角 形 と 角 丸 の 四 角 形 を 複 数 選 択 し オブジェクトの 統 合 をする メニュー パス 統 合 統 合 したオブジェクトを 複 製 し 複 製 したオブジェクトに パスのインセント を 実 行 して 元 のオブジェクトより 一 回 り 小 さい 形 に 変 形 する 複 製 :メニュー 編 集 複 製 パスのインセント:メニュー パス インセント 7

前 面 にある 一 回 り 小 さい 図 形 を 選 択 し 色 のフェーズを4 種 類 にした 水 平 方 向 のグラ デーションで 着 色 する メニュー オブジェクト フィル/ストローク フィル の 線 状 グラデー ション を 選 択 編 集 ボタンを 押 してグラデーションエディタを 表 示 させる 色 フェー ズを 追 加 ボタンを 2 回 押 し 二 つの 色 フェーズを 追 加 合 計 4つの 色 フェーズにし ぞれ ぞれに 色 を 設 定 する 色 フェーズは 上 から 順 番 に C0 M0 Y0 K0 A100 C22 M13 Y0 K0 A100 オフセット 値 0.48 C66 M42 Y0 K0 A100 オフセット 値 0.52 C100 M80 Y0 K66 A100 ツールボックスからグラデーションツール ハンドルの 位 置 を 垂 直 方 向 に 移 動 する を 選 択 し 水 平 方 向 のグラデーション テキスト(NEW)を 入 力 し 図 形 で 作 成 した 青 いグラデーションをテキストの 塗 り に 設 定 して グラデーションツールでグラデーションの 方 向 を 垂 直 に 移 動 させる 8

最 初 に 作 成 した 背 面 にある 図 形 を 選 択 し メニュー オブジェクト 最 前 面 へ で 一 番 手 前 に 移 動 し フィルの 塗 りを 黒 ぼかしを 4 に 設 定 する 設 定 後 再 度 最 背 面 に 移 動 する 完 成! 2) 切 手 風 ロゴの 作 成 円 を 作 成 し タイルクローンを 作 成 する メニュー 編 集 クローン タイルクローン 9

周 りの 円 をだけを 残 し 内 側 の 円 を 削 除 する すべてを 選 択 し メニュー 編 集 クローン クローンのリンク 解 除 とメニュー パス 統 合 を 行 う 長 方 形 を 作 成 し 最 背 面 に 配 置 する 2 つのオブジェクトを 選 択 し 差 分 を 取 る メニュー パス 差 分 長 方 形 とテキストを 作 成 し 図 形 を 重 ね 合 わせてロゴを 作 成 する 完 成! 10

図 形 を 描 こう フリーソフト Inkscape を 使 って 第 3 回 地 図 を 作 ろう 第 3 回 では 詳 細 な 地 図 画 像 をもとに 簡 単 な 案 内 図 を 作 ってみます これが 完 成 図 です 1. 下 絵 となる 詳 細 な 地 図 画 像 の 読 み 込 み 地 図 を 読 み 込 む 前 に 用 紙 の 向 きを 横 に 変 更 しておきましょう ([ファイル] [ドキュメントの 設 定 ] [ページ]) 次 に 地 図 画 像 のファイルを 読 み 込 みます ([ファイル] [インポート]) 11

2. 地 図 画 像 を 回 転 簡 単 な 地 図 が 書 きやすくなるように 主 要 な 道 路 が 水 平 垂 直 になるように 地 図 画 像 を 回 転 させましょう 地 図 画 像 は 単 なる 下 絵 なので 大 体 水 平 垂 直 になればいいです 地 図 画 像 をクリックして 回 転 モードにし 四 隅 のガイドをドラッグして 地 図 画 像 を 回 転 させます 3. 地 図 画 像 のレイヤーのロック 地 図 画 像 を 回 転 させたら 作 業 中 に 動 かないようにロックをかけておきましょう そのために レイヤー 機 能 を 使 います [レイヤー]メニューから[レイヤー]パレットを 開 きます レイヤー 名 の 左 にある 鍵 ボタンをクリックしてロックしておきます これでロックされた 状 態 です こうしておくと ロックしたレイヤーにあるオブジェク トは 選 択 できなくなります 12

4. 新 しいレイヤーに 道 路 を 作 成 道 路 を 作 成 するため 新 しいレイヤーを 作 成 しましょう [レイヤー]パレットの + ボタンを 押 すと 新 しいレイヤーが 作 成 できます ちなみに - ボタンはレイヤーの 削 除 上 下 ボタンはレイヤーの 移 動 です (レイヤー を 削 除 すると そのレイヤーに 作 成 したオブジェクトも 一 緒 に 削 除 されるので 注 意 して 下 さい ) 新 しいレイヤー 名 は レイヤー 2 にして 追 加 します 追 加 された レイヤー 2 が 選 択 されている(レイヤー 名 がグレーになっている)のを 確 認 して 道 路 を 作 成 します 道 路 はペンツールを 使 って 線 を 引 いていきます Ctrl キーを 押 しながら 線 を 引 くと 真 っ 直 ぐな 線 を 引 くことができます この 時 下 絵 の 地 図 画 像 はあくまでも 参 考 なので 細 か な 変 化 にこだわらず 大 胆 に 線 を 引 いていきましょう また ポップ 調 にするために 今 回 は 線 の 端 を 丸 くしました 微 調 整 を 終 えたら 作 成 した 道 路 を 全 て 選 択 し[オブジェクト] [グループ 化 ]を 選 択 し て 一 つのオブジェクトにしておきます 13

Shift キーを 押 しながらパレットから 色 を 選 択 して 道 路 の 色 をポップ 調 にしましょう 5. 線 路 の 作 成 今 回 は 地 図 中 に 福 山 駅 があるので 線 路 を 書 きましょう 線 路 は 黒 の 直 線 に 白 の 破 線 を 重 ねると 作 成 できます まず 山 陽 本 線 の 位 置 に 黒 の 直 線 を 引 きます 次 に 黒 の 直 線 より 少 しだけ 細 い 白 の 破 線 を 黒 の 直 線 の 下 に 引 きます 破 線 にするには[ストロークのスタイル] [ 線 種 ]で 破 線 を 選 択 します 14

白 の 破 線 を 黒 の 直 線 の 上 に 重 ね 合 わせたら 線 路 の 完 成 です この 時 [オブジェクト] [ 整 列 と 配 置 ]を 使 うときれいに 重 ね 合 わせることができます きれいに 重 ね 合 わせることができたら 先 ほどと 同 じようにグループ 化 しておきましょう 6. 文 字 の 配 置 道 路 と 線 路 が 書 けたら レイヤー 2 をロックして 文 字 を 配 置 するために 新 しいレイ ヤーを 作 りましょう レイヤー 名 は レイヤー 3 とします 駅 の 文 字 は 四 角 のオブジェクトと 文 字 を 別 々に 作 成 し [ 整 列 と 配 置 ]で 上 下 左 右 を 合 わせるといいです 整 列 ができたらグループ 化 しておきましょう 7. 目 的 地 の 部 品 の 作 成 文 字 が 配 置 できたら 星 と HERE!の 部 分 を 作 ります 星 は 星 型 ツールで 作 成 HERE!は 駅 と 同 じように 作 成 します 15

HERE!から 飛 び 出 ている 位 置 を 示 す 部 分 は ペンツールで 適 当 な 三 角 形 を 作 り 位 置 を 調 整 します 位 置 を 調 整 できたらグループ 化 しておきましょう 8. 仕 上 げ これで 必 要 なオブジェクトは 完 成 しました これから 地 図 を 完 成 させましょう まず 下 絵 の 地 図 画 像 がある レイヤー 1 を 削 除 しましょう 次 に レイヤー 3 を 選 択 します レイヤー 3 を 選 択 したら メニュー[ 編 集 ] [ 全 て 選 択 ]でオブジェクト 全 てを 選 択 します 16

オブジェクト 全 てを 選 択 できたら メニュー[レイヤー] [ 選 択 オブジェクトを 背 面 のレ イヤーに 移 動 ]で レイヤー 3 のオブジェクトを レイヤー 2 に 移 動 させます これで 道 路 線 路 文 字 の 全 てのオブジェクトが レイヤー 2 に 集 まりました これ で レイヤー 3 は 不 要 になったので 削 除 しておきます ここまでで 地 図 は 一 応 完 成 なのですが もう 一 工 夫 してみましょう 追 加 作 業 するために レイヤー 2 のロックを 解 除 するのを 忘 れないように! Inkscape には 様 々なフィルタ 機 能 があります 今 回 はオブジェクトに 影 を 付 けて 立 体 感 を 出 してみましょう まず オブジェクト 全 てを 選 択 します 次 に メニュー[フィルタ] [ 光 と 影 ] [ 影 を 落 とす]を 選 択 します 選 択 すると 影 の 効 果 を 細 かく 調 整 できますが 今 回 はそのままの 設 定 で 適 用 します 17

影 を 付 けたら こんな 感 じになりました 今 度 は 全 体 を 右 に 傾 斜 させてみましょう 再 度 オブジェクト 全 てを 選 択 します 次 に メニュー[オブジェクト] [ 変 形 ]を 選 択 し ます 変 形 パレットで[ 傾 斜 ]のタブを 選 択 して 傾 斜 の 度 合 いを 角 度 で 入 力 します +で 左 方 向 -で 右 方 向 に 傾 斜 していきます 今 回 は-5 ほど 右 方 向 に 傾 斜 させてみます この 時 傾 斜 の 度 合 いによっては 文 字 がひずんで 画 像 が 崩 れる 場 合 があるので 注 意 して 下 さい 18

これで 地 図 画 像 の 完 成 です! 19

図 形 を 描 こう -フリーソフト Inkscape を 使 って- 第 4 回 店 頭 POP の 作 成 今 回 は Inkscape の 総 まとめとして かんたんな 店 頭 POP を 作 ってみましょう 店 頭 POP は 商 品 名 や 価 格 説 明 文 などを 手 描 き または 印 刷 した 単 純 なものですが 店 舗 の 雰 囲 気 作 りや 売 上 げ 増 加 に 大 きく 貢 献 しています 今 日 はその 一 例 として 下 の 図 のような POP を Inkscape を 利 用 して 作 成 します 作 成 の 手 順 は 次 のとおりです 1 広 告 の 品 3 色 の 文 字 を 重 ねて ふちどりをします 2 デジタルカメラ 同 上 3 8,980 数 字 を 少 しずつ 重 ねて さらに 影 をつけます 4 ( 税 込 ) 円 5 5 台 限 り! 長 方 形 に 文 字 を 入 れて さらに 平 行 四 辺 形 に 変 形 します 6 1,400 万 画 素 曲 線 状 に 配 置 します 7 背 景 雲 状 の 背 景 にして 外 周 をぼかします 8 星 文 字 が 光 って 見 えるように 白 い 星 を7 個 配 置 します 20

1. 広 告 の 品 1.1 文 字 の 入 力 1 テキストツール を 選 択 2 適 当 なところでクリック 3 広 告 の 品 を 入 力 1 2 3 1.2 フォントを 決 める 4 4 テキスト を 選 択 5 テキストとフォント を 選 択 6 HGPSoueiKakupoptai (HGP 創 英 角 ポップ 体 )を 選 択 7 適 用 8 閉 じる 5 1.3 拡 大 移 動 9 選 択 ツール を 選 択 10 拡 大 移 動 して 適 当 な 場 所 に 配 置 6 7 8 9 10 10 21

1.4 文 字 列 の 複 製 1 1 右 クリック 2 複 製 を 選 択 3 複 製 した 広 告 の 品 を 適 当 な 場 所 に 移 動 4 これを2 回 くりかえして 3つの 広 告 の 品 を 作 る 2 1.5 色 をつける 5 2 番 目 の 広 告 の 品 を 選 択 3 4 6 黄 色 をクリック 7 3 番 目 の 広 告 の 品 を 選 択 8 赤 をクリック 5 7 1.6 字 を 太 くする(アウトセット) 9 1 番 目 の 広 告 の 品 を 選 択 10 パス を 選 択 11 アウトセット を 選 択 12 これを2 回 くり 返 して 太 くする 8 6 1.7 字 を 細 くする(インセット) 13 3 番 目 の 広 告 の 品 を 選 択 14 パス を 選 択 15 インセット を 選 択 16 これを2 回 くり 返 して 細 くする 10 14 11 9 12 15 13 16 22

1.8 字 を 重 ねる 1 3つの 広 告 の 品 を 同 時 に 選 択 (Shift キーを 押 しながらクリック) 2 オブジェクト を 選 択 3 整 列 と 配 置 を 選 択 4 中 心 を 垂 直 軸 に 合 わせる を 選 択 5 中 心 を 水 平 軸 に 合 わせる を 選 択 2 1 4 3 5 完 成 した 広 告 の 品 2. デジタルカメラ 広 告 の 品 と 全 く 同 様 に 次 の 手 順 で デジタルカメラ を 作 る( 説 明 省 略 ) 1 文 字 入 力 2 フォント 指 定 3 拡 大 移 動 4 3つの デジタルカメラ を 複 製 5 色 をつける(1 番 目 を 赤 2 番 目 を 黄 色 3 番 目 は 黒 のまま) 6 太 さを 変 える 7 重 ねる 完 成 した デジタルカメラ 1~7 23

3. 数 字 8,980 3.1 数 字 の 入 力 とフォント 色 1 テキストツール を 選 択 2 8,980 を 入 力 3 拡 大 移 動 で 適 切 な 場 所 に 配 置 4 テキスト を 選 択 5 テキストとフォント を 選 択 6 BoldOblique を 選 択 7 適 用 8 閉 じる 9 色 を 赤 にする 1 2 4 5 3 6 7 8 9 24

3.2 ストローク( 輪 郭 線 )と 影 1 ストローク をクリック 2 ストロークの 塗 り を 選 択 3 単 一 色 を 選 択 4 RGBがすべて0( 黒 )であることを 確 認 5 ストロークのスタイル を 選 択 6 幅 を 4.000px にする 7 フィルタ を 選 択 8 光 と 影 を 選 択 9 影 を 落 とす を 選 択 10 適 用 を 選 択 11 閉 じる 1 2 3 4 7 6 5 8 9 11 10 25

3.3 数 字 の 分 割 と 重 ね 合 わせ 1 パス を 選 択 2 オブジェクトをパスへ を 選 択 3 パス を 選 択 4 分 割 を 選 択 1 2 3 4 5 分 割 した 数 字 を 右 から 順 に 少 しずつ 重 ねていく 5 完 成 した 8,980 26

4. 税 込 円 1 テキストツールで 税 込 円 を 入 力 2 フォントは HGGothicM を 選 択 3 拡 大 移 動 して 適 切 な 場 所 に 配 置 1 3 2 5. 5 台 限 り! 5.1 文 字 の 入 力 とフォント 色 1テキストツールで 5 台 限 り! を 入 力 2フォントは HGSGothicE を 選 択 3 拡 大 移 動 で 適 切 な 場 所 へ 4 色 は 青 にする 1 2 3 4 27

5.2 文 字 列 を 矩 形 ( 長 方 形 )の 中 に 入 れる 1 矩 形 ツールで 長 方 形 を 作 る 2 色 は 白 にする 3 ストロークの 幅 を 2.000px に ( ストローク ストロークのスタイル ) 1 4 5 台 限 り! がちょうど 入 る 程 度 に 拡 大 する 5 長 方 形 を 5 台 限 り! の 上 に 重 ねる 6 オブジェクト 7 背 面 へ 8 オブジェクト 9 グループ 化 2 3 4 6 5 7 8 9 28

5.3 傾 斜 をつけて 平 行 四 辺 形 に 1 オブジェクト 2 変 形 3 傾 斜 垂 直 を 15.000( 度 ) に 4 適 用 5 オブジェクト 6 背 面 へ 1 3 2 4 5 6 完 成 した 5 台 限 り! 29

6. 1,400 万 画 素 6.1 文 字 の 入 力 とフォント 色 1 テキストツール で 1,400 万 画 素 を 入 力 2 フォントは HGPSoueiKakupoputai 3 拡 大 移 動 して 配 置 4 色 (フィル)はピンク 5 ストローク 6 ストロークのスタイル 7 幅 を 1.000px 1 3 2 4 5 7 6 30

6.2 曲 線 状 に 配 置 1 らせんツール を 選 択 2 らせんの 両 端 点 をダブルクリックして 長 さを 調 節 3 適 切 な 場 所 ( ラ の 右 肩 )に 移 動 4 1,400 万 画 素 とらせんを Shift キー を 押 しながらクリック ( 両 方 を 選 択 ) 5 テキスト 6 テキストをパス 上 に 配 置 7 大 きさや 位 置 を 微 調 整 1 3 2 5 6 4 7 31

7. 背 景 7.1 円 で 塗 りつぶす 1 円 / 弧 ツールを 選 択 2 円 を 作 る 3 色 を 水 色 にする 4 拡 大 移 動 して 適 当 な 場 所 に 移 す 5 右 クリック 6 複 製 を 選 択 7 複 製 を 適 当 な 場 所 に 移 動 8 繰 り 返 す 1 2 3 5 4 6 7 8 32

7.2 背 景 を 文 字 の 後 ろに 1すべての 円 を Shift キーを 押 しながらクリックして 選 択 2 パス を 選 択 3 オブジェクトをパスへ を 選 択 4 パス を 選 択 5 連 結 を 選 択 6 オブジェクト を 選 択 7 最 背 面 へ を 選 択 1 2 3 4 5 6 7 33

7.3 背 景 の 輪 郭 線 を 雲 のようにぼかす 1 ストローク を 選 択 2 ストロークのスタイル 3 幅 を 0.000 に 4 ストロークの 塗 り 5 ぼかし を 6.5 に 1 4 3 2 5 完 成 した 雲 の ような 背 景 34

8. 星 2 1 星 型 ツール を 選 択 2 角 :4 スポーク 比 :0.37 3 色 を 白 にする 4 右 クリック 5 複 製 を 選 択 6 星 を7つ 複 製 する 7 移 動 して 適 当 な 場 所 に 配 置 1 3 4 5 完 成! 6 7 35