kumaneko日記

なんてことない日常を送る
なんてことないオッサンの日記

かっちょいいヘッダー画像を作ろう(その6)

先日までの乙女チックぶりぶりブログは、やっぱりおんちゃんには不向き
というわけで、ぼちぼちと改装し続けているkumanekoです。

画像処理の解説が随分間があいてしまいましたが、今回使ったヘッダー画像の作り方を
解説してみようかなというのが今回の企画です。
今回もフリーの画像処理ソフトGimpを使用します。
初めてこのカテゴリー記事をご覧になる方はこちらをご覧ください。
また、Gimpについての追加情報をお知りになりたい方はこちらにリンクを作ってありますので
リンク先をご覧ください。

さてさて、さっそく始めましょう。
毎度毎度我が家のぷーちゃんにモデルになってもらっていてもなぁ・・と思い、
今回は迷彩柄さんにお願いして、元気君と夢ちゃんのお写真をお借りしました。
そのお写真はこちら↓
元あまえる

いやぁ可愛いっす。最高に可愛い!
二人くっついているのが無茶苦茶キュートです。
リンクル内に「にゃんこ同盟」でも作りたい気分になっちゃいます。

あ、画像処理の話でしたね。
このお写真、元画像は640×480ピクセルの大きさがありますので
サイズ的には十分な大きさなのでこれをそのまま使って進めて行きたいと思います。

(1)ヘッダー画像の背景色を決める
Gimpを立ち上げ、背景色を指定します。
画面左側のウィンドウの中ほどに白黒の四角が表示されている部分があると思います。
色指定

この場合ですと上に黒が乗っていて下に白が表示されていますね。
前景色が黒、背景色が白ですよという表示です。
背景を黒くしたい場合はこのアイコンの右上の曲がった両矢印をクリックすると
白黒が入れ替わります。今回は背景を白くしたいのでこのまま作業を続けます。

(2)画像を読み込ませる
それでは次に画像を読み込ませます。同じウィンドウのメニューから
[ファイル]→[開く・・・]とクリックしてください。
新しく開いたダイアログでターゲット画像を選び、
「開く」ボタンを押せばGimpに画像が読み込まれます。

(3)最終的に残す部分を選択する
今回は柔らかな雰囲気を出すためにこの写真を楕円形に切り抜いていきたいと思います。
画面左側のウィンドウの中の楕円形のアイコンをクリックします。
これで楕円形の範囲を選択することができるようになります。

楕円選択

それでは写真が表示されているウィンドウに移動して実際の範囲を指定しましょう。
楕円選択2

夢ちゃんのやわらかそうな肉球が切れちゃいますが絵的にはこのくらいが
落ち着く構図になりそうなので泣く泣く諦めます。

(5)選択範囲の境界をぼかす
優しさを表現するため写真と背景の境界はやわらかくぼかすことにします。
写真の表示されているウィンドウのメニューの中から
[選択]→[境界をぼかす]とクリックします。
ダイアログが開きますので縁をぼかす量は10ピクセルと指定して「OK」をクリックしてください。
あれ?ぼけない・・・でも大丈夫です。ちゃんとボケてます。
それは後ほど確認できますので安心して進めて行きましょう。

長くなりましたので続きは次回・・・。
Posted by kumaneko at 16:30 │Comments(2)TrackBack(0)
この記事へのコメント
。。。。今夜パパにThis記事を見てもらって
理解してもらって
やってもらおう と思いマス(他力本願!!)

元気&夢たんの
毛色の黒とグレーの具合が
これまた合っててgood☆☆☆デスョね♪
Posted by 赤プタ at 2008/11/06 09:49:42
>赤ぷたさん
慣れると10分くらいでできちゃうんですよ。
失敗したっていいじゃないですか。
自分でやってみてください。
ただし、元データはちゃんとバックアップしておいてくださいね。
Posted by kumaneko at 2008/11/09 11:55:10
 
この記事へのトラックバック
この記事へのトラックバックURL
http://app.linkul.net/trackback/kumaneko/1225871126413