January 31, 2011

壁紙をフォトショップで作成-8。( キャラクターの位置調整 )

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

- - -

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

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

- - -


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


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

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

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


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

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

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


- - - - -


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

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

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


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

- - - - -


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

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

- - - - -

最初に決めた壁紙サイズは
X : Yが 150 × 150pixでした。
4こ のキャラクターの、4こ のレイヤー。
(+背景で5)


それを拡大展開し、
X : Yが 300pix : 300pix
16こ のキャラクターの、16こ のレイヤーでした。
(+背景で17)にまでしました。

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

- - -

ka005

- - -

◎ 修正方法 ◎

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


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

2)そして移動。


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

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

- - -


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


( 赤枠の部分が最初作成した画像 )

 

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

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

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

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

ゴメンネ !!  (;´▽`A``


!(´Д`;)

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

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


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



☆;+;。・゚・。;+;☆;+;。・゚・。;+; 

『 壁紙をフォトショップで作成-8。( キャラクターの位置調整 ) 』 の全文読む ≫


seawindnet at 11:32|│Comments(0)TrackBack(0)photoshop | 壁紙- 配置

December 30, 2010

wordpressのサーバー移転で頭がイタイ

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


 そろそろ大晦日。
一年は早いもので、
もう2000年代も11年目? 12年目?
どんどん過ぎるね〜!

 今年の暮れ、あなたは、良い年末をおむかえですか question

 私は、つい昨日から、
別のドメインのwordpressで、XreaからCoreserverに
サーバー移転しようと思い、作業していましたが、
現在、ちょっと折れそうです。 cry ZZZ〜

まあ、お正月があるから、
ポツポツ出来るけど ・・・

『 wordpressのサーバー移転で頭がイタイ 』 の全文読む ≫


seawindnet at 05:37|│Comments(0)TrackBack(0)Web | wordpress

December 14, 2010

もうすぐクリスマス。

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

さて、ショップ作成記録、
時間が中々無く、更新が滞ってますが  
今日は、画像の話は、少し置いておいて、
めずらしく、ひとり言です。

画像の話では無いので、 
それは残念と、いう人は、マズ皆無と思いますが・・・
 うひょ !  

『 もうすぐクリスマス。 』 の全文読む ≫


seawindnet at 19:07|│ひとり言 

October 17, 2010

壁紙をフォトショップで作成-7。( 表示位置の起点の調整 )

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

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

ダイブとご無沙汰でした。
さて、フォトショップ壁紙の続き7回目です。
- - -


今回は壁紙の表示位置の起点の調整です。
前回でベースのファイルが出来ましたので、
そろそろ仕上げになってきました。


これまでの単純作業は、
上のバーの「ウインドウ」-「アクション」などを使って
単純化出来る部分も有りましたが、

ココからは
感覚的なクリエーティブ作業に入っていきます。


その為、

今回の表示位置の起点の調整
次回のキャラクターの位置の調整を、
組合わせ繰り返して、
あなたの、イメージ通りの壁紙を完成させて下さい。

重複部分も有りますが、
先ずは、壁紙の表示位置を決めて見ます。

- - -


壁紙をどの位置に、
どの大きさで使うかにもよりますが、

(例:
全体のバックグランド
テーブルのバックグランド
セルのバックグランド ) 他。

いずれにしても、壁紙は通常では、
「 左の上 」が起点になり、
そこから、右に繰り返したり、下に繰り返したりする場合が
ほとんどだと思います。

ここでもベーシックに、
「 左の上 」を起点と考え、
壁紙の表示される位置を調整します。
最適化部分(一番良いと思った場所)を決めます。

- - -


ふり返ると
最初に決めた壁紙サイズは
X : Yが 150 × 150pixでした。
4こ のキャラクター各1このレイヤーなので
4こ のレイヤー。
(+背景いれ5レイヤー)


それを拡大展開し、下と右に各2つづつ並べ
前回は、
X : Yが 300pix : 300pix
16こ のキャラクターの、各1このレイヤーなので
16こ のレイヤーでした。
(+背景もいれ17レイヤー)に、しました。


その中で表示位置にフィットする壁紙を
今回は、抜き出します。


X : Yが 300pix : 300pix の中から、

150 × 150pixの 位置決めです。


- - -


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


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

- - - - -


最初に決めた壁紙サイズは
X : Yが 150 × 150pixでした。
4こ のキャラクターの、4こ のレイヤー。
(+背景もいれ5レイヤー)


それを拡大展開し、
前回は、
X : Yが 300pix : 300pix
16こ のキャラクターの、16こ のレイヤーでした。
(+背景もいれ17レイヤー)にまでしました。

大枠で壁紙になった状態(展開後のイメージ)が、
分かる様になったと思います。

- - -

その中で表示位置にフィットする壁紙を
今回は、抜き出します。

X : Yが 300pix : 300pixの中から、
150 × 150pixの 位置決めです。


極論、150 × 150pixなら、切りぬきの位置は
どこでもOK。

- - -

ka005
(この上の画像では、さらに左側にSEA-WIND.NETの文字を
上下2レイヤー加え、150pix左に移動させてます。
(前回の壁紙6の所の赤枠から出た文字の部分)
その為、文字最後のNETのETの部分だけ見えています。)

- - -

使用用途や、使用位置の大きさにより
位置決めには様々な答えが有ると思いますが、

ここでは、仮に、


1)SEA-WIND.NETの文字が左側で切れない位置を
左の位置に (文字頭を一番左に)


2)上の位置は全て背景色( 上の場合は白 )で
始まる位置


として

切りぬきの
決定位置を決めました。( 赤枠部分 )

- - -

その他、例えば


3)SEA-WIND.NETの文字の
右上最後のTの文字を一番上にしたい場合は、
赤枠を、上にずらし、いい位置を決めます。


これら以外にも、画像により様々な位置の
決め方が有ると思いますので、試してみて下さい。


7・表示位置の起点の調整
( 赤枠の部分が最初作成した画像 )





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


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

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


と言うことで、

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

ゴメンネ !!  (;´▽`A``

!(´Д`;)


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


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


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






『 壁紙をフォトショップで作成-7。( 表示位置の起点の調整 ) 』 の全文読む ≫


seawindnet at 12:18|│Comments(0)TrackBack(0)photoshop | 壁紙- 配置

September 10, 2010

夏気分もそろそろオシマイ?

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


今日も、ひとり言のUp

先日の台風も、過ぎ去りそろそろ
過ごしやすい秋の季節になりそうですね。

今日も爽やかな朝、
でも、もう一回、猛暑の期間が戻ってきそうですが・・・
というより、夏を感じれるのもあとわずかです。

今年はあなたにとって、良い夏になりましたか?


しかし暑い長い夏でしたね〜 !

海やプール、又は海外リゾートなど行ったかたも
多かったのでは?  ('▽'*)ニパッ♪


『 夏気分もそろそろオシマイ? 』 の全文読む ≫


seawindnet at 05:18|│Comments(0)TrackBack(0)ひとり言 
Welcome
シーウィンド.ネットに
ようこそ。

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


bookmark

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

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

と、

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

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