画像加工フリーソフト
フリーの画像編集ソフトGIMPでバナーを作ってみよう① の続きです。
完成画像
■レイヤーの追加
前回作ったグラデーションの背景の上にレイヤーを追加します。
レイヤーとはアニメーションなどを知っている方には理解しやすいと思うのですが透明なセルのようなもので、もう一枚の紙を重ね描画するようなものと思っていただければ分かりやすいかと思います。
下のいちばん左をクリックし新しいレイヤーを追加します。
新規レイヤーが追加されました。
用意していたマスコットの画像を追加します。
背景が邪魔なので消します。
■消しゴム
をクリックします
ブラシの大きさや不透明度を調整し背景を消していきます。
コツとしては不透明度を大きくしておき大きなブラシで大まかに消し、徐々に不透明度を下げながらブラシを小さくし細かく消していくことでしょうか。
こんなとこでしょうか。
拡大して作業すると楽ですよ。
GIMPでSeeSaaで使おうと思っていた、タイトルヘッダの画像を作ってみようと思った。ちょっと長くなるので数回に分けて解説します。
まずは完成画像から
950 × 150px のバナーです。
まずはマスコットの画像を用意しておきます。 
■新規キャンバスをつくる
『ファイル』→『新しい画像』 
画像サイズを指定し『OK』をクリックします。 
950 × 150px のキャンバスができます。
■グラデーション
をクリック
＃000000 から ＃999999 のグラデーションにしたいので
下側の枠をクリックしカラーを＃999999にします。 
クリックしながら上か下にスライドするとグラデーションができます。 
グラデーションの細かい設定は 
『ブレンド』で設定できます。
画像がそのままだと横になっていたり、逆さになっていたりすることがあります。
その画像を正位置にします。
■決まった角度での回転
『画像』→『変換』から回転角度をクリックします。
■細かい指定での回転
をクリックします。
スライダや角度を入力し回転させます。
回転の中心を変えることもできます。
これで傾きや画像の正位置を補正できます。
画像にテキスト（文字）を入れてみましょう。
■テキスト
をクリックして テキストエディタで文字を記入します。
でフォントの種類や大きさ色を変更できます。
色を”メイリオ”に変更し、大きさを22px、色：をクリックして文字色パネルから白に変更しました。
■整列
整列をクリックしふたつのテキストを選択します。
並べるからふたつのテキストの高さを同じにしました。
整列では縦横を中央、上、下、右、左に合わせきれいに並べることができます。
GIMPでサイト用の画像を作ってみましょう。
サカサつららの画像です。
ブログなどの画像を扱う場合、デジカメの写真を適正化することが多いと思います。写真の大きさや明るさを変えたりすることで、見やすい写真にすることができます。
■トリミング
をクリックし画像の見せたい部分を選択します。
これで画像のトリミングができます。
■トーンカーブ
『ツール』→『色ツール』→『トーンカーブ』からトーンカーブの調整を開きます。
Photoshopなどでもそうなのですが、Ｗｅｂ上ではコントラストのきいたメリハリのある画像が奇麗に見えますのでそのようにカーブを調整します。
直線の線を逆Ｓ字にすると明るい部分がより明るく、暗い部分がより暗くなりメリハリがつきます。基本的に『逆Ｓ字』が基本となります。画像によって明るさを調整しましょう。
プレビューで確認して『ＯＫ』で確定します。
■リサイズ
画像のサイズが大きい場合、ＤＡＴA量も大きくなってしまいサーバーを圧迫し表示も遅くなってしまうのでピクセルで大きさを調整します。自分の場合は長辺で800pxぐらいにしています。
『画像』→『画像の拡大縮小』で画像の拡大・縮小を開きます。
幅を800にし高さを『拡大縮小』をクリックします。
これで画像のサイズが小さくなりました。
■画像の保存
『ファイル』→『保存』で画像を保存します。
Linuxを使っている人ならだれでも知っていると思うのですが、『GIMP』というフリーの画像編集ソフトがあります。
だいぶ昔（2000年頃）になりますがWindowsで使えるようになったと聞いて使っていた時期があります。人にも勧めていたり、Linuxではちょこちょこ使っていたのですがPhotshopを使っている手前、マシンにインストールしたことはありませんでした。
今回リクエストがありGIMPの最新版をWindowsにインストールしてみましたが、昔に比べかなり良くなっておりなかなか使えそうです。
■ダウンロード＆インストール
http://www.geocities.jp/gimproject2/download/gimp-download.html
からGIMPをダウンロードします。
インストール版とポータブル版があります。
ポータブル版はUSBメモリなどで持ち運びできるということですが、今回はインストール版をダウンロードしました。
ダウンロードした gimp-2.6.4-i686-setup.zip を解凍します。
解凍してできた gimp-2.6.4-i686-setup.exe でセットアップを開始します。
Nextで進めます。
最後まで行ったらFinishでGIMPが立ち上がります。
かなりPhotshopに似ています。
日本語環境もしっかりしていて迷うこともなさそうです。
それでは、しばらくの間このサイトで使う画像はこのGIMPを使ってみるということでレポートしていきたいと思います。