当サイトの歩き方をご説明します。

当サイトはGIMPの基礎知識、GIMPの使い方、実際にGIMPを使っての画像加工方法などを紹介しております。

GIMPの画面構成

GIMPを開くと以下のような画面が表示されます。

初めは項目が多すぎてサッパリ(´･_･`)!!

※下記画像はGIMP2.8のものですが、GIMP2.6でもほぼ同じ配置になっています。

イメージウインドウの見方・編集・解説に関してはこちらから

⇒イメージウインドウの見方

矩形選択		Ｒ
楕円選択		Ｅ
自由選択		Ｆ
ファジー選択		Ｕ
色域選択		Shift + O
電脳はさみ		I
前景抽出選択		なし
パス		Ｂ
ズーム		Ｚ
スポイト		Shift + M
移動		M
整列		Ｑ
切り抜き		Shift + Ｃ
回転		Shift + Ｒ
拡大・縮小		Shift + Ｔ
剪断変形		Shift + Ｓ
遠近法		Shift + Ｐ
鏡像反転		Shift + Ｆ
テキスト		Ｔ
塗りつぶし		Shift + Ｂ
ブレンド		Ｌ
鉛筆で描画		Ｎ
ブラシで描画		Ｐ
消しゴム		Shift + Ｅ
エアブラシ		Ａ
インクで描画		Ｋ
スタンプで描画		Ｃ
修復ブラシ		Ｈ
遠近スタンプで描画		なし
ぼかし/シャープ		Shift + Ｕ
にじみ		Ｓ
暗室		Shift + Ｄ
描画色/背景色をリセット		Ｄ
描画色/背景色を入れ替え		Ｘ

※GIMP2.8にはケージ変形ツールが加えられます。

ケージ変形ツール

Shift + G

新しい画像		ctrl + N
画像の生成⇒クリップボードから		Shift + Ctrl + V
開く/インポート		Ctrl + O
レイヤーとして開く		Ctrl + Alt + O
保存		Ctrl +S
名前を付けて保存		Shift + Ctrl + S
元ファイルにエクスポート		Ctrl + E
エクスポート		Shift + Ctrl + E
印刷		Ctrl + P
閉じる		Ctrl + W
すべて閉じる		Shift + Ctrl +W
終了		Ctrl + Q

元に戻す		Ctrl + Z
やり直す		Ctrl + Y
切り取り		Ctrl + X
コピー		Ctrl + C
可視部分のコピー		Shift + Ctrl + C
張り付け		Ctrl + V
消去		Delete
描画色で塗りつぶす		Ctrl + ,
背景色で塗りつぶす		Ctrl + .
パターンで塗りつぶす		Ctrl + ;

すべて選択		Ctrl + A
選択を解除		Shift + Ctrl + Y
選択範囲の反転		Ctrl + I
選択範囲のフロート化		Shift + Ctrl + L
色域を選択		Shift + O
パスを選択範囲に		Shift + V
クイックマスクモード		Shift + Q

表示倍率を元に戻す		`
縮小表示		–
拡大表示		+
ウインドウ内に全体を表示		Shift + Ctrl + J
16：1		5
8：1		4
4：1		3
2：1		2
1：1		1
1：2		Shift + 2
1：4		Shift + 3
1：8		Shift + 4
1：16		Shift + 5
ウインドウサイズを合わせる		Ctrl + J
フルスクリーン		F11
選択範囲境界線の表示		Ctrl + T
ガイドの表示		Shift + Ctrl + T
ルーラーの表示		Shift + Ctrl + R

複製		Ctrl + D
可視レイヤーの結合		Ctrl + M
画像の情報		Alt + Return

新しいレイヤーを追加		Shift + Ctrl + N
レイヤーの複製		Shift + Ctrl + D
レイヤーの固定		Ctrl + H
全面レイヤーの選択		Page_Up
背面レイヤーの選択		Page_Down
最前面レイヤーの選択		Home
最背面レイヤーの選択		End

フィルタの再利用		Ctrl + F
フィルタの再表示		Shift + Ctrl + F

ヘルプ		F1
状況適応ヘルプ		Shift + F1

難易度★★★✩✩：所要時間15分

今回はパスを使ってロゴの傾きを操作します。

パスを使いこなすことでいろんな絵が思うように描けます。

パス機能を使いこなすとどんなラインでも描くことが可能です。

今回はその基礎的な操作！初めはこんな感じでパスの使い方をマスターしていきましょう。

パスをマスターするとどんな画像でも描ける!?

GIMPではパスツールがあり、パスを作成、編集、移動などの操作が行えます。
⇒パスツールの使い方

基本的にはフォトレタッチ【画像データ、特に写真を取り込んだデータを加工・修正する作業】が主な役割で、初めから作成するのは得意ではありません。

そのことを踏まえたうえで、使っていきましょう。

こだわりたい人、さらに興味がある人は、有料のAdobeのIllustrator、フリーであればInkscapeを学ぶと良いでしょう。

GIMPでもパスを使いこなすことは可能ですが、より効率、効果的に学びたいのであれば、はじめからドロー系を学んだ方がいいです。⇒GIMPはペイント系ソフト【ドロー系、ペイント系の違いなどを書いています】

パスを使ったロゴ操作～チュートリアル～

今回行うことはパスのラインに沿ってロゴを操作します。

1. 
2. 1.元の画像を用意
3. 2.ラインを決める【緑のライン】
4. 3.ラインに平行にパスを作成する【青のライン】
5. 4.テキストを入力⇒パスに沿って変形させる

元の画像を用意

まずは元になる画像を用意します。写真でもOK！

GIMPを開いて画像を出しましょう。⇒画像を開く

ベースになるラインを決める

ベースになるラインを決めましょう。

まずは用意する画像や写真で、どの部分をベースに、どのようにして魅せたいかを考えます。

デザインや魅せ方では非常に大事な点ですので、よく考えましょう。

今回は白の背景にGIMPマスコットキャラのウィルバー君。その輪郭をベースのラインにしました。

尚、このベースのラインは解りやすく塗っていますが、自分でわかればOKです。

完璧に平行にしたい場合は、目安として描くのもアリです。

ラインの描き方は次のパスのライン取りと同じ方法で行えます。⇒パスツールの使い方

パスの支点【アンカー】を結ぶ	ラインを取りたい方向に 引っ張る	ハンドルを操作します

ライン取りしたあとに、ツールオプションにある「パスの境界線を描画」でOK

ベースラインに平行になるようにパスを作成する

ベースライン【ウィルバー君の輪郭】に平行になるようにパスを作成します。

ベースラインとパスを平行にすることで画像とテキストのバランスがよくなります。

上記と同じように右下の方にパスを作成していきます。

※緑のラインがベースにしているラインで、青のラインがパスラインです。

パスラインは塗りつぶさないでください。このラインに則ってテキストを変形させていきます。

ちょっと横道にそれます。右側にあるダイアログウインドウの中にパスダイアログがあるか見てみましょう。ない場合は追加して下さい。⇒ダイアログ画面を追加する

パスダイアログを見てみると、先ほど描いたパスの軌道が追加されていると思います。
(青のライン)

後ほど使用しますので、確認しておきましょう。

テキスト(ロゴ)を入力

テキストツールでテキスト(ロゴ)を入力します。

ここに入力した文字が、先ほど作ったパスのラインに沿って並ぶようになります。

サイズやフォントのバランスを見つつテキストを入力してください。

今回は「pick up!!」というロゴを作りました。

後は、パスに沿って変形させるだけで良いのですが、注意が必要です。

それは、gimp2.8になり項目が消えている点です。

gimp2.8以前のテキストツールのツールオプションににあった「パスに沿ってテキストを配置」と「テキストからパスを生成」の項目が、gimp2.8ではなくなっています。

同様の加工、編集をする場合は、

テキストレイヤーに合わせ、イメージウインドウメニューのレイヤー

• ⇒テキストをパスに
• ⇒パスに沿ってテキストを変形

こちらを行うことで同様の効果が得られます。ツールオプション上にあり便利だったのになんで消えたんでしょ(・∀・)？

• gimp2.8を使用している方は、レイヤーメニュー⇒パスに沿ってテキストを変形
• gimp2.8以前のgimpを使用している方は、テキストツールのツールオプション⇒パスに沿ってテキストを配置を選択してください。

次にパスダイアログから、生成されたパスを右クリックし、パスを選択範囲にし、塗りつぶしをかけます。

※表示されているパスは邪魔であれば不可視にすると良いでしょう。

これで完成です！ウィルバー君の輪郭に沿ってロゴが流れているのがわかるかと思います。

フォントを変えて、効果付けるだけでも随分と見た目にインパクトを与えることが可能です。ちょっと付け加えるだけでバッジやガラスモザイクなどの加工もでき面白いですね。

「質問」や「○○やりたい」など、要望が多いものを取り上げています。

随時更新していきます。

GIMP ＦＡＱ一覧

GIMP基本動作

• GIMPって何？GIMPのことを知りたい
• GIMPは無料ですか？
• GIMPのインストール方法が知りたい
• GIMPの日本語インストールをしたい
• ツールの使い方が解らない
• ツールオプションの使い方が解らない
• 保存に適したファイル形式を選ぶ(jpg,gif,png,xcfなど)

GIMP加工法

• 透明化処理について(画像を写真を透かしたい)
• 画像を切り抜きたい
• 画像を合成したい
• ダイアログ画面が表示されない/表示したい/追加したい
• 画像の拡大がしたい
• 選択範囲の取り方まとめ
• アニメーションを作る方法

ボタン作成

GIMPで自作ボタンを作る方法

• ベベルボタンの作り方
• 球形ボタンの作り方
• アクアボタンの作り方

写真加工

• 傾いている写真を直す方法
• ゆがんだ写真を修正する方法
• 赤みの強い写真を元の色に近づける方法
• 暗い写真を明るくする方法～トーンカーブ編～
• 暗い写真を明るくする方法～スクリーン編～
• 写真の一部を強調する方法
• 写真の一部の色を変更する方法
• 写真のぼかしフレームの作り方
• 飛び出す写真の作り方
• 顔を綺麗にする加工方法
• 写真をドット絵にする方法

GIMPの素材

• GIMPの素材を追加する方法
• GIMPにプラグインを導入する方法
• GIMPにプラグインを追加する(厳選プラグイン配布先5サイト)
• GIMPのフリーブラシを追加する(厳選ブラシ配布先10サイト)
• GIMPのフリーパターンを追加する(厳選パターン配布先10サイト)
• GIMPにパターンをダウンロードする

当サイト～オリジナルブラシ～

• WEB2.0風ボタン9種類
• カラーバッジ10色
• アクアブラシ８種

ロゴ作成

GIMPで単簡ロゴ作成⇒導入されているスクリプトを使ってのロゴ作成

• ３Ｄロゴを簡単に作る方法
• 文字に枠をつける方法
• 影付きロゴの作り方
• 金色光沢のあるゴージャスなロゴの作り方
• 反射しているロゴの作り方
• ロゴを球体になじませる方法
• 写真を使ったロゴを作る方法
• テロップ加工を作ろう①、②、③

GIMP2.8関連

※GIMP2.8に関しての内容は他にも書いてますが、より具体的な内容を上げております。

• GIMP2.6とGIMP2.8はどっちが良い？
• GIMP2.8 シングルウインドウモードの説明
• GIMP2.8 マルチカラムドックウインドウの使い方
• GIMP2.8 ファイルの保存とエクスポート
• GIMP2.8 レイヤーグループの使い方
• GIMP2.8 テキストツールの使い方
• GIMP2.8 ケージツールの使い方

縁取り、色変更、ぼかし

難易度：★★✩✩✩ 時間：15分

組み合わせて出来るロゴ加工法を学びましょう。

加工の組み合わせで効果的に

いろんなテレビ番組で出るテロップには、さまざまな加工の組み合わせでできていることが多く、より効果的に魅せることができます。

これはそのまま、ロゴ作成や、デザインに活かすことができるので、テレビを見るときにも注目してみることをオススメします。

では早速作ってみましょう。

テロップを作る

今回はこの部分を作成しますが、デザインとロゴの組み合わせによりオリジナリティが強く目を惹きます。周りの部分のデザインを作ることも可能ですが、今回は中身だけを作ります。

先ずはテキストツールで文字を入力。GIMP2.8なら文字ごとにサイズを変更できますが、2.8以前のGIMPを使用されている方は、ファジー選択などで文字ごとにサイズへんこうしましょう。

今回は前回行なった方法とほぼ同じになるので⇒GIMPでテロップ加工を作ろう①

今回は同様の加工で違ったフォントで作ってみます。

見え方に注目してみましょう。

作り方

1. テキストツールで文字を入力
2. サイズとカラーを変更する
3. 縁取りをするために、テキストレイヤーを選択範囲にし、拡大1px
4. 新しいレイヤーを塗りつぶす。(レイヤー⇒透明部分を引くでもＯＫ)

フォント	作ったテキスト
吐きだめフォント(フリー)
明朝(初期導入)
ふい字フォント(フリー)

随分見た目に変化があるのがわかります。

なお、全く同じように作りたいのでしたら、似通ったフォントを探すのが一番ですが、フォントは無料のものや有料のものがあり、一風変わったフォントは有料の場合が多いです。

また、GIMPに導入、もしくはパソコン本体に導入することにより、初めてGIMPで使えるようになるので、初めは練習がてら、導入済みのフォントで挑戦してみてください^^

「フリー フォント」と入力すれば、フリーのフォントがダウンロード出来るサイトが見つかりますが、規約を守り使用するようにしましょう。また導入しすぎると、起動に時間がかかるので、吟味した上での導入をオススメします。

とりあえず今回は、ふい字フォントのテロップを作りたいと思います。

元の画像	ふい字フォントバージョン

GIMPで自作ボタンを作る方法で、ロゴと組み合わせると、似たような感じになります。

画像の背景を彩る雰囲気のあるボケ(bokeh)画像です

難易度★✩✩✩✩：所要時間10分

淡い雰囲気を出すにもピッタリ！

ボケと聞くと「ん(・∀・)？」と思っちゃいますが、↑のような画像のことをボケ画像とかボケテクスチャと呼びます。

ボケはbokehと書き、意味はぼやかしているかすんでいるという表現のようです。

写真のピンボケとかコレにあたります。

ピントをずらしてぼかしている⇒ピンボケってことですね。

この表現を使うと画像をハッキリと目立たせることもできますし、淡い雰囲気を出すこともできます。

それでは簡単にできるボケ画像を作りましょう！

ボケ画像の作り方～チュートリアル～

1. 新しい画像を作成
2. 新しいレイヤーを追加⇒ブラシをかける⇒ぼかし
3. ２を繰り返す(レイヤーごとにぼかし量を変える)
4. グラデーションをかける

新しい画像を作成

まずは新規で画像を作成します。

⇒新しく画像を作成する

基本的には背景色は何色でも良いのですが、薄い色よりも濃い色の方がハッキリと効果が分かるため、濃い目の色で塗りつぶしましょう。

• 塗りつぶしツールで色を変更する
• 編集⇒背景色で塗りつぶす(初期状態では黒が設定されています)

新しいレイヤーを追加、描画、ぼかしをかける

次に新しいレイヤーを追加し、鉛筆で描画をかけていきます。

新しいレイヤーを追加⇒鉛筆で描画

どんなブラシでもできますが、シンプルな方がよりそれっぽいです。

「circle」はじめから導入されているため、「circle」を使うのが良いでしょう。

サイズはバランスよく合わせ、gimp2.6では【揺らぎ】gimp2.8では【散布】を使うと、ランダムに表示されるのでオススメです。

適当に描いたあとに、ぼかしをかけていきます。この工程を何度か行います。

フィルタ⇒ぼかし⇒ガウシアンぼかし

一枚目 ぼかし量：30	二枚目 ぼかし量：10	三枚目 ぼかし量：4

一枚目、二枚目、三枚目とレイヤーを追加⇒描画⇒ぼかしをかけていきますが、枚数を重ねる程、ぼかし量を弱くしていくのがポイントです。ここでは三枚のレイヤーを使っていますが、枚数はとくに決まっていません。いろいろ試してみましょう♪

ぼかし量を変えているのは、いわゆるピントはずしを意図的におこなっているためです。

数枚のレイヤーでぼかし量を変えているため、ピントがずれているように見えます。

グラデーションをかける

最後に仕上げのためにグラデーションをかけていきます。

新しいレイヤーを追加⇒グラデーションをかける⇒モード・オーバーレイ

⇒モードの選択・効果を使い分ける

一番上に新しいレイヤーを追加し、グラデーションをかけます。

グラデーションの種類や、パターンはなんでもOKです。

また、形状を変えても見え方が変わるので試してみましょう。

モードをオーバーレイにすることで、下のレイヤーを透過させることができます。

円のブラシを使った場合	星のブラシを使った場合

いろんなボケ画像を作り、テクスチャとして残しておくと便利です！

自作でブラシを作り、変化させても面白いですね！⇒ブラシエディターでオリジナルブラシ作成

ダイアログ画面を使いこなして作業効率ＵＰ!!

GIMPのダイアログ画面を設定しよう

GIMPにはダイアログ画面という各機能ごとに変化する画面があります。

大きく分けて二つの種類があります。

• 各機能の調整や設定をおこなうダイアログ画面(常に画面上にある)
• 機能を使った時に現れるダイアログ画面(機能を使用する時のみ)

どちらも、各機能を操作しやすいようになっています。

ダイアログを追加する

常に画面上にあるダイアログ画面(ドッキング可能なダイアログ)は、自分好みに追加、削除することができます。

よく使う機能や、すぐ使いたい機能は、常に画面上に表しておき、すぐ使用できる状態にすることで作業効率が上がります。

ドッキング可能なダイアログは、画像の□で囲まれている部分に追加することができます。

クリック一つで入れ替えることができ、使いやすい箇所に配置すると良いでしょう。

初期状態では、決まったダイアログしか入っていないので、自分で追加する必要があります。

詳しくはこちらをご覧ください。⇒ダイアログ画面を追加する方法

ドッキング可能なダイアログ

上記で記した箇所に、下記ダイアログの追加が可能です。

レイヤー	チャンネル	操作履歴
パス	ツールアイコン	デバイスの状態
画像テンプレート	選択エディタ	カラーマップ
ヒストグラム	ナビゲーションを表示	サンプルポイント
ピクセル情報	描画色/背景色	パレット
バッファ	エラーコンソール	ブラシ
ブラシエディタ	最近開いた画像ドキュメント	パターン
グラデーション	画像	フォント

ダイアログ画面を自分好みにアレンジしよう

GIMP2.8からダイアログ画面を、マルチに自分好みにアレンジすることができるようになりました。

よく使う機能、自分好みの位置、サイズ、ドッキングをしてよりよい画像加工環境を作りましょう。

⇒GIMP2.8　マルチカラムドックウインドウの使い方

反射しているロゴを作る方法です！とっても簡単♪

所要時間3分 難易度★☆☆☆☆

GIMPで簡単ロゴ作成～反射ロゴ～

今回は反射しているロゴを作る方法を紹介します。

スクリプトでロゴを作っても良いのですが、私は自作するのが好きです。

ロゴもそうですが、自分で加工していくほうがいろんな機能を使いこなせるようになると思います。今回の「反射するロゴの作り方」はとっても簡単ですので、今日初めてGIMPを触った人でも作れるオススメの加工になります。

反射ロゴの作り方

まずは元になるロゴを入力します(画像はGIMP2.8のものです)

フォントもサイズも色もお好みで結構です。
加工しやすいようにある程度の大きさがあると良いです。

ロゴを書くにはテキストツールを使用します。⇒テキストツールの使い方

次に、レイヤーの複製をします。

複製はレイヤーメニューからか、レイヤーダイアログからおこなってください。

例：レイヤーダイアログにて、指定したレイヤー(複製レイヤー)の上で右クリック⇒レイヤーの複製

複製されたレイヤーを鏡像反転ツール⇒垂直に反転、移動ツールで下に移動します。

重なり合うところをギリギリにすると反射しているように見えます。

※移動ツールを使うときにはキーボード十字キーを使うとズレることなく移動ができます。

次に、複製されたレイヤーを指定し、右クリックで「不透明部分を選択範囲に」を選択します。

複製レイヤー(反射したロゴ)が選択範囲になります。

↓

ブレンドツールで、描画色を白にして、「描画色から透明」を選択します。
(参照：ブレンドツールの使い方 ブレンドツールのツールオプション)

グラデーションをかける範囲と方向、角度に気をつけながら、お好みの効果が出るまでかけていきます。

今回の場合は、下から上へ、矢印の長さへ何度かかけました。

完成です!! お疲れ様でした^^

補足

反射ロゴだけでなく、いろんな加工法に答えはありません。

やり方や順序は異なりますが、同様の効果を得る方法は数多くあります。

自分のやりやすいようにやるのが一番ですが、いろんな方法を知っておくことで応用力はつきます。

例えば、今回の反射ロゴの場合、複製レイヤーを白に塗り、上から下へグラデーションをかけることもできます。(描画色を黒にして描画色から透明を選択)

↓

結果としてはほぼ同じような仕上がりになります。

いろんな方法があるということを覚えておきましょう。

動画で解説

動画でも解説しております。実際の流れをご覧下さい。

イメージウインドウでは細かに設定できるところがあり、この機能知っていればあの加工が楽だったのに！と思うことも少なくありません。またどんな加工をするにも必ず使用する画面になりますので、是非早いうちに知っておきましょう。

イメージウインドウを知ろう

画像ウインドウの詳細

画像ウインドウには、左上、右上、左下、右下と小さなアイコンがあります。

これらも加工をする上で知っておくと便利です。

画像メニューにアクセス

左上のアイコンをクリックすると、画像メニューを開くことができます。

上部にあるメニューバーと同じ役割です。

ツリー状に閉じられている状態になるので、必要な項目を進んでいけば細かく操作することができます。

ウインドウサイズ変更時に画像をズーム

ウインドウサイズを変更した際に、ウインドウ幅いっぱいに画像を広げてくれます。

下部緑枠□を見ると、120％となっています。

ウインドウ幅を広げた際の画像の大きさの度合いを表示します。

クイックマスク　/　通常モードの切り替え

クリック一つでクイックマスクモードと、通常モードの切り替えをすることができます。

緑□のように、タブの画像、サムネイル画像もクイックマスクがかかっているように見え方も変化します。

>>クイックマスクで選択範囲を作成

ナビゲーションビューを表示

マウスを押している間、小さいウインドウが表示され画像ウインドウの位置を表示します。

大きい画像を加工する際、拡大し加工する際に重宝します。

必要なダイアログ画面やツールボックスを選んで表示することができます。

間違えてダイアログ画面を消してしまった場合も、ウインドウメニューから再登録できます。

ウインドウメニュー一覧

GIMPを起動し、イメージウインドウ上部のウインドウメニューをクリックして開きます。

新しダイアログ画面を追加する場合もこのメニューを使用します。

⇒ダイアログ画面を追加する方法ツールボックス

ツールボックスを最前面に表示します。

⇒ツールボックスの機能一覧

ショートカットキー：【Ctrl＋B】

レイヤー、チャンネル…レイヤー、チャンネル、パス、パターン、ブラシ、グラデーションなどのウインドウを表示します。
 

※追記※

GIMP2.8より、ウインドウメニューの内容が変更されています。

既に2.8以降のバージョンをお使いの場合は上のメニューではないものもあります。下記をご覧下さい。

GIMP2.8以降では、

レイヤー、チャンネル…の項目が無くなり、その代わりにドックを隠すとシングルウインドウモードが追加されました。

ドックを隠す

各ダイアログ画面を隠し、描画ウインドウのみ表示します。

↓

シングルウインドウモード

シングルウインドウモードの切り替えができます。

シングルウインドウモードに関しては下記に詳しく記しております。

⇒GIMP2.8のシングルウインドウモード

↓