I. GIMP のインストール GIMP は 無料で使える高機能な画像編集 処理ソフトです 公式サイト ( から GIMP をダウンロードし インストールしましょう 1. GIMP のダウンロード 1 Internet explorer を起動します 2 Yahoo や

Transcription

1 GIMP2.8/Windows8.1 フリーソフトの GIMP をダウンロードしてインストールし 合成写真を作ったり 写真の明るさを調整したりしてみまし ょう 暮らしのパソコンいろは 早稲田公民館 ICT サポートボランティア

2 I. GIMP のインストール GIMP は 無料で使える高機能な画像編集 処理ソフトです 公式サイト ( から GIMP をダウンロードし インストールしましょう 1. GIMP のダウンロード 1 Internet explorer を起動します 2 Yahoo や Google などの検索サイトを開きます 3 検索ボックスに GIMP と入力し 検索ボタンを押します 4 検索結果の一覧から GIMP GNU Image Manipulation Program をクリックします GIMP 公式サイトが開きます 5 をクリックします 6 をクリックします ブラウザの下部に次のように表示されます 7 保存をクリックします しばらく待つと gimp setup.exe のダウンロードが完了しました と表示されます 8 フォルダーを開くをクリックします ダウンロードフォルダーが開かれます 閉じる 2. GIMP のインストール 1 gimp setup-.exe をダブルクリックします ユーザーアカウント制御 が表示された場合は はいをクリックします 2 Select Setup Language 画面が表示されます English のまま OK をクリックします 1

3 3 Setup-Gimp 画面が表示されます Install をクリックします 4 インストールが終わったら Finish をクリックします 暮らしのパソコンいろは インストールが終わったらダウンロードフォルダーの中の gimp setup.exe は 削除しても構いません II. GIMP の起動 1 スタート画面の ( すべてのアプリ ) からアプリの一覧を表示させ GIMP2 をクリックします (Windows8.1) Windows7 10 は Windows( スタート ) ボタン すべてのプログラム GIMP2 をクリックします 2 GIMP が ツールボックス 編集画面 ドック の 3 つに分割されて起動した場合は 編集画面 メニューの ウィンド ウ をクリック シングルウィンド ウモード をクリックします 3 つのウィンドウが 1 つに結合され ます ツールボックス ドック 編集画面 ( 最大化 ) をクリックしてウ ィンドウをいっぱいに広げて 作業しましょう 2

4 III. GIMP の画面構成 タイトルバー作業中のファイル名が表示されます 2 メニューバーコマンドを実行するときに使います 3 編集画面 GIMP の作業領域です 4 メニューボタンメニューバーと同じ項目が表示されます 5 ウィンドウ拡大モード切り替えボタンウィンドウ拡大モードのオン オフを切り替えます 6 ものさし画像の大きさや位置を確認できます 7 クイックマスク切り替えボタンブラシや消しゴムツールで範囲選択できるクイックマスクのオン オフを切り替えます 8 単位ボタン単位の選択ができます 9 拡大縮小ボックス画面の拡大 縮小率を選択できます 10 ステータスバーコマンドや作業状況に関するメッセージが表示されます 11 ナビゲーションボタンナビゲーションプレビューを表示します 12 スクロールバードラッグして画面の表示領域を移動します 13 ツールボックスドロップエリア ツール 描画色と背景色が表示される領域です 14 ツールコマンドをアイコンで表示したものです 15 ツールオプションツールごとに設定できるオプションです 16 ドック画像の状態確認などを行う領域で レイヤー ブラシ パス チャンネル 作業履歴がまとめられています 17 ドック絵を描くときの線や塗りつぶしのパターンなどがまとめられています 3

5 IV. ツール一覧 ボタンツール名説明ボタンツール名説明 矩形選択 四角形で選択範囲を作成します 遠近法 選択範囲の四辺を動かして遠近感を与えます 楕円選択 楕円形で選択範囲を作成します 鏡像変形 選択範囲の上下または左右を鏡像反転します 自由選択 自由な曲線で選択範囲を作成します ケージ変形 選択した範囲を自由に変形させます ファジー選択色域を選択電脳はさみ クリックした部分の色をもとに 周囲から似た色を選択しますクリックした部分の色をもとに 画像全体から似た色を選択しますクリック間の色の境界を自動的に検出し選択します テキスト塗りつぶしブレンド 文字を入力します 色を塗ります グラデーションを設定します 前景抽出選択 前景 ( 被写体 ) を選択します 鉛筆 くっきりとした線を描くことができます パス パス と呼ばれる線を作成します ブラシ 筆タッチの線を描くことができます スポイト クリックした部分の色を描画色に設定します 消しゴム ドラッグした部分を消します ズーム クリックした部分の画像を拡大 縮小します エアブラシ エアブラシタッチの線を描くことができます 定規 ドラッグした部分の長さや角度を計測します インク ペンタッチの線を描くことができます 移動レイヤーを移動しますスタンプ 整列レイヤーを整列します修復ブラシ 切り抜き 四角形の範囲を切り抜きます 遠近スタンプ 回転選択範囲を回転しますぼかし / シャープ 拡大 縮小 選択範囲を拡大 縮小します にじみ 画像の一部をほかの部分にコピーします スタンプと似ていますが より自然に仕上がります スタンプと似ていますが 遠近感がでます ドラッグした部分をぼかしたり はっきりさせたりします 指でぼかしたような効果がでます 剪断変形 選択範囲を平行四辺形のように変形させます 暗室 一部分を明るくしたり暗くしたりします 4

6 V. 合成写真作成 Have a nice day! 1. ファイルを開く 1 ファイル をクリック 開く/ インポート をクリックします 画像ファイルを開く ダイアログボックスが表示されます 2 pictures をクリック GIMP 講座 2017 フォルダーを開く 紙飛行機 イルカ 1 イルカ 2 海 を選択します 複数のファイルを選択する場合は Ctrl キーを押しながらファイルをクリックします 連続したファイルを選択する場合は 最初のファイルをクリックし Shift キーを押しながら最後のファイルをクリックします 3 開く をクリックします 開いているファイルは 編集画面の左上にタブで表示されます タブをクリックして編集画面に表示するファイルを切り替えます をクリックするとファイルが閉じます 5

7 2. 画像をトリミングする 海 を編集画面に表示させましょう 1 ( 切り抜き ) ツールをクリック 切り抜きたい部分をドラッグ ( ポインター ) 四角形で囲まれます 四隅の をドラッグして範囲を拡大縮小できます ( ポインター ) 選択範囲内( 四隅の 以外 ) をドラッグすると範囲を移動できます ( ポインター ) 2 Enter キーを押して確定します 画像表示の拡大 縮小 Ctrl キーを押しながらマウスのホイールを回転させます 編集画面いっぱいに画像を拡大しましょう 色域を選択 3. 画像をコピーして貼り付ける 切り抜き A: 紙飛行機 紙飛行機 を編集画面に表示しましょう 1 ( 色域を選択 ) ツールをクリック 背景の白色をクリックします 白色の部分が選択されます 2 選択 をクリック 選択範囲の反転 をクリックします 白色でない部分が選択されます 3 編集 をクリック コピー をクリックします 4 海 の画像を編集画面に表示させる 編集 をクリック 貼り付け をクリックします 紙飛行機が海の画像に貼り付けられ ドック の レイヤー に フロー ティング選択範囲 ( 貼り付けられたレイヤー ) と表示されます 5 ( 新しいレイヤーを画像に追加します ) をクリック レイヤ ー名が 貼り付けられたレイヤー に変わります フローティング選択範囲 のままで操作を続けると すぐ下にある画像と結合されます 貼り付けた画像を編集できるようにするには レイヤーに変更する必要があります 6

8 レイヤーとは レイヤー (layer) とは 日本語では 層 という意味です 画像編集ソフトなどに搭載された機能で セル画のように透明なフィルムに画像を描いて 何枚も重ねて 1 つの画像にすることができるものです レイヤーは1つずつ自由に編集できるので 完成画像を簡単に変更することができます 6 貼り付けられたレイヤー ( 文字 ) の上でダブルクリック 文字 が選択される 紙飛行機 と入力 Enter キーを押して確定 レイヤー名が 紙飛行機 に変更されます 必要に応じてサイズ変更や回転をして任意の場所に移動しまし ょう サイズ変更 ドック の レイヤー で対象のレイヤー( 紙飛行機 ) を選択 ( 拡大縮小 ) ツールをクリック 画像をクリック 拡大 縮小 ダイアログボックスが表示され 画像上に網目が表示される ( チェーン ) をクリックしにする ( チェーンをつなげて縦横比を固定 ) 網目の四隅の をドラッグ ( または 幅 高さのスピンボタンをクリック ) してサイズを変更 拡大縮小 をクリックします 回転 移動 拡大縮小 回転 ( 回転 ) ツールをクリック 画像をクリック 回転 ダイアログボックスが表示され 画像上に網目が表示される 画像の周囲を回転させたい方向にドラッグ ( または 角度 のスピンボタンをクリックするかスライダーをドラッグ ) して回転 回転 をクリックします 移動 ( 移動 ) ツールをクリック 画像を任意の位置にドラッグします B: イルカ 1 イルカ 1 を編集画面に表示しましょう 7

9 1 コピーしたいイルカを拡大表示 (Ctrl キー +ホイール ) スクロールして中央になるように調整します 2 ( 電脳はさみ ) ツールをクリック マウスポインターの形がに変わります 3 イルカの輪郭を少しずつクリック クリックしたところに が付き 次のクリック点との間に輪郭に沿って線が引かれます この時のマウスポインターの形は です 暮らしのパソコンいろは 輪郭があいまいなところや 変化が大きいところは細かくクリックしましょう 途中でキャンセルしたい場合は Esc キーを押します クリックした場所を変更したい場合は を任意の位置へドラッグします 線をドラッグして を追加することもできます 4 1 周回ったら始点をポイント マウスポインターの形がに変わったらクリックします 5 選択範囲内をポイント マウスポインターの形が になったらクリック 選択範囲が破線に変わり確定されます 6 編集 をクリック コピー をクリックします 7 海 の画像を編集画面に表示させる 編集 をクリック 貼り付け をクリック レイヤー に フローティング選択範囲 ( 貼り付けられたレイヤー ) と表示されます 8 ( 新しいレイヤーを画像に追加します ) をクリック レイヤー名を イルカ 1 に変更します 9 ( 消しゴム ) ツールをクリック ツールオプション でブラシの種類 サイズを設定 Ctrl キー +ホイールで画像を拡大 イルカの輪郭をドラッグしてきれいに整えます <ツールオプションの設定 > ブラシ :2.Hardness 050 サイズ :10~15 くらい ( 細かいところは小さくしましょう ) 消しゴムなどで修正する場合は なるべく大きく画像を表示し 細かいところまで丁寧に操作をしましょう やり直したい場合は 編集 消しゴムを元に戻す をクリック または Ctrl キー +Z キー 8

10 を押します レイヤーのをクリックすると画像の表示 / 非表示ができます 背景の画像が邪魔になるときは非表示にして操作しましょう 10 必要に応じて画像の大きさを調整し 回転や反転をして任意の位置に移動します 鏡像反転 ( 鏡像反転 ) ツールをクリック ツールオプション で 反転の向き の 水平 の をクリック 画像の上をクリック 左右反転します C: イルカ 2 イルカ 2 を編集画面に表示しましょう 1 電脳はさみ ツールを使って イルカ1と同じようにして 海 の画像にイルカを貼り付けます ( イルカ2の選択範囲は 下図を参照 ) 2 ( 新しいレイヤーを画像に追加します ) をクリック レイヤー名を イルカ 2 に変更します 3 消しゴム ツールで輪郭を整え 拡大縮小 回転 鏡像反転 ツールを使って大きさや向きを調整し 移動 ツールで任意の位置に配置します 参考配置図 4 ドック の レイヤー で 海 を選択します 5 ( 矩形選択 ) ツールをクリック 左下のイルカ 2 が海に入っていると思われる位置をドラッグで選択します 6 編集 をクリック コピー をクリック 編集 をクリック 貼り付け をクリック ( 新しいレイヤーを画像に追加します ) をクリック レイヤー名を 波 に変更します 7 波 が選択されているのを確認 不透明度 を 70 くらいにする 波が半透明になりイルカが透けて見えます 8 消しゴム ツールでイルカの体の曲線に合わせて波の一部を消します 9

11 < ツールオプションの設定 > ブラシ :2.Hardness 050 サイズ :50 くらい 暮らしのパソコンいろは 4. 文字を描く GIMP には 文字を描くツールとして 鉛筆で描画 ブラシで描画 エアブラシで描画 イン クで描画 テキスト などがあります 今回は 最も簡単できれいに描ける テキスト ツールを使って文字を描きます 1 ( テキスト ) ツールをクリック ツールオプション で サイズ を 200 くらいに設定 編集画面をクリック 文字を入力 Have a nice day! ツールオプション で フォント サイズ 色 を設定します <ツールオプションの設定 > フォント :Hobo Std Medium サイズ :200px 色 : 白色 (ffffff) 2 ( 遠近法 ) をクリック 文字の上をクリック 遠近法 ダイアログボックスが表示され テキスト上に網目が表示される 左の角の をドラッグし遠近感をだす 変形 をクリックします 3 フィルター をクリック 変形 をポイント カーブに沿って曲げる をクリック カーブに沿って曲げる ダイアログボックスが表示される プレビュー自動更新 の をクリックしチェックを入れる カーブ設定 の直線をドラッグして プレビュー で確認しながら曲線にする OK をクリックします 10

12 4 レイヤー で テキスト を選択 フィルター をクリック ほかし をポイント ガウスぼかし をクリック ガウスぼかし ダイアログボックスが表示される プレビュー の にチェックを入れる ぼかし半径 の 水平 垂直 を 20 くらいにする プレビューを確認 OK をクリック テキストにぼかしが設定されます 5 ドック の 不透明度 を 70 くらいに設定 ぼかしたテキストに透明感がでます 各パーツのサイズや向き 位置を調整して完成させましょう サンプルでは 紙飛行機 や イルカ 1 にも 不透明度 を 70~80 くらい設定して います 5. 名前を付けて保存 1 ファイル をクリック 名前を付けて保存 をクリック 画像の保存 ダイアログボックスが表示されます 2 名前 にファイル名を入力 フォルダの中に保存 が GIMP 講座 2017 になっているのを確認 保存 をクリック タイトルバーにファイル名が表示されます 11

13 6. JPEG 形式で保存する GIMP で作成したファイルには GIMP 独自のファイル形式 xcf という拡張子が付きます このままでは Word に貼り付けたり Web ページに公開したり GIMP がインストールされていないパソコンで見ることができません 一般的な画像の保存形式 JPEG で保存し GIMP がインストールされていないパソコンでも表示できるようにしましょう 1 ファイル をクリック 名前を付けてエクスポート をクリック 画像をエクスポート ダイアログボックスが表示されます 2 ファイル形式の選択 をクリック JPEG 画像 を選択 名前 のファイル名の後ろの拡張子が.jpg になります 3 フォルダの中に保存 が GIMP 講座 2017 になっていることを確認 エクスポート をクリック 画像をエクスポート :JPEG 形式 ダイアログボックスが表示されます 4 品質 を 100 に設定 エクスポート をクリックします 品質 を下げるとファイルの容量が小さくなりますが 画質が悪くなります GIMP 講座 2017 フォルダーを開いて 保存した画像を確認しましょう 12

14 VI. 画像補正 GIMP には 画像の明度 色調 コントラストなどを補正できる機能があります 暗く写ってしま った写真や少しボケているかな? と思うような写真を補正してみましょう サンプル写真 東京タワー や自分のパソコンの中にある補正してみたい写真を表示します 1. 自動補正 色 自動補正 平滑化 ホワイトバランス HSV 伸長 コントラスト伸長 色強調 正規化 で画像を自動的に補正できます 1 つの補正を確認したら Ctrl キー +Z キー ( または 編 集 を元に戻す ) で一旦元に戻して次の補正を試 しましょう 平滑化明度をできるだけ平坦にし コントラストを強めるホワイトバランス真っ白と真っ黒を強める 白や黒が乏しい写真を補正するときなどに使う HSV 伸長画像のコントラストを HSV 色空間で自動伸長するコントラスト伸長コントラストを RGB 色空間で自動伸長する 明るい部分はより明るく 暗い部分はより暗くなりコントラスが強まる色強調彩度を自動伸長し 色を強める正規化最も明るい部分を最大限明るく 最も暗い部分を黒にしてコントラストを強める 色褪せた画像や薄暗い画像に 手ぶれ / ピント自動補正 のような効果が表れる RGB 色空間 : 赤 緑 青の 3 原色を混ぜて幅広い色を表現する HSV 色空間 : 色相 ( 色の種類 ) 彩度( 色の鮮やかさ ) 明度( 色の明るさ ) の 3 つからなる 2. 手動補正 色 カラーバランス 色相 彩度 着色 明るさ コントラスト しきい値 レベル トーンカーブ ポスタリゼーション 脱色 などで画像を手動補正できます 13

15 カラーバランス色相 彩度着色明るさ コントラストしきい値レベルトーンカーブポスタリゼーション脱色 色のバランスを変更できる 色相 ( 色合い ) 輝度( 明るさ ) 彩度( 鮮やかさ ) を変更できる グレースケールとみなし 色相 輝度 彩度を調整し着色する 写真を セピア調に加工したいときなどに便利 明るさとコントラストを調整する 白と黒の2 階調の画像に変換する しきい値の範囲内の値を持つ部分を白に しきい値の範囲外の値を持つ部分を黒にする 自動調整あり明度 赤 緑 青 アルファの各チャンネルの強度の範囲を変更できる 写真の露出や色を調整したいときなどに使う 自動調整あり明度 赤 緑 青 アルファの各チャンネルをトーンカーブで調整できる 写真のコントラストや明るさを調整したいときなどに便利 色数を減らすことができる テクスチャを作るときなどにも使う グレーグラデーション ( モノクロの階調 ) に変換できる モードは RGB モードのままでグレースケールモードへ変換するのではない トーンカーブの使い方 色 をクリック トーンカーブ をクリック ト ーンカーブ のダイアログボックスが表示されます トーンカーブの縦軸は 上から下へ向かって暗くなり 横軸は左から右に明るくなります 横軸が元画像の階調 縦軸が補正後の階調を表します 斜めに走る直線をドラッグして明るさを調整します 全体を明るくするには中間色あたりを上にドラッグします 下にドラッグすると暗くなります 補正後の階調 暗い 中間色 明るい 元画像の階調 プレビューにチェックを入れっておくとリアルタイムで補正結 果を確認できます 確定するときは OK をクリックします 元の画像に戻すときは リセット をクリックします 補正をせずにダイアログを閉じるときは キャンセル をクリックします 14

16 コントラストを強くするには中間色あたりを一旦クリックして固定し 暗い部分を下にドラッグしてより暗く 明るい部分を上にドラッグしてより明るくします S 字のラインになります 暮らしのパソコンいろは ここで中間色の点を左にドラッグすると明るい部分が多くな り 右にドラッグすると暗い部分が多くなります いろいろな方向にドラッグし 画像の変化を確かめましょう 補正した写真を保存する場合は 12 ページの JPEG 形式で保存する の操作を行い 上書き保 存されないように元の写真と違う名前で保存しましょう ホームページのご紹介早稲田公民館で楽しんでま ~ す ( 講座日程を掲載しています ) 公民館主催のパソコン講座 暮らしのパソコンいろは をクリック Happy Time のリンクもあります Happy Time 暮らしのパソコンいろは - ( テキストを掲載しています ) Facebook 早稲田公民館暮らしのパソコンいろは もご覧ください