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

です。

ka050
直接背景の上に文字を入れる事も考え
イメージできる様に
一番上に文字黒でロゴのレイヤーを1つ足し
「こんにちは。 ・ ・ ・」
という文章書いてみました。




背景色の
カラー展開のイメージ例は以下 どぅえ〜す。 ↓ ↓ ↓ -Photoshop



今回は、背景の色のみ挿していきます。

まず最初に無難な所で、
(イメージの違いが出やすい)
同系色の色をさしてみました。

これは、
Photshopの
カラーウィンドの「カラー」や、「色見本」でも良いですし
ツールバーの色の所をクリックすると出てくる
「カラービッカー」や、「カスタムカラー」、
はたまた、
トップの
「イメージ」-「色調補正」-「色相彩度」
など

なにでも、勿論Okですが、
今回は7つ作ってみました。

ファイルナンバーは特に意味はありません。




最初は薄い水色
no54 背景色  #95E8FF
ka054



気持ち濃くしてブルーに振りました。
上より少し暗くなるけど使いやすいのはこっちかな?
no53 背景色  #93DDFF
ka053



水玉より若干濃くしました。
no51 背景色  #54B5DD
ka051


少しパープリシュに
no52 背景色  #718DC6
ka052



濃くネービー系
ここからは、はっきりしすぎていて使用場所により
使いずらいかもですが・・・
no55 背景色  #003663
ka055



グリーン系に振りチョット濃く
no56 背景色  #006F31
ka056



コーラル系のピンク
no57 背景色  #F26D7D
ka057


バックグランドのカラーにより、
水玉は同色なのに、イメージが、だいぶ変わりました。

このような、バックグランドカラーの修正は
フォトショップでは、なんて事無く簡単ですね〜!


ところで、話は大分戻りますが、大きさや柄は別として、
このブログでの位置で言えば
壁紙はサイドのグリーンの所だったり、
サイドバーの黄緑のタイトルバックのみだったりに
使われる事が多いでしょ。
(その場合ならジンタン玉かもだけど・・・)
あ、ヘッダーって事もありますね。

使用場所や、イメージは、ケースバイケースなので、
壁紙のカラーや柄の良し悪しや、
ショップの場合はこの様な。。。とか、
直帰率、離脱率、コンバージョンなど人の動き関連や、
カラーの印象関連、ほか、
フォトショップ以外の壁紙情報は
ココでは特にコメント有りません。

ま〜、色々できて、フォトショップありがと=ってな 感じでしょうか。。。


- - -
○●○●○●○●○○●○●○●○●○○●○●○●○●○
○●○●○●○●○


という事で、
Photoshopで壁紙を作成のno.09
背景色の置換え。でした。 

次回もカラーで遊びます。


         チャオ!


*******************************
*******************************




seawindnet at 09:10│Comments(0)TrackBack(0)││壁紙- カラー | photoshop

トラックバックURL

この記事にコメントする

名前:
URL:
  情報を記憶: 評価: 顔   
 
 
 
Welcome
シーウィンド.ネットに
ようこそ。

海の風 シーウィンド。ネット


bookmark

sea-wind.net は、
HP初心者の
画像 soft フォトショップ
での、web-shop 作成記録で
その作ったショップは、

水着製造通販の
水着 通販 F-J-R.com

と、

水着ビキニ上下別売りで
カスタムオーダーの通販お店
ビキニ 水着 Fashion-Swim.com

2店のショップの制作、
骨折り記録です。