GIMPで枠素材を使う
配布元 : KURAGEYA
2008.11.15 説明書作成
ダウンロードしていただきありがとうございます。
この Readme は、GIMPで枠素材を使用するための簡易説明書ですので、読まなくても大丈夫です。
なお、この説明書で使用しているGIMPは version 2.6.1 です。
GIMPについて
GIMPとは
GIMP（GNU Image Manipulation Program）は、GNU GPLの下で配布されている画像編集・加工ソフトです。
マスコットキャラクターの名前は「ウィルバー」。
フリーソフトですが、一般的なフォトレタッチソフトが持っている機能はほぼ全てを備えています。
GIMPのダウンロード
お持ちでない場合、GIMPのダウンロードは GIMP2を使おう から。
サイトの注意書きは、必ず読みましょう。
通常版、ポータブル版のどちらでも大丈夫、とりあえず枠素材を使うだけなら本体のみで十分。
じっくり使いこなしたい方は、インターネットでGIMPの使い方サイトをご覧ください。
この説明書で使用しているGIMPは version 2.6.1 です。
2.4以前と少し違い、「2.4」から「2.6」への上書きはできないそうです。
枠素材について
- 自作のイラストや写真と自由に組み合わせて加工することができ、加工後にバナーやサムネイルとして再配布できます。
素材屋の画像などを使用するときは、加工と再配布の許可があるものに限ります。 - 枠素材は加工が前提なので、リンクをお願いします。
簡易説明
- 合わせたい画像を開く
- [ファイル] → [開く] (Ctrl+O) でバナーに加工したい画像を開く。
- その画像ウィンドウを[選択] → [すべて選択] (Ctrl+A) で全体を選択範囲にして、[編集] → [コピー] (Ctrl+C) でコピーする。
- もう必要ないので、 [ファイル] → [閉じる] (Ctrl+W) で、閉じてしまう。
（[保存しますか?]のダイアログが出るが、選択コピーしかしていないので[保存しない]を選択）
- 枠画像に合わせる
- [ファイル] → [開く] (Ctrl+O) でバナー枠画像を開く。
- [編集] → [貼り付け] (Ctrl+V) でさっきコピーした画像を貼り付けて、画像を拡大縮小・移動して枠に合わせる。
- [ツール] → [変換ツール] → [回転] (Shift+R)
- [ツール] → [変換ツール] → [拡大縮小] (Shift+T)
- [ツール] → [変換ツール] → [移動] (M) ... 違うレイヤーが動く場合、機能の切り替え(Shift)で「アクティブなレイヤーを移動」にする
- だいたい決まったら、 [レイヤー] → [レイヤーを固定] (Ctrl+H) でレイヤー1に固定する。
- レイヤーウィンドウで、使用したい枠の まわり（枠●-○○-まわり）・枠（枠●-○○-枠）・縁（枠●-○○-縁）の3点を表示する。
（デフォルトだと枠1セットが表示されているので、他の枠にしたい場合は非表示にしてから）
（そのままのサイズだと見難いので、ズーム(Z) で400%くらいに表示するとよい）
- いろいろいじってみる。
- 画像の色調をいじる。
- [色] → [カラーバランス]
- [色] → [色相-彩度]
- [色] → [明るさ-コントラスト]
- 効果レイヤーや、枠、縁をいじる。
- 表示/非表示を切り替えたり
- モードや透明度を変更したり
- [色] → [着色] で、好きな色に変更したり
- [ツール] → [テキスト] (T) でサイト名を書く。
- 画像の色調をいじる。
- レイヤーの統合と透過をする
（枠1-基本枠、枠2-点枠、枠3-破線枠、の場合は透過部分がないので、必要ない）- レイヤーウィンドウでまわりレイヤーを選択し、 [選択] → [色域を選択] (Shift+O) で白い部分（透明にしたい部分）をクリックする。
- そのまま、 [画像] → [可視レイヤーの統合] (Ctrl+M) でひとつにまとめる。
- Deleteキーを押すと選択された部分が透明になる。
- 保存
- GIF 画像にする場合は、[画像] → [モード] → [インデックス] で、あらかじめインデックスカラーに変換する。
- [ファイル] → [名前を付けて保存] (Shift+Ctrl+S) で、保存する。
（ファイルタイプの選択(拡張子で判別)で、PNG 画像 または GIF 画像 を選択する）
はじめに
|
|
見にくいときは400%くらいに拡大表示すると見やすくなります。 |
|
アンドゥウィンドウで前の操作履歴をクリックするか、
ズーム(Z) 
画像を開く
[ファイル] → [開く] (Ctrl+O) でバナーに加工したい画像を開きます。 |
|
バナーにしたい画像です。 |
|
その画像ウィンドウを[選択] → [すべて選択] (Ctrl+A) で全体を選択範囲にして、 |
|
[編集] → [コピー] (Ctrl+C) でコピーします。 |
|
もう必要ないので、 [ファイル] → [閉じる] (Ctrl+W) で、閉じましょう。 （選択とコピーしかしていないので、[保存しますか?]のダイアログは[保存しない]を選択します） | |
をクリックでも閉じることができます。枠に画像を貼り付け
貼り付け
[ファイル] → [開く] (Ctrl+O) でバナー枠画像を開きます。 |
|
バナー枠画像です。 |
|
[編集] → [貼り付け] (Ctrl+V) でさっきコピーした画像を貼り付けます。 |
|
貼り付けた直後です。 |
|
枠に画像を合わせる
貼り付けた画像を、拡大縮小したり、移動したりして、枠に合わせます。 主に使うのは以下のツールでしょうか。 | |
|
|
|
|
|
|
[ツール] → [変換ツール] → [回転] (Shift+R)
[ツール] → [変換ツール] → [拡大縮小] (Shift+T)
[ツール] → [変換ツール] → [移動] (M)
レイヤーを固定
だいたい決まったら、 [レイヤー] → [レイヤーを固定] (Ctrl+H) でレイヤー1に固定します。 |
|
枠と画像
レイヤーウィンドウで、使用したい枠を表示します。 眼のマークの部分をクリックすると表示／非表示が切り替えられます。
3点でセットになっています。 |
|
必要な加工をします。 | |
GIF 画像で保存
GIF 画像で保存する場合は、あらかじめインデックスカラーに変換しておきます。 |
|
[ファイル] → [名前を付けて保存] (Shift+Ctrl+S) で、保存します。 |
|
ファイルタイプの選択(拡張子で判別)で、GIF 画像 か PNG 画像 を選択します。 |
|
完成です。 |
|
やり方次第で同じ画像でもここまで違うものが作れます。 |
|
いろいろ加工
このままでもいいですが、いろいろいじってみると、意外にいい感じに変化することがあります。
元画像の色調変更
元画像の色調をいじってみます。おススメは以下の機能です。
| 機能名 | 調整例 |
|---|---|
|
|
|
|
|
|
| |
[色] → [カラーバランス] 
[色] → [色相-彩度] 
[色] → [明るさ-コントラスト] 
[色] → [ポスタリゼーション] 効果レイヤーの使用
また、バナー枠には、いくつかの効果レイヤー（横線や格子など）を用意してあります。
| レイヤー名 | 使用例 |
|---|---|
効果-色レイヤー |
|
効果1-線レイヤー |
|
で好きな色に塗りつぶしてください。
枠や縁をいじる
枠、縁をいじってみます。
デフォルトだと枠は黒色で標準モード、縁は白でソフトライトモードになっています。
| 枠や縁を好きな色に変更できます。 |
モードと透明度の変更 | 標準、乗算、ソフトライトなど。 |
縁をぼかす | [フィルタ] → [ぼかし] → [ガウシアンぼかし] |
変更例 |
枠 - 乗算に変更 / 緑色に変更 |
[色] → [着色] 
文字を挿入
|
|
文字が読みにくいとき |
|
[ツール] → [テキスト] (T) 
[レイヤー] → [レイヤーを複製] (Shift+Ctrl+D) で複製します。
透過
レイヤーウィンドウで、まわりレイヤー（枠●-○○-まわり）を選択します。 |
|
そのまま、 [画像] → [可視レイヤーの統合] (Ctrl+M) でひとつにまとめます。 |
|
Deleteキーを押すと選択された部分が透明になります。 |
|
[選択] → [色域を選択] (Shift+O) で白い部分（透明にしたい部分）をクリックします。
