March 04, 2011
背景色の置換え・Photoshopで壁紙を作成-09
( 背景色の置換え )
Photoshopで壁紙を作成-9 です。
- - -
アロ〜ハ!
水着のショップ作成記録の
sea-wind.netです。
- - -
今回は、背景色の置換えです。
前回まで、キャラクターの配置しましたが、
今回からは「 カラー 」です。
配置の時、書いておりましたが
バックグランドの背景色に白を指定したまま配置しましたので、
今回は、前回のレイヤー構成で、
一番下にあるレイヤーの背景に
色を入れて行こうと思います。
使用するファイルは、
イメージが判り易いように
モノの壁紙ファイルでは無く、
壁紙画像の拡大展開したファイルを
ココからは使用しようと思います。
イメージが決定後に150 × 150pix に
繰り抜く感じで行きます。
- - -
◎データー
元の4つのキャラクター画像と背景
1)sea-wind.net のロゴ
2)35pixの正円 ( 濃い )
3)45pixの正円 ( 薄い )
4)65pixの正円 ( 中間 )
150 × 150pix の白背景
↓ ↓ ↓
壁紙画像を拡大展開し
300 × 300pixにしたファイルを使用
ちなみに元の
水玉のカラーデーターは、
1)ロゴ #6DCFF6
2)小玉 #44C8F5
3)中玉 #B9E5FB
4)大玉 #6DCFF6
5)背景 #FFFFFF
です。
直接背景の上に文字を入れる事も考え
イメージできる様に
一番上に文字黒でロゴのレイヤーを1つ足し
「こんにちは。 ・ ・ ・」
という文章書いてみました。
背景色の
カラー展開のイメージ例は以下 どぅえ〜す。 ↓ ↓ ↓ -Photoshop
今回は、背景の色のみ挿していきます。
まず最初に無難な所で、
(イメージの違いが出やすい)
同系色の色をさしてみました。
これは、
Photshopの
カラーウィンドの「カラー」や、「色見本」でも良いですし
ツールバーの色の所をクリックすると出てくる
「カラービッカー」や、「カスタムカラー」、
はたまた、
トップの
「イメージ」-「色調補正」-「色相彩度」
など
なにでも、勿論Okですが、
今回は7つ作ってみました。
ファイルナンバーは特に意味はありません。
no54 背景色 #95E8FF
気持ち濃くしてブルーに振りました。
上より少し暗くなるけど使いやすいのはこっちかな?
no53 背景色 #93DDFF
水玉より若干濃くしました。
no51 背景色 #54B5DD
少しパープリシュに
no52 背景色 #718DC6
濃くネービー系
ここからは、はっきりしすぎていて使用場所により
使いずらいかもですが・・・
no55 背景色 #003663
グリーン系に振りチョット濃く
no56 背景色 #006F31
コーラル系のピンク
no57 背景色 #F26D7D
バックグランドのカラーにより、
水玉は同色なのに、イメージが、だいぶ変わりました。
このような、バックグランドカラーの修正は
フォトショップでは、なんて事無く簡単ですね〜!
ところで、話は大分戻りますが、大きさや柄は別として、
このブログでの位置で言えば
壁紙はサイドのグリーンの所だったり、
サイドバーの黄緑のタイトルバックのみだったりに
使われる事が多いでしょ。
(その場合ならジンタン玉かもだけど・・・)
あ、ヘッダーって事もありますね。
使用場所や、イメージは、ケースバイケースなので、
壁紙のカラーや柄の良し悪しや、
ショップの場合はこの様な。。。とか、
直帰率、離脱率、コンバージョンなど人の動き関連や、
カラーの印象関連、ほか、
フォトショップ以外の壁紙情報は
ココでは特にコメント有りません。
ま〜、色々できて、フォトショップありがと=ってな 感じでしょうか。。。
- - -
○●○●○●○●○○●○●○●○●○○●○●○●○●○
○●○●○●○●○
という事で、
Photoshopで壁紙を作成のno.09
背景色の置換え。でした。
次回もカラーで遊びます。
チャオ!
*******************************
*******************************