今日の学習内容

◎画像の作成と加工（GIMP） pp.129-138

GIMP入門（2.8版）

http://docs.gimp.org/ja/http://www.gimp.jp.net/GIMP初心者の使い方講座：

http://synclogue-navi.com/gimp-manual-beginner

UNIXで操作する作図ツールTgif：構成図や配置図と言った図の作成に便利

（作成した図形ファイルをEPSファイルに変換

LaTeXで作成するファイルに利用できる）

Inkscape: ベクター(SVG)画像とPNGを作成できる高機能グラフィックフリーソフト

GIMP:イラスト作成やデジタル画像の加工に便利

例えば、作成した図形ファイル形式の変換

カラー画像→濃淡画像→2値画像

画像内の物体の回転、切り出し、輪郭抽出…

GIMPの起動方法

◎起動： gimp &

GIMPの起動方法と初期設定

◎起動： gimp &◎初期設定：

初めてGIMPを起動した時、設定が必要

利用者が細かく設定できるが、標準設定のままでＯＫ

１．GIMPユーザインストールへようこそ→次へ

２．個人GIMPディレクトリ→次へ

３．ユーザインストールログ→次へ

４．GIMPパフォーマンスチューニング→次へ

５．モニタ解像度→次へ

GIMPのウィンドウ

GIMPを起動すると、五つのウィンドウを開く

１．The GIMP２．ブラシ選択 ( Brush Selection )３．ツールオブ ( Tool Options )４．レイヤー、チャンネル＆パス

( Layers, Channels & Paths )５．GIMP今日の技 (GIMP Tip of the Day )

操作上のヒント（助言）を示している

（GIMPに慣れるまで、２，３，４を閉じて置きましょう）

ディフォルトでない場合は問題がない

GIMPによる画像編集(既存ファイルの読み込み)

ファイルのコピー： cp ~wuhy/IP1GIMP.png .確認： ls 1.「ファイル」から「開く」をクリック

2.開かれた一覧表からファイル(IP1GIMP.png)を選択

3.「了解」ボタンをクリック

4.画像ファイルが読込画像（画像ウィンドウ）に表示される

GIMPによる画像編集（続）

◎表示された画像ウィンドウ内にマウスを移動し、右ボタンをクリックすると、P134の図7.10のような画像ウィンドウメニューが現れる

（ここから目的の機能を探し、色んな編集ができる）

対応しているアイコンは一番上にもある：

ファイル(F)、編集(E)、選択(S)、View、

画像(I)、道具(T)、フィルタ(R)…(各メニューの機能はP.134の表7.4を参照)

GIMPによる画像編集例

◎ 画像(I)→変換→（反転 or 回転）

◎道具(T)→色ツール→しきい値（2値画像を生成）

◎フィルタ(R)→輪郭抽出→Edge（物体の輪郭を抽出）

…….

(各メニューの機能はP.134の表7.4を参照)(練習：色々な機能を使って、読み込んだ画像を編集）

（１）アンドゥ(Undo)で処理の取り消しができる

（２）編集結果は保存しない（保存した場合、元画像が必要があれば、再度cp ~wuhy/IP1GIMP.png . すればＯＫ）

GIMPによる画像編集（続）

◎よく使う編集機能は「The GIMP」に用意している(各アイコンの機能はP.132の表7.3を参照)

図形の選択、移動、ズーム、切り抜き、

文字、塗りつぶし、描画、消去。。。

(練習：色々な機能を使って、読み込んだ画像を編集）

（１）アンドゥ(Undo)で処理の取り消しができる

（２）編集結果は保存しない（保存した場合、元画像が必要があれば、再度cp ~wuhy/IP1GIMP.png . すればＯＫ）

GIMPによる画像編集(文字の入力pp.136-137)

１．Aのボタンをクリック

２．画像ウィンドウ内に、入力する位置にクリック

３．P.137の図7.16に示す文字入力を要求するウィンドウ「GIMPテキストエディタ」が表示される

４．文字のフォントやサイズを選択

５．テキスト入力フィールド（プレビュー）に文字入力

英文字⇔漢字（半角/全角； Shift-Space)６．「閉じる」をクリック

注：文字のサイズ・フォント・色などを調整できる

GIMPによる画像編集(ファイルの保存)◎現在のファイルにそのまま保存したい場合：

右ボタンをクリック、「ファイル」から「保存」を選択・左ボタンクリック

◎その他の場合：

「ファイル(F)」から「エクスポート」

を選択・左ボタンクリック

a.保存先、別名、ファイル形式の選択を指定できる「画像をエクスポート」が表れる

b.保存したい画像形式は「ファイル形式の選択(T)」のメニューから選択・クリック

（練習課題：課題5の画像を読み込み、png, JPEG, BMP, PostScriptなどの形式でそれぞれ保存）

GIMPの終了

◎終了：

「ファイル」から「終了」を選択・クリック

ーーーーーーーーーーーーーーーーーーーーー

◎Webページに挿入できる画像形式は

JPEG、PNGなどがある

◎GIMPを利用してInkscapeで作成した画像を

JPEG, PNG画像形式に変換・保存

課題5-2◎Inkscapeで描いた画像はGIMPで読込、

(1) 反転（ミラー）画像をつくって、余裕のある人へ: (1) 図形をコピーし、元画像と反転画像を並べる

一枚の画像を作る

(2) “This is Kadai5’s image これは課題5の画像です”を入力してから

JPG, pngの形式に変換して保存して下さい。

◎ IP1GIMP.pngのEdge(エッジ)を抽出し、IP1_edge.pngという名前で保存してください。

余裕のある人へ: IP1GIMP.pngの濃淡画像、2値画像をそれぞれ生成し、IP1_grey.png IP1_2.pngという名前でそれぞれ保存

課題5-3１）新しいディレクトリ(例えば：Image)を作る

２）課題5-1と課題5-2で作成した全部の画像を新しく作ったディレクトリにコピーする

課題5の提出方法学校のコンピュータを利用して、各自のＴＡ宛に以下のようなメールを送ってください

提出期限：6月6日（金）5時まで

メールの内容：(1) 課題5-1のSVGとEPSファイルと、課題5-2のＪＰＧ, png

ファイル（それぞれのファイル名）はディレクトリ（各自のホームディレクトリからの相対パス名）の下に

(2) IP1_edge.pngはディレクトリ（絶対パス名）の下に

それぞれ保存しています。

#メールの件名：課題5（学籍番号）