ちょっとだけおしゃれなバナー

『ちょっとだけおしゃれなバナー』

ではちゃんとしたバナー作りに挑戦です♪　
まだ、この「アマグリーノ・ハウス」のバナーを作ってなかったので、今回作ってみようと思います。ソフトは「Photoshop」を使います。

８８x３１サイズのキャンバスを用意します。

背景を、タイトルにも使っているピンクの花にしたいので、まずこの画像の処理をします。右の画像です。

これではちょっと大きすぎるのでサイズを小さくしてみましょう。

「Photoshop」では「画像解像度」を変更することで、簡単に画像のサイズを変えることができます。８８ｘ３１のキャンバスに載せることを考え、この花の写真を、幅５０ピクセルにします。

縮小後の画像が左です。
これで背景に使う画像の準備ができました♪

この画像をドラック＆ドロップで、用意していた８８ｘ３１のキャンバスに落っことします。

こんな感じです。位置を右側に調整しました。
見てわかるとおり、写真と白い背景がくっきり分かれてしまってますよね。

これじゃあかっこ悪いので、「アマグリーノ・ハウス」のテーマカラー、ピンクを使って、背景と写真を馴染ませようと思います。

背景と写真を馴染ませる方法はたくさんありますが、シンプルに「筆ツール」でぼかしをかけながらやってみます♪

花だけを残してあとはピンクで塗りつぶしました。バナーっぽくなってきましたね♪　ちなみに枠の黒い線は、見やすくするためにわざと付けました。このページの背景に、バナーが埋もれてしまうので。

そして文字を入れました。ゴールドとピンクの組み合わせが今のマイブーム。何を作ってもついついこの配色になってしまいます。。。

文字に影をつけてみました。「Photoshop」にはたくさんの機能がついていて、その中のひとつ、「ドロップ＆シャドー」を使っています。どんな画像編集ソフトにもついているのかな～???

さあ、もう少しで完成です！　最後にどんなページの背景にも埋もれてしまわないように、このバナーに枠をつけてみましょう♪　枠は「筆ツール」で書いちゃってもいいですし、小さい点で囲んだりしてもかわいいですよね。今回はシンプルにただの細い線で囲もうと思います。