ブログの設定を変更していますので、表示が乱れる場合があります

2008年02月09日

PSPカスタムテーマ制作 透明化は2通り

前記事の続きの今更PSPのカスタムテーマ作り方

前の記事
http://playbox.seesaa.net/article/82820914.html

++++++++++++090116追加
フリーソフト"PictBear SE"を使ったPSPのカスタムテーマ作り方の解説
http://playbox.seesaa.net/article/112661602.html
+++++++++++


PNGで作る場合、アイコンの透明化は2通りの方法がある
(他にもあるかもしれないが知りません・・・・)

PNGにα画像を設定する(半透明が可能)
PNGで透明色を設定する

↑のどちらでも透明化できる
どっちがいいとは言い切れないが、個人的にはα画像を使ってる
大きい画像を縮小したりしたとき、透明色だと綺麗に透明化できないが、αのほうが綺麗にできるような気がする!
(透明色だと、絵の周りに色が残ってしまうとかある)

普段使ってるツールでできるならそれで透明色、256色に減色などして出力する

愛用ツールがないなら「PictBearSE」などがいいかも!
(私は他にもGIMP2、PhotoshopLEとか機能によってソフトをバラバラと使ってます)

PictBearSEで背景を透明化(透明色を設定)
透明色でしない場合は、下のほうの赤文字まで読み飛ばしてください

必要な所以外を1色で塗りつぶす
psp-c000.png
画像だと「設定」の文字以外のピンク色が消える
(横アイコンなので64*48のサイズ)

透明色を設定するためにインデックスカラーにする
psp-c001.png
とりあえず「はい」で
psp-c002.png
256で
psp-c003.png

でここから透明色を設定する
psp-c004.png
消す色を選ぶ(赤丸の色を選択)
psp-c005 コピー.png
赤丸の横の半端な色が後で問題になる(横の矢印)
説明用に別の色が残ってる画像で説明してます

とりあえず、PNGで保存
公式ツールに保存したPNGを設定、してレビューで見る
psp-c006 コピー.png
透明色の設定のときに、横にあった半端な色が透明にならず残るので汚くなる

消す色は1色なら何色でもいい
psp-c007.png
↑の場合はピンクと同じで半端な色が残るの

説明用に端に色が残ってる画像で説明してます
上で説明した半端な色を消す色塗りつぶせば綺麗に消えます
が、元のある画像を縮小して作る場合は非常に困難で手間がかかります

で、画像を縮小などして作る場合、透明色を設定するより、α画像を設定したほうがいい感じになるかも
あくまで、私はそうしてるというだけで、必ずしもこっちが綺麗というわけではないですが・・・

というわけで、αで透明化をする

αだと半透明ができるのでフォーカスもいい感じで使える

αを使った場合ソフトが使うソフトが増えます
画像を作ったりする「PictBearSE」(愛用のソフトで)
PNGα画像制作は「PNGediter」(私はこれを使ってる)
減色は「pngquant」

PNGをαで透明にするには2枚の画像が必要です
1、普通の画像(透明にしたい画像)
2、どこが透明なのかの白黒画像
  (黒と白で、白が透明になる灰色は半透明)
両方をbmpで保存する(PNGediterの場合)

上の画像が透明にしたい画像
下の白黒画像の、黒い所が透明になる
psp-a01.png
(透明化の実験のため背景をカラフルに塗ってます)

2の画像を作るコツ
書いた文字をコピーし"白色"にする(必要な所を"白く"して他を"黒く"する)
もしくは不必要な所を"黒色"で塗りつぶす(不必要な所を"黒く"してほかを白く)
アイコンなど単体の絵柄があるなら、別レイヤーにコピーして色調補正で白(黒にして反転)にするのが早い

2枚の画像をbmpで保存して「PNGediter」に!
psp-a02.png
この画像から青文の「写真」のみ表示したいので、
↓画像の赤丸(αチャンネル設定)を押して白黒が画像を読み込むと↓こうなる
psp-a03 コピー.png
保存からPNGで保存すれば画像は完成

PS3のカスタムテーマだとこの方法で(画像の大きさは128*128で)そのまま使用できるのでらくですが、PSPの場合は減色する必要がある

減色は「pngquant」をしよう
↓からダウンロードできます
pngquantで減色(カスタムテーマ作成@wiki)
http://www42.atwiki.jp/psp_theme/pages/27.html

カスタムテーマ作成@wiki
http://www42.atwiki.jp/psp_theme/

ファイルを解凍後、"α設定したPNG"を同じフォルダにいれてpngquant.batを実行すれば、"-fs8"と名前のついたファイルが作られこれで完成です

フォーカスも同じ要領で作れます
フォーカスは画像の大きさが違うので注意
48*48の所は64*64
32*32の所は48*48

フォーカスのαはこういう感じで、ぼかすといいかも!
フォーカスアルファチャンネル.BMP
ボカさなくても表示されるので、絵の点滅とかできる
その場合は、アイコンを透明にして、フォーカスに絵を入れれば、絵だけ点滅になる
(アイコンなどを透明にすれば透明なテーマも出来ると思う)

とりあえず1つ画像を作って公式のツールに設定してプレビューとか「書き出し」する

始めて作る場合は、1つアイコンを作って、思ったように表示されるか確認してから他のアイコンも減色などをしたほうがいいと思う

テストでつくった漢字テーマ(横アイコンのみ)
http://psp.themesup.net/data.cgi/2073
ps3版のカスタムテーマをPSP用に・・・・

上の漢字テーマのアイコンフォーカスとかをダウンロードできるようにしました↓
カスタムテーマの・・.zip
_preview.BMP 、_icon.pngはダミーにでも使えるかもしれない・・
フォーカス(64*64)、透明アイコンもご自由に!
("漢字のアイコン"そのまま使用以外はご自由にってことで)

PSPカスタムテーマあぷろだ
http://psp.themesup.net/

ていうか、公式でjpgでもPNGでもなんでも画像ファイル突っ込んだら、形式を変換してテーマファイルにしてくれるようなツール出してくれれば楽なのに・・・・・

posted by 風が吹く at 17:15| Comment(0) | TrackBack(5) | ゲーム:Vita、PSP | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


この記事へのトラックバック

Valium.
Excerpt: Taking valium while breast feeding. No prescription valium. Valium without prescription. Valium caus..
Weblog: Valium.
Tracked: 2010-06-11 05:01

Phentermine.
Excerpt: Phentermine.
Weblog: Phentermine.
Tracked: 2011-01-17 14:31

Viagra side effects.
Excerpt: Viagra uk. Cheap viagra. Viagra online. Try viagra for free. Viagra from india. Viagra.
Weblog: Order viagra.
Tracked: 2011-01-19 08:15

Viagra prescription.
Excerpt: Viagra prescription. Side effects of viagra. Viagra.
Weblog: Viagra.
Tracked: 2011-01-19 12:23

Alprazolam.
Excerpt: Alprazolam.
Weblog: Alprazolam.
Tracked: 2011-01-19 14:24

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。