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 の白背景。
4・キャラクター画像の位置の展開。
ここでは、背景から、右側に出てしまったsea-wind.netロゴを
最左側に、ラッピング。
○●○●○●○●○○●○●○●○●○○●○●○●○●○
○●○●○●○●○
注、今回の、サンプル図形について。
: hahaha~
グランド色を白で作ってしまったので、
ブログ記事の背景色と同じだ〜! ピンチ !
と言うことで、
一先ず、
ブログの段落を水色の背景にして見えやすいようにしました。
中の「 白い所のみ 」 見て下さい〜!
ゴメンネ !! (;´▽`A``
!(´Д`;)
また、壁紙の背景の色の調整は、
最後の方で、項目にします。
○●○●○●○●○
○●○●○●○●○○●○●○●○●○○●○●○●○●○
Photoshopの作業は以下 どぅえ〜す。 ↓ ↓ ↓ -Photoshop
今回の画像の作成をPhotoshopの作業で振り返ります。
- - -
レイヤーの内
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 )
でした。
では、また
チャオ !