March 22, 2010

壁紙をPhotoshopで作成-4。( 画像の展開 1 )

Photoshopで壁紙を作成する方法-4です。
( キャラクター画像の展開 )

- - -

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

- - -

今回は、キャラクター画像の展開。

前回とりあえず配置してみた画像のなかで
背景に入らなかったsea-wind.net ロゴを
最左側に、ラッピングしてみます。

壁紙のPhotoshopで指定した背景のサイズは?
最初に決めたサイズは150 × 150pix の背景でした。

そこで、壁紙完成時には、
150pixごとに同じキャラクターが出てくるようになりますので、
先ずは、sea-wind.net ロゴを
背景から出てしまった逆の方向に展開。
(NETのETのロゴ部分が左に加わりました。)


‐‐- - - -


以下の4つのキャラクター画像と
背景を用意しました。

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

◎150 × 150pix の白背景。


ka002

4・キャラクター画像の位置の展開。

ここでは、背景から、右側に出てしまったsea-wind.netロゴを
最左側に、ラッピング。

 

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

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

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

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

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


!(´Д`;)

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

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



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

 



今回の画像の作成をPhotoshopの作業で振り返ります。


- - -


レイヤーの内 レイヤー002
1) ロゴのレイヤーを複製する。
< レイヤーウィンドウの
右上×の下の矢印をクリックし
出てきた「レイヤーを複製」を
ポイント。 >

2)複製したロゴを移動する。
(左に150pix移動する。
150pix四方のグランド。
右にロゴが出るので。)
<作業は、
「編集」-「自由変形」-
「X軸を−150pix移動させる」>

ちなみにPhotoshop7.0では、
上記、作業ですが、
以前使用していた他のバージョン
の、Photoshopは、
画像の移動の数値入力が
確か、違うホルダーに入ってました。

ま〜、「マイナス150pix」
X軸を数値入力で移動です。


これで、壁紙にした時、ロゴが途中で切れる事無く、
表示されます。

- - -

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


***
そうだ !
今回は、各キャラクターを
重ねないで表示する事としていましたので、
もし、150pix
移動した時に右左が重なってしまう場合は、
角度不足なので、
元のレイヤーの角度を再度修正後に、
上記の1)2)の作業を。


と言う事で、
また次回で〜す。

- -

  次は、
ロゴ以外の
他のPhotoshopキャラクター画像の位置も
再確認してみます。


         チャオ!



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

以前、出した
パイナップル
参照:水着ショップ 案内ページに使用中の
http://www.f-j-r.com/infor.htm

水着 通販壁紙。
http://www.f-j-r.com/

も、パイナップルの缶には、
だいぶ時間をかけましたが、
(当時はPhotoshopの4.0Jだったので、
工程数が多く、結構大変でした。
今なら、もっと簡単だと思いますが・・・)
又、
左下のヤシの木らしきキャラクターは、
結構アバウトで、配置の関係で、入れました。


フォントの文字型に関しては、
元々PCやフォトショップや
イラストレーターに入っているフォントを加工していってもいいし、
市売でも色々なフォントが売られているので
探してみて下さい。

面白い物も結構あります。
でも遊び過ぎのフォント文字は、
既に、それで完成されていて、
買う時は喜んで買うのですが
後から、あまり加工できないので、
結局、使わない事が多かったです

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

と、言うことで、
今回は 
壁紙の作成方法-4。( 画像の展開 1 )
でした。

では、また

チャオ !






seawindnet at 15: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店のショップの制作、
骨折り記録です。