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

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

GIMPの画面構成

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

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

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

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

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

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

随時更新していきます。

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 ケージツールの使い方

７、8月にぴったりの素材をまとめてみました！

向日葵・ひまわり・ヒマワリ

夏といえばヒマワリ！ヒマワリの画像まとめです。

http://www.deviantart.com/browse/all/?section=&global=1&q=sunflower%26%2312288%3B&offset=0

ヒマワリにまつわるブラシがたくさんあります！

フリー素材で300を超えるブラシ素材、パターンなど豊富に取り揃えてます。

※プレミアム素材は登録制ですので、面倒な場合はフリー素材を！

http://www.brusheezy.com/free/sunflower

花火

夏といえば花火！花火画像まとめです。

花火と言ってもいろんなバリエーションがあります。お気に入りを探してみて！

http://www.deviantart.com/browse/all/?section=&global=1&q=fireworks

花火ブラシまとめです！画像加工で”花火”を作るならいっそブラシで取り入れてみて！

いろんなパターンの花火ブラシが揃ってます。

http://www.deviantart.com/browse/all/?section=&global=1&q=fireworks%26%2312288%3Bbrush&offset=131

数は少ないですが、花火ブラシがいくつかあります。ページ中程

※スポンサー素材は登録制です。

http://qbrushes.net/?s=fireworks&form-search-submit=%E3%82%B5%E3%83%BC%E3%83%81

たくさんの花火ブラシが揃ってます。

中には全然関係のないものもあります(^^;

※プレミアム素材は登録制です。

http://www.brusheezy.com/free/fireworks

2つしかありませんが、花火ブラシです。

※プレミアム素材は登録制です。

http://myphotoshopbrushes.com/search/?q=fireworks

海

夏といえば海！海にまつわる素材まとめです。

※プレミアムは登録制です。

海、波、海の生き物幅広く取り揃えてます。

http://www.brusheezy.com/free/sea

七夕

夏といえば七夕、七夕画像まとめです。

※登録制です。Facebook、google、twitterアカウントがあればログイン簡単です。

メールアドレスでもすぐ登録できます。

素材豊富！

http://www.photo-ac.com/main/search?q=%E4%B8%83%E5%A4%95&srt=dlrank

夏祭り

夏といえば祭り！夏祭り画像まとめです。

※登録制です。Facebook、google、twitterアカウントがあればログイン簡単です。

メールアドレスでもすぐ登録できます。

素材豊富！

http://www.photo-ac.com/main/search?q=%E5%A4%8F%E7%A5%AD%E3%82%8A&srt=dlrank

かき氷

夏といえばかき氷！かき氷画像です。

http://ice-pandora.deviantart.com/art/Shaved-ice-168250095

※登録制です。Facebook、google、twitterアカウントがあればログイン簡単です。

メールアドレスでもすぐ登録できます。

素材豊富！

http://www.photo-ac.com/main/search?q=%E3%81%8B%E3%81%8D%E6%B0%B7&srt=dlrank

プール

夏といえばプール！プール画像まとめです。

※登録制です。Facebook、google、twitterアカウントがあればログイン簡単です。

メールアドレスでもすぐ登録できます。

素材豊富！

http://www.photo-ac.com/main/search?q=%E3%83%97%E3%83%BC%E3%83%AB&creator=&nq=&srt=dlrank&orientation=all&sizesec=all&crtsec=all

夏

そして最後に、夏っぽい素材のまとめです。

動植物、雰囲気ある素材です。

http://qbrushes.net/?s=Summer&form-search-submit=Search

こちらも幅広いバリエーションを取り揃えております。

※プレミアムは登録制です。

http://www.brusheezy.com/free/summer

ブラシを追加する方法

いかがでしたか？７月は、いろんな素材を扱える季節ですね！

ブラシを追加する方法は、

ローカルディスク:C⇒ProgramFiles⇒GIMP2⇒share⇒gimp⇒2.0⇒brushes

パターンやスクリプトなどの追加方法はこちら⇒GIMPの素材を追加する方法

当ブログオリジナルブラシ、【アクアブラシ】です。

ご自由にお使いください。

GIMP用アクアブラシ

GIMP専用のブラシを作ってみました。

GIMPではアクアボタンが簡単に作れますが、ブラシにして導入しておくともっとお手軽に使うことができます。アクアブラシはいろんな箇所に応用できると思いますので良ければお使いください♪

バナーやちょっとしたアクセントにご利用ください。

※サイズは100×100です。

お約束

• 基本的にフリーですが、再配布はご遠慮ください。
• 著作権はGIMPの使い方(当ブログ管理人)にあります。
• Zip形式で圧縮しています。

ダウンロード

こちらよりダウンロードして下さい。

活用方法はGIMPの素材を追加する方法を参照下さい。

紫陽花（あじさい）ブラシ

これは綺麗！簡単に描けるあじさいブラシです。いろんな色のあじさいを作ることができます。

http://pluvias.deviantart.com/art/PS-Hydrangea-brush-270681656

雨ブラシ

この季節にぴったりの雨を描くブラシです。

http://saharaknoblauch.deviantart.com/art/Rainy-80142493

ドットブラシ

いろんなパターンに使えそうです。背景にもどうぞ！

http://rainydoll-stock.deviantart.com/art/Poke-a-Dot-Brushes-69900704

雲ブラシまとめ

雨とセットでどうぞ！この季節だけでなくいろんなタイミングで使えます！

雲ブラシまとめページです。

http://qbrushes.net/?s=cloud&form-search-submit=%E3%82%B5%E3%83%BC%E3%83%81

雨、傘、雷、etc…

雨、傘、雷、梅雨の素材ひとそろい揃ってます！

下記リンクは「傘(umbrella)」での検索結果ですが、それぞれで絞ればもっとヒットします！

http://www.brusheezy.com/free/umbrella

かえる素材まとめ

ワンポイントでかえるを添えて♪

かえる素材まとめページです。可愛いものから、リアルなものまで幅広く紹介されています。

http://www.naru-web.com/frog-illust.html

合成する方法やテクニックもいくつかるのでまとめておきます。

基本的な流れ

基本的には合成とは二つ(二つ以上)の画像を合成させていきます。

合成するには、必要な部分以外を透明化させ表示するのと、切り抜いて貼り付ける方法とがあります。

必要な部分を残し他の箇所は透明化処理をする	必要な部分だけ切り抜いて 貼り付ける

どちらが良いというかケースバイケースです。

透明化処理をする場合

必要な部分を残し、他の箇所を透明化処理する場合は、そのための加工が必要になります。
※あらかじめ透明化処理がされている素材などを使う場合はそのままでＯＫです。

こちらを参考にされてください。

GIMPで画像を合成する

• クイックマスク編
• パスツール編
• ファジー選択編

切り抜き＆貼り付けをする場合

切りつけから、コピーもしくは貼り付けを行う場合は、フローティングレイヤーが生成されますので、追加、もしくは固定を行い合成します。⇒選択範囲をフロート化の効果と使い方

切り抜きに関してはさまざまな方法があり、画像や写真、一部分だけなど、合成する対象により向き不向きがありますので、いろいろなやり方を知っておくと効率が良いです。

こちらの記事で切り抜きについてまとめていますので参考にされてください。⇒GIMPで切り抜き

まとめ

合成後はなじませることを忘れないように！

なじませるについては別で取り上げていこうと思いますが、写真と画像、画像と画像、画像と画像の一部分など、合成の組み合わせは無数にあります。

ただただ合成するのではなく、その後ちょっとした加工、編集を加えることで、二つ(二つ以上)の画像が一つにまとまり、違和感がなく、2倍も3倍も良い仕上がりになります。

Photoshopのブラシも追加することができるので、本当に沢山の種類のブラシを使うことができます。今回は自分の手でブラシを作成、保存する手順を説明します。

オリジナルブラシ作成

よく使う画像や使い回しの効く画像はブラシとしてとっておくと便利です。

今回は写真や画像からブラシ化する方法を説明します。

今回はこちらの画像をブラシ化してみようと思います。

この画像はGIMPのマスコットキャラクターのウィルバーくんで、このブログでもいたるところで使われています。よく使うものはブラシ化しておくと便利です！

オリジナルブラシ作成～チュートリアル～

1. 写真、画像を用意する
2. ブラシにする対象を設定する(画像or選択範囲)
3. GIMPブラシ形式(gbr)で保存する
4. 再起動して確認する

写真、画像を用意する

ブラシ化する対象は画像でも写真でもその一部でもなんでも結構です。

まずは元になる画像、写真を用意します。

ブラシにする対象を設定する

画像や写真をGIMPに移すと、一枚のレイヤーに全て収まっている形になります。

そのなかでブラシにする対象を決めます。

画像全体か一部分か、背景は含むか、透明化処理をかけるかを設定します。

余分な部分は消しゴムツールや、選択範囲のみを切り取るなどして、ブラシ化するもののみ残します。この時、背景があったら背景も消し、アルファチャンネルを追加するとブラシ化した時に使いやすくなります。

⇒　

画像を切り取ったり、選択範囲を指定するには選択ツールを使用したり、クイックマスクを使用したりしましょう。

短形選択 四角い選択範囲を作る	⇒矩形選択の使い方
楕円選択 円形の選択範囲を作る	⇒楕円選択の使い方
自由選択 ドラッグして自由な形の選択範囲を作る	⇒自由選択の使い方
ファジー選択 クリックした場所と隣接している、似ている色や明るさの領域を選択する	⇒ファジー選択の使い方
色域を選択 離れた場所の似ている色や明るさの領域も同時に選択する	⇒色域を選択の使い方
電脳はさみ 色や明るさの境界を輪郭に沿ってクリックすると、自動的に輪郭に適合した選択範囲を作る	⇒電脳はさみの使い方
前掲抽出選択 選択したい形を大まかにドラッグして囲み、その後に選択したい部分とそれ以外の部分を指定すると、自動的に選択範囲を作る	⇒前景抽出選択の使い方

⇒クイックマスクで選択範囲を作る方法

GIMPブラシ形式で保存する

ブラシ化したい対象のみに絞れたら保存をします。

保存の形式は「.gbr」これがGIMPのブラシで使用するための保存形式になります。

○○○.gbrで保存してください(○○のところはお好きにドウゾ)

次に、保存したブラシ画像をGIMPにコピーします。

保存した画像を下記にコピーします。

ローカルディスク:C⇒ProgramFiles⇒GIMP2⇒share⇒gimp⇒2.0⇒brushes

※環境により多少ことなるかもしれません。

GIMPを再起動する

GIMPを再起動して、ブラシダイアログを見てみましょう。

ちゃんと導入されていれば、ブラシに追加されて使用することができます。他のブラシ同様に使うことができますので、よく使う画像はブラシとして保存しておくと便利ですね^^

GIMPではボタン一つとまではいいませんが、GIMPに内蔵されている機能を使うことで1分で綺麗なボタン画像を作ることができます。

ボタンの種類一覧

GIMPでは自分でボタンを作成することも可能ですが、慣れない内やクオリティの高い画像を作るとなると、なかなか難しいものです。しかし、GIMPに初めから導入されている機能を使うことで本当に簡単に、そして綺麗な画像を作ることができます。

このページではそのなかの一つ、ボタンを作ってみることにします。

ボタンと言ってもピンとこないかもしれませんので、以下にサンプルを載せます。

	・アクアボタン script-Fuを追加することで使えるようになります。 関連サイトはコチラ ⇒アクアボタンの作り方
	・シンプルなベベルボタン デフォルトで用意されているベベルボタン ⇒簡単なベベルボタンの作り方
	・球形ボタン こちらもデフォルトで用意されています。 複数の球形ボタンが生成されます。 ⇒球形ボタンの作り方

これらのボタンはどれも簡単な操作であっという間に作ることが可能です。

ボタンはテキストよりも目立つので、クリック率にも影響を及ぼすと言われています。

過度なボタンの配置や、意味なく目立たせても効果は見込めませんが、ブログやホームページとのバランス、適所に設置することで効果は何倍にもなります。

また、簡単にアニメーション効果を付けることで更にクリック率にも影響するでしょう。

また、HTMLと組み合わせてロールオーバーとして使う素材としても簡単に作れて便利です！
(上記球形ボタンの作り方ページにサンプルを載せております)

これらのボタンは、イメージウインドウ⇒ファイル⇒画像の生成⇒ボタンから選べます。

Photoshopの対抗馬として名高いGIMPですが、機能性も満足いくものとして多くのユーザーから支持されています。

Photoshopとの大きな違いはやはり価格によるところだと思います。

GIMPをオススメする人はこんな人

• 画像加工はしたいけど…Photoshopは買えない
• 画像加工・写真加工ってどんなものなんだろう？
• 学校や会社のイベントなどのデザインを手がけたいけどお手軽に済ませたい
• ゆくゆくはPhotoshopを使いたいけど、思っていたものと違っていたらと思うといきなりPhotoshopに挑戦できない。などなど…

こういった方にはもってこいのソフトだと思います。

※三番目の「お手軽に」の部分はちょっと軽かったですね。多機能なあまり、右から左にお手軽には使えないかもしれません。画像加工において全くの初心者さんは、手こずるかもしれません。

個人的には〝無料〟で〝機能性〟も良いので、ダウンロードして使ってみるのが一番だと思います。

好奇心や向上心があれば、「難しい、解らない」というよりも「使いたい、○○な加工をしてみたい」という思いが勝ると思いますのでそれが一番の近道だと思います。

ただし初心者さんの場合は以下のような感覚をより具体的に考えるのが先です。

• 画像加工がしたいのか？
• 写真加工がしたいのか？
• イラストが描きたいのか？
• 素材を作りたいのか？
• パンフレットやジャケットの表紙を作りたいのか？などなど…

何故かというと向き、不向きがあるからです。

PhotoshopやGIMPはペイント系ソフトに分類され、ビットマップで画像を表します。

ビットマップというのは、点の集合体という意味で、画像を初めから作成するという意味では適しておりません。※できないわけではありません。

加工という目的においてはＯＫですし、細かいところは気にしないという方でもＯＫでしょう。

用はこだわるなら一番は有料のPhotoshopやillusrator。

無料でもそこそこのものを使いたいというのであれば、GIMPやInkscapeを使うと良いということです。

ペイント系ソフトとドロー系ソフトに関してはコチラで別記事にしています。参考にご覧あれ。

⇒GIMPはペイント系ソフト

GIMP最大のメリット

GIMPの最大のメリットは〝無料〟だということ。

とりあえずダウンロードさえしておけば、使いたい時に手に届くわけですから、便利です。

しかし、画像加工したい(画像加工する必要性)時に、いざ購入となるとPhotoshopは高価ですし、その後使わなくなってしまうかもしれないことを考えると、コスト面で尻込みします。

GIMPもパソコンの肥やしにしてしまっては意味ありませんが、なにより無料だというところが敷居をグっと引き下げます。

軽い気持ちでとりあえずダウンロード(・∀・)♪⇒使うのはその時でＯＫ！

この状態を作っておけば、思い立ってすぐ行動に移れます。

因みにバージョンアップされた2.8ではよりPhotoshopに近くなりました。もちろん無料です。

実際私の回りではこの考えの方が多く、GIMPにのめり込んでいきました(笑)

お気軽という点が素敵です。

当ブログオリジナルブラシ

WEB2.0風ボタン

ご自由にお使いください♪

GIMP用WEB2.0風ボタンブラシ

GIMP専用のブラシを作ってみました。

9色のWEB2.0(光って反射している)風のボタンブラシです。

バナーやちょっとしたアクセントにご利用ください。

※サイズは100×80です。

お約束

• 基本的にフリーですが、再配布はご遠慮ください。
• 著作権はGIMPの使い方(当ブログ管理人)にあります。
• Zip形式で圧縮しています。

ダウンロード

こちらよりダウンロードして下さい。

活用方法はGIMPの素材を追加する方法を参照下さい。