C.1　画像編集（応用）

GIMPを使ってガイドブックの地図を編集してみましょう。編集した地図は私的な目的で使用します。

GIMPを立ち上げ、「ファイル」メニューの「開く／インポート」をクリックして柴又七福神.jpegを開きます。

図１　サンプル画像を開く

開いた画像は上下が逆になっているので、次のようにして180度回転します。

（１）「画像」メニューの「変形」にマウスをポイント

（２）「180度回転」をクリック

ファイルを保存しますが、編集した内容を書き出すことをGIMPではエクスポートと呼びます。「保存」を選ぶとGIMPのファイルフォーマットで保存され、Jpeg画像とは違った形式で保存されてしまいます。

（１）「ファイル」の「名前を付けてエクスポート」をクリック

（２）ファイル名を「柴又七福神_回転」に変更する（赤枠）

（３）保存するフォルダーを選ぶ（赤枠の下）

（４）「エクスポート」をクリック

（５）表示されたウィンドウで「エクスポート」をクリック

図２　180度回転しエクスポートする

サンプル画像は右下がりに少し傾いています。次のようにして補正してエクスポートします。

（１）「柴又七福神_回転.jpeg」を開く

（２）「ツール」メニューの「変形」から「回転」を選ぶ

（３）画面の倍率を100%程度に大きくする

（４）「角度」の上下の▼印（赤枠）をクリックして調整する

（５）「回転」をクリックする

（６）「傾き微調整」という名前でエクスポートしておく

図３　傾きを調整しエクスポートする

画像のうち、地図の部分だけを切り取ります。

（１）「傾き微調整.jpeg」のアイコンの上で右クリックする

（２）「プログラムから開く」から

GNU Image Manipulation Proguramをクリックする

（注）右クリックの「プログラムから開く」にGIMPが表示されない場合は、GIMPを先に開いておき、開きたいJpegファイルをGIMPのウインドウにドラッグ＆ドロップしてください。

（３）ツールオプションから「矩形選択」ツールをクリック

（４）地図の範囲をドラッグして選択

（５）「画像」メニューの「選択範囲で切り抜き」をクリック

（６）「ファイル」メニューの「名前を付けてエクスポート」を

クリック

（７）ファイル名を「選択範囲で切り抜き」に変更

（８）「エクスポート」をクリック

図４　地図の部分だけを切り抜きエクスポートする

切り抜いた画像の左端に影があり焦点が甘いですが、これはスキャナで撮像時にガイドブックの折り目が持ち上がっていたためです。本をスキャンするときは押し付けるようにして取り込みたい部分が読み取り台に密着するようにします。

真勝院の旗の番号を４から２に書換えてみます。

（１）画面の倍率を400%にする

（２）スポイトツールで旗の色をクリック

「描画色」が黒からスポイトで選んだ色に変わる

（３）ブラシツールで旗の数字４を消す

ブラシのサイズを５ポイント程度にする

図５　スポイトとブラシを使って旗の数字を消す

（４）描画色を白にする

（５）「文字」ツールを選択する

（６）フォントサイズを20pxにする

（７）旗をクリックして全角で２を入力する

（８）「移動」ツールで文字を旗の中心に移動する

フォントサイズを変更するには、「文字」ツールを選択した状態で入力した文字をドラッグして選択してからサイズを変更する。

（９）「旗の番号変更」という名前でエクスポートする

図６　文字ツールと移動ツールを使って

「旗の番号変更.jpeg」を開き、表示倍率を400%にして、旗３をコピーし矢切の渡し付近に貼り付けます。貼り付け位置を調整後、新しくレイヤーを追加し、そのレイヤーに固定します。

（１）旗３の周囲を含めて矩形選択ツールで囲み選択します

（２）コピーし、貼り付けます

右ペインのレイヤータブに「フローティング選択範囲」が表示されます

（３）旗３に重なっているのでドラッグして位置を調整します

図７　旗３を選択しコピー＆貼り付けし移動

（４）レイヤータブから「新しいレイヤーの生成」をクリック

• 「フローティング選択範囲」が消え、「貼り付けられたレイヤー」が表示される。下の「旗の番号変更.jpeg」レイヤーの目のマークを消すと、「貼り付けられたレイヤー」に旗３だけが張り付いていることがわかる。目のマークを元に戻す。

（５）消しゴムツールを選択する

（６）「貼り付けられたレイヤー」を選択し、旗３の周囲の不要

部分を消す。ブラシのサイズやブラシ形状（周囲のぼかしのないもの）を選ぶ。

（７）「旗のコピー」という名前でエクスポートする

図８　貼り付けられたレイヤーの画像を消しゴムツールで修正

赤線で囲んだ部分の、コースを示す赤い点々を消して道の状態に修正します。

図９　赤線で囲んだ部分の点々を消す

（１）スタンプツールを選択

（２）下図の赤丸付近にマウスカーソルを置く

（３）Ctrlキーを押しながらクリックする

（道がコピーされる）

（４）赤丸の左の、コースを示す塗りつぶした赤丸の付近で

クリックする

（道が貼り付けられる。適切でないところに張り付いたときはCtrlキーとＺキーを同時に押してやり直す。）

（５）道の周囲に貼り付けた丸い跡が残るが、「にじみ」ツール

でドラッグして色をにじませて修正する。）

図10　スタンプツールで道をコピーする

逆に、赤く塗りつぶした点々を、スタンプツールでコピーして道に貼り付けて、コースを描くこともできる。

鉛筆ツールを使うと、直線を描くことができます。「旗のコピー.jpeg」を開いて図10と同じ部分のコースを消してみます。

（１）画面の倍率を400%にする

（２）「スポイト」で道の部分の色を取り込む

（３）「鉛筆」を選択する

（４）「ブラシサイズ」を赤丸より少し大きい９pxにする

（５）消したい直線コースの端でクリックする

（６）Shiftキーを押しながら、消したい直線コースのもう一方の

端でクリック（（２）で取り込んだ色の幅8pxの直線を描き、点々のコースが消える

（７）点々の消し残しが目立つ部分はブラシツールで修正する

図11　鉛筆でコースを消す

同じ方法で、新しいコースを「鉛筆」ツールで描くことができます。

地図にウォーキングコースを描いてみましょう。下の「ダウンロード」ボタンをクリックして地図ファイルをダウンロードできます。

（１）サンプルのファイル（みなとみらい地図.jpg）をGIMPで

開きます。

（２）「描画色（最初は黒）」をクリックし、これから描く

コースの色を選択しＯＫをクリックします。ここでは赤を選んでいます。

（３）「パス」ツール（上の画像の上の方の赤枠）をクリックし

て選択します。

（４）地図上のコースを順にクリックしてパスを描きます。

下の画像では分かりにくいですが、桜木町駅から汽車道を通り象の鼻パークへとクリクしてパスを描いています。

（５）コース全体が描けたら「編集」メニューをクリックし、

「パスの境界線を描画」をクリックします。

（６）「線の幅」を6.0pxのまま「描画」ボタンをクリックすると

下の画像のようなコースを描くことができます。

注： 「パスの境界線を描く」ダイアログボックスで「線の種類」

をクリックし点線を描くこともできます。

GIMPはPDFファイルを開く（画像としてインポートする）ことができます。数ページからなるPDFファイルの場合、インポートするページを指定して開きます。

例として、次のPDFファイルをダウンロードしてください。

このPDFファイルは２ページでできています。GIMPで開くと次のような画面が表示されて、開くページを指定します。

図12　インポートするページを選択する

GIMPで開きたいページをクリックして「インポート」をクリックします。後は、Jpeg画像を読み込んだ場合と同様に編集ができます。編集結果をエクスポートするときは、次のようにします。

（１）ファイルから「名前を付けてエクスポート」をクリック

（２）開いた画面で、ファイルの拡張子を.jpg（あるいは.jpeg）

に変更する

（３）「エクスポート」をクリック

図13　ファイルの拡張子をjpgに変更してエクスポート

 前項でダウンロードしたPDFファイルには２枚の地図が入っています。ここでは、それらをつなぎ合わせて１枚の地図の画像に仕上げます。

２つの画像をつなぎ合わすには、縮尺が同じであることが必要です。どちらの地図にも電車の線路があり、桜が丘駅と高座渋谷駅が描かれています。そこで、PDFファイルを   Adobe Acrobat Reader DCで開き、「ものさしツール」で駅間の長さを調べてみます。

Acrobat Reader DCでPDFファイルを開き、「ツール」タブから「ものさし」を開き、さらに「ものさしツール」をクリックします。距離を測定したい２点をクリックすると寸法を表示します。この方法で駅間の距離を調べると次のようになります。

１ページの地図（境川）の駅間距離：　　148 mm

２ページの地図（引地川）の駅間距離：　213 mm

そこで、境川の地図はそのまま、引地川の地図を69.5%に縮小した２枚の画像を用意します。画像のサイズはそれぞれ次のようになります。

境川.jpg　　　826 × 1169 ピクセル

引地川.jpg　　574 × 812   ピクセル

大きい方の画像である境川.jpgをGIMPで開き、その左側に引地川の画像をつぎ足すためのスペースを作るため、キャンパスサイズを826+574=1400 pxに広げます。

（１）画像タブの「キャンバスサイズの変更」をクリック

（２）ダイアログが表示されるので、「幅」に1400 と入力

（３）オフセットのＸを574に変更

（４）「サイズ変更」ボタンをクリック

拡張したキャンバス部分をレイヤー領域にし、さらにレイヤーを追加します。

 （５）「レイヤー」タブの「レイヤーをキャンパスに合わせる」を

クリック

（６）「レイヤー」タブの「新しいレイヤーの追加」をクリック

引地川.jpgをGIMPで開き、全体を選択してコピーしておき、境川のファイルに追加した新しいレイヤーに貼り付けます。

（７）「ファイル」タブの「開く／インポート」から引地川.jpgを

開く。下図のように画像のサムネイルが表示され、左の赤枠が先に開いてレイヤーを追加した境川.jpgファイル、右の点線赤枠が後で開いた引地川.jpg画像。サムネイルをクリックするとそれぞれのファイルを開く。不要になればサムネイル右の✕で閉じることができる。

（８）引地川.jpgを表示させ、「選択」タブの「すべて選択」を

クリック

（９）「編集」タブの「コピー」をクリック

（10）境川.jpgを表示させ追加した「レイヤー」をクリックする

（11）「編集」タブの「貼り付け」をクリック

新しいレイヤーに貼り付けた引地川の地図を「消しゴム」ツールで消すと、下のレイヤーの境川の地図が現れる。「移動」ツールで境川の地図との位置関係を調整し、２つの地図が繋がったら「画像」タブの「可視レイヤーの統合」で1つの画像とし、「ファイル」タブから統合された地図をエクスポートする。