kumaneko日記

ヘッダー画像製作第3弾です。
今回は、前回作ったベースとなる画像にさらに手を加えてゆきます。

早速Gimpを立ち上げて前回保存したHeader01.xcfを読み込みます。
この画像、まだヘッダー画像には大きすぎます。
前回もご紹介したとおり、ヘッダー画像の大きさは760×230ピクセルです。
これを縮小しましょう。

画像の表示されているウィンドウのメニューの中から[画像][画像拡大縮小]とクリックします。
すると↓このようなウィンドウが表示されます。


画像の幅に760と入力します。
次に高さを230と入力しようとすると・・・
自動的に計算されて333となってしまいます。

実は用意した画像の幅と高さの比率がヘッダー画像のそれとは違っているのです。
ここでは一旦幅のサイズを合わせ、画像の高さはトリミングで対処することにしましょう。
高さが333になっていますが構わずに拡大縮小ボタンを押してください。
幅は目標どおり、高さがちょっとだけ高い画像ができました。

続いて高さを変更します。

画像の表示されているウィンドウのメニューの中から[画像][キャンバスサイズ]とクリックします。
すると↓このようなウィンドウが表示されます。



最初に幅と高さの数字を入れるところの脇にある鎖のマークをクリックします。
このマークをクリックするのは、縦横の比率を変えるんですよという意味です。
次に高さのところに230と入力します。
フォーカスをオフセットというところに移すと、ダイアログ内のプレビュー画面に
760×230ピクセルの枠が表示されます。
マウスでプレビュー画面の画像を上下していい位置をさがし、
納得できたらサイズ変更ボタンを押してください。

これでヘッダー画像に適したサイズの画像ができました。
画像の表示されているウィンドウのメニューの中から[ファイル][別名で保存]とクリックします。
更に画像処理する場合は名前をHeader02.xcfにして保存してください。
このままヘッダー画像にされる場合は拡張子をjpgとして保存してください。

ここまででできた画像はコチラです↓
クリックすると原寸大で表示されます。

次回はこの画像に更に処理を加えて行きたいと思います。