水着のショップ作成記録ブログ- はい。こちらsea-wind.netです

アロ〜ハ　！
水着のショップ作成記録のブログ。
「はい。こちらsea-wind.netです。」　です。


　　　
前回、ブログアップ後、
暑い暑い酷暑到来。
１０日間くらい続いたね。
気温の最高記録も出てていきなり暑い夏の再来。
東京では蒸し暑さも半端無かったです。

１９日〜２２日は、
雨模様で涼しかったですが、
また今日は、午後から暑さが帰ってきました。

２０１１年の夏は
昨年２０１０年の激暑と違って、変則的。

それと、
熱帯地方に多く出現するというゲリラ豪雨と言われる、
一時に、一地域だけ急激に雨が降る現象もいたる所で有り
それも加わってか湿気が多く、
蒸し暑く感じる事の多い夏になってます。

今年は７月初旬に梅雨明けだったから
梅雨明けが早かった分の雨量が
夏になっても降ってるのかな〜？？？


いろんな夏が有りますね〜。


今年みたいに、恋愛の駆引き調な
変化球 勝負の夏より
私は、昨年みたいな、暑さ続きっ放しだけど、方向が見えてる
直球、速球 勝負の夏の方が好きだな〜！


皆さんはどんな夏が好きですか？

　　・　・　・

このブログは、
水着shopブログ。
「　はい。こちら　Sea-Wind.net　です。　」 です。
http://sea-wind.net/
　
・　・　・　・　・　・　・

　

アロ〜ハ　！
水着のショップ作成記録のブログ。
「はい。こちらsea-wind.netです。」　です。


　　　
暑中お見舞い申し上げます。

皆様におかれましては、
ステキな、思い出深い　楽しい夏になります様に　！　(* '-' *)

ところで
今年の夏は、

7月頭、梅雨明けがヤケに早く、（通常7月末位）
ば〜っと突然の様に　昨年続きの猛暑になり。

その後7月末　台風が通過するとともに、
梅雨が短い分、梅雨分の雨が今降ってるという感じで

降らなくても、湿度が非常に高い気候で、
そのうえ、最近は、気温も上がりだし、
不快指数　高まりそうな感じ。。。

曇天だったり、雨降ったり、
２〜３日快晴が続く様な　スッキリした空になりません　！

今年の夏、今後どうなるのだろう。

途中経過の落書きでした。

ココは東京ですが、
関東イチエン、そんな感じだと思います

雨の量が場所により違うかな？？？

　　・　・　・

このブログは、
水着shopブログ。
「　はい。こちら　Sea-Wind.net　です。　」 です。
http://sea-wind.net/
　
・　・　・　・　・　・　・

　

（　｢色相・彩度｣ でイメージを探す。 ）
フォトショップで壁紙を作成-10　です。

- - -

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

- - -

｢色相・彩度｣ でイメージを探す。 です。

前回、背景色の白に色々なカラーを挿しました。

今回はそのファイルを、
フォトショップ　｢色相・彩度｣ の
｢　色相　｣ をさわって、カラーを変えて
イメージを探したり、遊んだりします。

前回のファイル-no51でやります。

- - -

前回、no51
水玉のカラーデーターは、

150pixの四角形の ｢ 壁紙 ｣ を
4つをつなぎ合わせ
一辺 300pix  感じで表示します

１）ロゴ #6DCFF6
2)小玉 #44C8F5
3)中玉 #B9E5FB
4)大玉 #6DCFF6
5)背景 #54B5DD

背景は白#FFFFFFが元でしたが
前回 5）の色をさしました。
その他のキャラクターにした
ロゴと、ドットは、色変更なしです。

no51 背景色  #54B5DD


画像を統合したこれを元にし、
（　レイヤーは分かれていない状態の画像　）

フォトショップの、メイン バーの、
｢イメージ｣ - ｢色調補正｣ - ｢色相・彩度｣


色相・彩度をクリックし
一番上の、色相のスライダーを左右に動かしてみます。

良さそうな所でストップ。
どんなイメージが出てくるか楽しみです。

よさげなの有るかな？？？

そんな感じでいくつか作ってみました。

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

（　背景色の置換え ）
Photoshopで壁紙を作成-9　です。

- - -

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

- - -

今回は、背景色の置換えです。

前回まで、キャラクターの配置しましたが、
今回からは「　カラー　」です。

配置の時、書いておりましたが
バックグランドの背景色に白を指定したまま配置しましたので、

今回は、前回のレイヤー構成で、
一番下にあるレイヤーの背景に
色を入れて行こうと思います。

使用するファイルは、
イメージが判り易いように
モノの壁紙ファイルでは無く、
壁紙画像の拡大展開したファイルを
ココからは使用しようと思います。

イメージが決定後に150 × 150pix に
繰り抜く感じで行きます。

-　-　-

◎データー

元の4つのキャラクター画像と背景
１）sea-wind.net　のロゴ
2)35pixの正円　（ 濃い ）
3)45pixの正円　（ 薄い ）
4)65pixの正円　（ 中間 ）

150 × 150pix の白背景

　↓　↓　↓

壁紙画像を拡大展開し
300 × 300pixにしたファイルを使用

ちなみに元の
水玉のカラーデーターは、

１）ロゴ #6DCFF6
2)小玉 #44C8F5
3)中玉 #B9E5FB
4)大玉 #6DCFF6
5)背景 #FFFFFF

です。


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

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

フォトショップで壁紙を作成する方法-8　です。
（　表示位置の起点の調整 ）

- - -

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

何回かあいてしまいましたが、
フォトショップ壁紙の続き8回目です。

- - -


今回は壁紙のキャラクターの位置修正です。
前回で、表示位置の起点の調整記載いたしましたが、
（表示する時、全体画像の左上位置を決めた）

ここでは、
最終の、個々の、キャラクターの位置調整です。

これも前回同様、
感覚的なクリエーティブ作業なので、
ご自分なりのバランス感が決めてかな？

今回作成している壁紙など
1パターンの連続柄は比較的、柄くせが出やすいですが、
そうかと言って、
あまりに機械的にバランスをとると、
面白くなくなることも多いので、
難しい所です。


又、場合によっては、
キャラクターを減らしたり加えたりする事も
あるかもしれません。

前回分と合わせ、
ここまでくれば、
あなたのアイデア、イマジネーション次第。

それと、
特に、各キャラクター位置に問題が無ければ、
この項目はスキップして下さい。


- - - - -


それではフォトショップにもどり

X ： Yが　300pix ： 300pix　の時、

（ここでは文字は文字で4つのレイヤーをリンク）
（大玉は大玉で4つつのレイヤーをリンク）
（中玉は中玉で4つつのレイヤーをリンク）
（小玉は小玉で4つつのレイヤーをリンク）

それぞれの画像キャラクタを
より良い位置に調整。
位置動かす。

- - - - -

4つのキャラクター画像と背景

１）sea-wind.net　のロゴ
2)35pixの正円　（ 濃い ）
3)45pixの正円　（ 薄い ）
4)65pixの正円　（ 中間 ）

- - - - -

最初に決めた壁紙サイズは
X ： Yが　150 × 150pixでした。
４こ のキャラクターの、４こ のレイヤー。
（+背景で５）


それを拡大展開し、
X ： Yが　300pix ： 300pix
１６こ のキャラクターの、１６こ のレイヤーでした。
（+背景で１７）にまでしました。

大枠で壁紙になった状態（展開後のイメージ）が、
分かる様になったので、バランス良く
各キャラクターを配置
今回は最終修正。

- - -



- - -

◎　修正方法　◎

前回で、思うような、位置が無い場合。
各キャラクターの位置が気になる場合。
柄くせが出てしまい気になる場合。
などは、
各キャラクターを移動調整します。


１）キャラクターごとにレイヤーをリンク。
（ここでは文字は文字で4つをリンク）
（大玉は大玉で4つをリンク）
（中玉は中玉で4つをリンク）
（小玉は小玉で4つをリンク）

２）そして移動。


＊＊＊　仮に上の大玉を右にずらすと、
外へ出てしまい事実上は、
左から、大玉が出てこないと、いけないので、
左の大玉をレイヤーコピーし
１５０pix　Ｘ軸の左に移動しないといけませんが、
面倒なので私はあまりやりません。

大玉を右にだけ移動し、
イメージのみつかみ、
決定する150 × 150pixの壁紙の位置は
この場合、なるべく右の全キャラクターが
入っている位置でピックします。

- - -


８・キャラクターの位置調整


（　赤枠の部分が最初作成した画像　）

○●○●○●○●○○●○●○●○●○○●○●○●○●○
○●○●○●○●○

　注、今回の、サンプル図形について。

 ： hahaha~　
グランド色を白で作ってしまったので、
ブログ記事の背景色と同じだ〜！　ピンチ　！

と言うことで、
一先ず、
ブログの段落を水色の背景にして見えやすいようにしました。
中の「　白い所のみ　」　見て下さい〜！

ゴメンネ　！！　　（;´▽｀A``


！(´Д｀；)

また、壁紙の背景の色の調整は、
最後の方で、項目にします。

○●○●○●○●○
○●○●○●○●○○●○●○●○●○○●○●○●○●○


Photoshopの作業は以下 どぅえ〜す。　↓　↓　↓ -Photoshop

☆;+;｡･ﾟ･｡;+;☆;+;｡･ﾟ･｡;+;