Home > Design・Mac関連など > PhotoshopでBlogPet背景の色替えをする

PhotoshopでBlogPet背景の色替えをする

解説

眠たいのに眠れないので、不思議の国の色替え遊びでもしてたまには解説してみるw(あんま意味ないエントリーです…スンマセンw)

ブログペット背景の不思議の国はフラッシュ背景ですが、ベースはフォトショップで作成している(元絵にイラストレーターも使用してますが)jpeg背景です。

フォトショップ上ではいくつものレイヤー(レイヤーってね、透明のフィルムみたいなもんで、色を付けて重ねたり、順序を変えたり…そりゃまぁ便利なものです)に分かれており、そのレイヤーは仲間同士でグループ分けしてあります。

グループは、画像で言うと、手前の床から奥にかけての床を6グループ、月のグループ、空のグループになっています。

画像上で奥にあるもののレイヤーは下にあり、手前に見えるもののレイヤーは上にあります。この状態で一括で色を変えたりしていくには、私の場合、調整レイヤーというものを使います。サンプル画像の中にある青く選択されているところがそれにあたります。

今回は色調整の中の色相と彩度を変えていく方法。調整レイヤーはレイヤーパレットから作れますが、普通に作ると下のレイヤー(月グループや空グループ)に影響しちゃいますので、床グループ全体にマスクをかけて下のレイヤーグループに影響しない範囲を作ります。それから色調整。あっという間w

例えば「床1〜6のグループを全部違う色に!」とかって時も、レイヤーマスクと調整レイヤーで変えたい部分を調整できたりします。むしろ丁寧に作るなら同じ色でも1〜6の床に分けて調整し、微妙な色の違いや、調整の度合いの強弱をつけていくともっと奥行き間のある素材になっていきますね。

もちろん、他の方法でもいいですが、この方法は調整しているものがレイヤーなので、気に入らなかったら非表示にしたり破棄がいつでも簡単にできることがメリットです。

あとは、空も床に合わせて多少色調整をして終了。これで出来上がった画像をFlashのライブラリに読み込んでいつも作っています。フラッシュは完全にペットの背景作成などでしか触らないので毎度毎度がお勉強。背景の絵は意外と早くできるのに対してフラッシュは無駄に時間がかかります(笑

あ、念のため書いておきますが…こういったアレンジはあくまでも自作のものにバリエーションを付ける時などに利用しましょうねw 素材屋さんの素材を勝手にいじるのは許されてない場合が多いかと思います。

Comments:10

Comment Form
柴成 2007年5月 8日 07:00

こんにちはw
レイヤー、便利ですよねぇ。
多用しすぎてメモリが悲鳴上げていますが☆

>フラッシュは無駄に時間がかかります(笑
みんな一緒ですね♪
私もです、と言うかFlash立ち上げる度に操作を思い出すところから始めます(笑;)

凸 ねこ 2007年5月 8日 07:41

(¨ )(.. )(¨ )(.. )ウンウン!!レイヤーには、いつもお世話になりっぱなしですね~。
多い時なんか、何百枚にもなったり・・・σ(^_^;)アセアセ...
σ(-_-)もFLASHは、中々上達しませんワ・・・
何故か、機嫌が悪くなると強制退去させられる・・・し
確かに、労力はFLASHの方が大変かも^^

桜子 2007年5月 8日 10:31

|/// |・ω・)ノ やぽ~| ///|
そっかぁ、レイヤーってそういう便利なものなんだ(。・ω・。)ゞ ポリポリ
【黒板】\_( ゚ロ゚)ここ重要。メモょ!!メモ! !
しっかりメモd(≧▽≦*)
レイヤーの素材ってのは、自分で作るのかなぁ・・・(-ω-;)ウーン・・・w

スギタリエ(モンビッケの飼い主) 2007年5月 8日 11:20

● 柴成さん
とっても便利なレイヤー♪ついつい増やし過ぎて収集がつかなくなるときがありますw
σ(・ω・*)もメモリは増やしたい……倍にしたらもっと快適になるかなぁ。
> と言うかFlash立ち上げる度に操作を思い出すところから始めます(笑;)
かなり同じです(笑

● 凸ねこさん
あまりに多くなり過ぎたレイヤー、レイヤー名を必ず付けるクセをつけてないので後で困ることもしばしば^^;
凸ねこさんはちゃんと一枚一枚名前付けてます?
> 何故か、機嫌が悪くなると強制退去させられる・・・し
フォトショップで沢山のレイヤーが扱えるだけの状態ってことから推測すると
もしかしたら何かコンフリクトしてたりするのかしら?

● 桜子さん
(・ω・)(._.)(・ω・)(._.)ウンウン♪
写真を扱う時にも、部分的に調整をしたかったり、合成したかったりするときは
レイヤーや調整レイヤーを使うと簡単なんだよ♪
> レイヤーの素材ってのは、自分で作るのかなぁ・・・(-ω-;)ウーン・・・w
レイヤーに含まれるものは、σ(・ω・*)は自分で作ってるよ♪
制作物自分で使うだけとかならフリーの素材集から使うのも手だね♪

るき 2007年5月 8日 15:05

 そやって、あの不思議な床を貼り合わせてたのかぁ..
 それでいて、自然とクルクル回ってるようなトンネルになるんだね~(= ̄  ̄=)スゴイ..
 私がするとどうなるんだろ…山あり谷あり、壁ありだったりしてΣ(・ω・|l|)ガーン

tomo 2007年5月 8日 15:12

お久しぶりです!無事帰国しました~(。・ω・。)ゞピッ
モンビッケさんは眠れなかったんですね~。。
σ(・ω・*)は速攻で爆睡しましたが、寝るのが遅かったので今日は昼寝しちゃいました(ノ´∀`*)
ブログを引っ越したのはいいものの、使い勝手がよく分からず(;・∀・)アセアセ
慣れるまでしばらく時間がかかりそうです凹○コテッ

るなねこ。 2007年5月 9日 08:32

モンビッケさん。
おはようございまーす!
作業工程 (pェ・q)チラリンコ

わー!

あらためて感謝でーす^^

これからも製作 がんばってください♪

モンビッケの飼い主 2007年5月 9日 11:43

● るきちゃん
山あり谷あり壁ありもなかなか楽しそうだよ(笑

● tomoさん
何か睡眠って難しいですよね;;昨日の寝不足の分なのか今日はエラい寝過ぎてしまいました;;

● るなねこ。さん
ありがとうございますー♪♪実は単純なつくりなので意外と簡単なのです(笑

まゆび 2007年5月 9日 18:39

モンビッケさん、こんばんは♪(o・ω・)ノ
モンビッケさんの絵の講座をとっても楽しみにしております♪('-'*)エヘ
レイヤーは便利だそうですね~♪
まこさんや凸ねこさんがレイヤー何枚っておっしゃっているときにも思ったのですが、
背景を作るのって大変そうだなぁって思います。
大事に使わせてもらわなければ!!
PhotoShop使いこなせるようになりたいわぁ♪と
いつも思うのですが、なかなか難しいですねぇ。

スギタリエ(モンビッケの飼い主) 2007年5月10日 22:32

● まゆびさん
楽しみにしてくれてる方がいらっしゃるなんて(T∀T)ウルウルうれちー♪
レイヤーはホント欠かせない機能です。
フォトショップに限らず、イラストレーター、フラッシュなどでも使いますし、メチャクチャ便利なんですよ♪
レイヤーの数が多くなると、データの管理やファイルの重さなど気をつけなければならない事も増えますが
便利さにはかえられないのですよねー(笑
まゆびさんもフォトショップが使えたらペットの背景なんてお茶の子さいさいになりますよ!

Trackbacks:0

TrackBack URL for this entry
http://instinc.jp/mt/mt-tb.cgi/644
Listed below are links to weblogs that reference
PhotoshopでBlogPet背景の色替えをする from INSTINCのおもちゃ箱

Home > Design・Mac関連など > PhotoshopでBlogPet背景の色替えをする

Author
Search
Feeds

Return to page top