June 18, 2010
壁紙をフォトショップで作成-6。( 2:元画像の拡大展開 )
フォトショップで壁紙を作成する方法-6です。
( キャラクター画像の拡大展開 )
- - -
アロ〜ハ!
水着のショップ作成記録の
sea-wind.netです。
- - -
壁紙画像の拡大展開-2。
今回も前回の続き。
前回右横に展開し
フォトショップ画像の
X : Yが 300pix : 150pix
になりました。
前回、4つのキャラクター ( 4つのレイヤー ) を複製し
8つのキャラクター ( 8つのレイヤー ) になりました。
(+背景も入れレイヤー9こ)
左側の4つをA組。 右がB組 みたいになりました。
で、今回はそれを下に展開し。
X : Yが 300pix : 300pix
8つのキャラクターの、8つのレイヤーを
16こ のキャラクターの、16こ のレイヤーにします。
(+背景で17)
最初に決めたサイズは150 × 150pixでした。
前回、300pix : 150pix
で、今回は300pix : 300pix
同じキャラクターを複製し下に展開。
(300pix × 300pixに。)
‐‐- - - -
展開後のの4つのキャラクター画像と背景
1)sea-wind.net のロゴ
2)35pixの正円 ( 濃い )
3)45pixの正円 ( 薄い )
4)65pixの正円 ( 中間 )
◎150 × 150pix の白背景。を
300pix × 150pixに右拡大後
各、キャラクターをx軸方向に、+150pixづつ右移動
元画像の各キャラクターをレイヤー複製。
レイヤー複製分を150pix下に移動し
300pix × 300pixに拡大しました。
8つのキャラクターが16に
各、キャラクターをy軸方向に、+150pixづつ右移動
6・元画像の拡大2。
( 赤枠の部分が最初作成した画像 )
○●○●○●○●○○●○●○●○●○○●○●○●○●○
○●○●○●○●○
注、今回の、サンプル図形について。
: hahaha~
グランド色を白で作ってしまったので、
ブログ記事の背景色と同じだ〜! ピンチ !
と言うことで、
一先ず、
ブログの段落を水色の背景にして見えやすいようにしました。
中の「 白い所のみ 」 見て下さい〜!
ゴメンネ !! (;´▽`A``
!(´Д`;)
また、壁紙の背景の色の調整は、
最後の方で、項目にします。
○●○●○●○●○
○●○●○●○●○○●○●○●○●○○●○●○●○●○
Photoshopの作業は以下 どぅえ〜す。 ↓ ↓ ↓ -Photoshop
今回の画像の作成をフォトショップの作業で振り返ります。
- - -
1)前回同様
カンバスサイズの拡大。
高さを150ピクセル、下に拡大。
<作業は、
「イメージ」-
「カンバスサイズ」-
変更後のサイズの
「高さ」欄に
現在のサイズの
倍の300pixの
数字を入力。
基準位置は
上中段をポイント
下に画像が大きくなる様にする。
「OK」をクリック。>
画像は、幅 × 高さ が、300pix × 300pixになりました。
- -
2)レイヤーの内 各キャラクターを複製する。
< レイヤーウィンドウの右上の矢印をクリックし
出てきた「レイヤーを複製」をポイント。 >
・sea-wind.net のロゴ
・35pixの正円 ( 濃い )
・45pixの正円 ( 薄い )
・65pixの正円 ( 中間 )
の各キャラクターが、
左右に1つづつ有るので、
両方とも、レイヤーの複製をする
ココでは複製したレイヤーのみ
順番を下に集めました。
右のレイヤー図では、
複製したレイヤーの
名前最後に
-元(左上)
-右上
-左下
-右下
と、
今から行う、場所移動後の場所の名前入れてみました。
** 前回加えたsea-wind.net-20c-ロゴ2は複制せず。
<図形左側の文字の切れている部分のロゴレイヤーです>
( しかし複製した場合は勿論、左下用のレイヤーのカタマリの位置に
レイヤーを置くと判り易いです。 )
- -
3)4つの区域に4つづつのキャラクターを
同じ間隔で配置。する為、
今複製したレイヤーだけリンクさせ
複製したロゴを一括で下に移動する。
新たに増えたスペースに移動。
(下に150pix移動する。
300pix正方形のグランド下に各キャラクターを移動。)
<作業は、上図の様に複製した全キャラクターのレイヤーを複製し、
4つのキャラクターのレイヤーのみリンクさせ
「編集」-「自由変形」-
「Y軸を+150pix移動させる」>
ちなみにPhotoshop7.0では、
上記、作業ですが、
以前使用していた他のバージョン
の、Photoshopは、
画像の移動の数値入力が
確か、違うホルダーに入ってました。
ま〜、「プラス150pix」
Y軸を数値入力で移動です。
大きな正方形の壁紙の状態になりました。
- - -
○●○●○●○●○
今回は拡大展開の2
下側に壁紙を拡大、正方形に。
と言う事で、
また次回で〜す。
- -
次は、
切り抜きです。
チャオ!
*******************************
以前、出した
参照:水着ショップ 案内ページに使用中の
http://www.f-j-r.com/infor.htm
水着通販サイトの壁紙。
http://www.f-j-r.com/
も、パイナップルの缶には、
だいぶ時間をかけましたが、
(当時はPhotoshopの4.0Jだったので、
工程数が多く、結構大変でした。
今なら、もっと簡単だと思いますが・・・)
又、
左下のヤシの木らしきキャラクターは、
結構アバウトで、配置の関係で、入れました。
フォントの文字型に関しては、
元々PCやフォトショップや
イラストレーターに入っているフォントを加工していってもいいし、
市売でも色々なフォントが売られているので
探してみて下さい。
面白い物も結構あります。
でも遊び過ぎのフォント文字は、
既に、それで完成されていて、
買う時は喜んで買うのですが
後から、あまり加工できないので、
結局、使わない事が多かったです。
○●○●○●○●○
○●○●○●○●○○●○●○●○●○○●○●○●○●○
と、言うことで、
今回は
壁紙の作成方法-6。( 2:元画像の拡大展開 )
でした。
では、また
チャオ !