韓国大好き♡はるはるのエンジョイ!よくばりライフ

韓国ドラマにハマリ韓国大好き♡に。 ドラマを字幕ナシで見たくて韓国語を熱烈勉強中!!

ブログヘッダーをつくってみたよ その③ フリーソフトでカタチにしよう

ふアンニョンハセヨ、はるはるです。
前回は文字入力でタイトルを作りました。
前回の記事★
前々回はコラージュ画像を作りました。
前々回の記事★


このふたつを組み合わせ、ヘッダーに
していきます。
まず用意するのがフリーソフトGIMP
WindowsMacもどちらも使えます。



◆ 土台となる枠を用意する ◆


まず、ヘッダーの枠を用意します。
わたしのパソコンはMacなので、
Mac版で説明します。
GIMPを起動し、

【ファイル】→【新しい画像】




画像のウインドウが出たら、
幅980、高さ300ピクセルにしたら【OK】をクリック。


GIMP_2

こんな画面になればOK。
これで、ヘッダの土台ができました。

わたしのヘッダは、
アメブロの標準幅980ピクセル
高さは400ピクセルにしました。
高さは300ピクセルぐらいでいいと思います。
お好みでどうぞ~。



◆ 画像を読み込む ◆


土台の上に、画像を重ねていきます。
読み込みたい画像を
【ファイル】→【レイヤーとして開く】
で開きます。



文字を画像として保存したものを開きました。


GIMP_3

画面右側に画像のような箇所があります。
スクリーンショットと書かれた囲みの中にモザイクが見えますか?
モザイク部分は透明で、
レイヤーは重ねる画像
だと思ってください。


下から1枚目(土台)、
2枚目の画像、
3枚目の画像と画像を開くたびに
重なっていきます。




◆ レイアウトを考える ◆


画像を読み込んだらレイアウトします。


GIMP_5

右から3列目の上から2番目にある
矢印が重なったマークが画像の移動ができるボタン。
ここをポチしておきレイアウトしたい画像をクリックすると、


GIMP_4

点線の囲みで選択されます。
あとはドラッグ&ドロップで移動させます。


各ツールの説明は割愛します。
よく使う【画像の移動】のみ説明しましたが、

GIMP 画像 移動

とかで検索すると
説明がたくさん出てきます。
調べながら、やってみてくださいね~!




◆ できた画像を保存する ◆


さてヘッダー画像が出来たら、
保存しましょう。
この保存方法は、あくまでもできた画像をまたまた画像として保存するだけです。


修正することがあるかも!
と思うときはこの方法で保存後、
次の項目の保存もしてください!



【ファイル】→【WEB用に保存】

GIMP_6

わたしはJPEGにしました。
PNGPNG-8とPNG-24の違いが
よくわからないので。


右下の【Save】ボタンを押すと
保存されます。
アメブロにアップロードする
ヘッダー画像ができました。



◆ 作った画像を編集できる保存方法◆


作ったけれど、手直しをしたい場合など
もう一度GIMPで扱えるようにしておきたいですね。


【ファイル】→【名前をつけて保存】

で、保存します。

GIMP_7

blogtitle.xcf
となっていますが、
このxcfがついたファイルは
ダブルクリックするとGIMPで開きます。
開くと編集可能です。


今日は、ここまで。
次回、自分のアメブロにヘッダーを付ける方法です。