webスキルの部屋

webスキルの部屋

Webに関する技術を教えます!!

Amebaでブログを始めよう!
今回は自分で手軽にアメブロヘッダーを作る方法を紹介したいと思います!!
利用するソフトはGIMPという無料の画像編集、加工ソフトです。

詳しいダウンロード方法はこちらのサイトを参考にお願いします。
↓↓
http://synclogue-navi.com/gimp-install


今回はGIMPを利用して、下のような画像のヘッダーを作りたいと思います。



[手順]
1.Gimp を開く

2.ファイルから新しい画像の作成
ファイル⇒新しい画像を順番にクリックしてください。



3.画像のサイズ指定
画像サイズを幅980px、高さ300pxに指定。
その後、OKを選択。

4.ブレンドで色を配合
ツールボックスから[ブレンド]を選択。



ツールボックスの黒色の長方形をクリックし、好きな色を選択。
ツールオプションで、色が変わったのを確認。
形状は[線形]にしときます。




5. レイヤーに色を付ける。
レイヤー(980×300の長方形)の左上から右下の頂点にかけて、ドラッグしながら線を引く。線を引き終えると選択した色が付きます。背景のデザインは以上です。




6. 画像の編集
好きな画像をフォルダーから選択。ファイルをドラッグしたまま、直接レイヤーの上へ持ってくる。ドラッグを離すと画像がレイヤー全面に表示されます。





7. 画像の拡大・縮小
ツールボックスから[拡大・縮小]を選択。
画像をクリックします。
幅、高さを自分の好きなサイズに指定。鎖のようなマークをつなげると同じサイズで縮小・拡大されます。




8. 画像の移動
ツールボックスから[移動]を選択。
ドラッグしながら、自分の好きな位置へ画像を配置。



9. 文字を挿入
ツールボックスから[テキスト]を選択。
文字を入れたい場所にクリック。



キーボードで文字を打ち込むと文字が表示されます。
文字の大きさはpxの隣の数字(この場合18の表示)から調整できます。今回は60pxにしておきます。
移動ツールで好きなところに文字を配置することもできます。






これで完成です。




また分からないことがあれば、気軽に上の質問受付で聞いてください!!