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

2009年12月04日

PSPのカスタムテーマ作り方(一番簡単な作り方と思う)

PSPのカスタムテーマの作り方で最近質問があったので、私が思う一番簡単だと思う作り方の紹介

必要なもの(画像編集ソフトはフリーソフトを使う)
 パソコン
 公式の制作ツール
 PictBear SE(画像編集ソフト)
 (一番下に必要な所へのリンクを張っています)

あと時間と根気が必要!!
PSPのアイコンは全部作ると30個以上になるので、冗談じゃなくて時間と根気が必要になります

私はWindowsXPを使用しています
PSPのカスタムテーマ作りや画像の編集が初めてという人を対象です
が、ある程度パソコンの基本操作が出来ることが前提です
(ファイルを開いたり保存したりの方法は説明しません)

とりあえずカテゴリアイコンを1つ作ってみるということで
完成予定図は↓コレ (左のアイコン)
psptek-0000.jpg
簡単にということで透明化は無し

この記事を書いてるときに聞いてたかもしれない歌


-ここから開始-
画像は"右クリック"などで新しいウインドウに開くを選択してください
(ブログの設定で、新しいウインドウにしてるのに開かないので)

作業の流れは
 画像を用意→切り取る→大きさ合わせる→減色→テーマとして出力→PSPで確認

画像編集はPictBear SEを使用します
(下にリンクしてます、他の画像ソフトでもやる事は同じです)

PictBear SEで画像を開く
画像は、最近買った漫画の写真
psptek-001.jpg
(640*480の大きさ)

PSPの一番上のアイコン(カテゴリアイコン)の大きさは64*48の大きさになる
(幅が64で、高さ48という横長の長方形というイメージで!!)

大きさをイメージするために、アイコンの大きさを作ってみる
psptek-002.jpg
左上のファイルから新規作成から入力

写真と比べるとこのぐらいの大きさとなる
psptek-003.jpg

写真全部は使えないので、欲しい所だけを"切り抜く"
ここから下の説明ではアイコンサイズと比べてギリギリに切り取りますが、最終的に縮小するので欲しい所を切り抜けば問題ありません

左の"選択範囲"というアイコンをクリックしてから、画像の必要な所を囲む
サイズ調整で端が切れる場合があるので必要な所ギリギリは止める
psptek-004.jpg
作るのは"幅が64で、高さ48という横長の長方形"ってことを考えつつ必ず少し大きめに!

大きい画像は縮小できるので良い
が、小さくしてしまうと空白が入るので必ず幅64、高さ48のサイズを下回らない

必要な範囲が囲めたら、上の"イメージ"から"トリミング"
psptek-005.jpg
自分で選択した部分以外が消える

今回は、顔の部分をアイコンにするので、トリミングを繰り返し、並べてみて、大体同じぐらいかなぁ〜という所まで選択範囲を使って切り抜いた
psptek-006.jpg
ギリギリにしなくても後で縮小するので必要な部分を取り出せばいい


次はイメージのリサイズ

大きく画像を切り出した場合、ここでシッカリ設定しないと、極端な話こういう風に画像が歪んでしまうので注意
psptek-008.JPG
大きいサイズの画像を強引にアイコンサイズにしたため比率が狂ってしまった例↑


実際のアイコンサイズにするために画像の大きさを調整する

リサイズにはキャンパスのリサイズイメージのリサイズがあるので注意
(下のほうで解説)

"イメージのリサイズ"を選択
psptek-007.jpg

64*48の大きさにしたいが、"大体同じぐらいかなぁ〜"という感じで切り抜いので、縦横の比率が狂っていると思うのでそれを調整する

ここ重要↓!!
psptek-009.JPG
まず横64を64の大きさにすると、縦が43になる(上の画像)
縦は48なので43だとサイズが足らないので困る
逆に、縦を48にすると横は70となって横はオーバーしてるが、オーバーした部分を切り取れば64に出来るのでこちらで決定

上の例では、横長だが、縦横が逆の縦長になったら、ここから下のカットする所も逆にする


並べると大体同じぐらいの大きさになった
psptek-010.jpg
この写真だと"画像48*70"と"白46*64"なので幅が6大きいだけの違い

次は上でオーバーした横幅を合わせる(上の"6"大きい部分を切り取る)

次に、イメージのキャンパスのリサイズ
psptek-011.jpg


ここでは必ず"縦横比を固定する"のチェックを外す
psptek-012.jpg
下の"アンカー"は画像のどこを中心にサイズを変更するかなので、中心を選べば、両端が均等に切られる
これで画像の大きさは完成!!


PSPで設定するためには"色数"を調整する必要があるので"イメージ"から"イメージタイプ"、"インデックスカラー"を選択
psptek-013.jpg

画面がでるが、"256色"になっていれば特に触らず"OK"を押す
psptek-014.jpg
若干の色合いの変化が起こると思うが、色数を減らしてるので仕方がない
(極端にモノクロになったとかの場合は、OKを押す前に256色になっているかを確認)

これで画像の編集は終了!

出来た画像は、PNG形式で保存
psptek-015.jpg
この保存した画像が、ちゃんとPSPで表示されれば完成

PSPのテーマにするために
公式のツール(themeconv.exe)を使用する(下にリンク)
日本語になってない場合は"Help"から"Settings..." から"Japanese"を選択すれば日本語になる

psptek-00020.JPG
タイトルは"タイトル"
プロダクトIDは出来るだけ固有なもの(他の人の作品、自分の作品と被らないものが良いと思う)
バージョンは、0.1より0.2が上という感じで適当に
PSPが"プロダクトID"と"バージョン"の情報から新しいか古いかを判断してると思われる
(同じ作品をバージョンアップさせる時は、プロダクトIDは同じで、バージョンのみ変更するといい)
まぁテストなので適当に!!!

その他の項目のプレビューアイコンプレビューイメージを設定しないとエラーが出るので、
このファイルの中に"_preview.BMP"と"_icon.png"があるのでコレをダミーとして使ってください
カスタムテーマの・・.zip←これ
他のファイルも入ってますので設定してみて、感じを掴むのもありだと思います(私が作った画像なので利用はご自由に!)
これらのファイルも、ここに書いた画像編集の方法で作れます(アイコン16*16のPNG、イメージ300*170のBMP)

最終的にPSP用のテーマを出力するのは"保存"ではなく"書き出し"です
psptek-00021.jpg

これをPSPのメモリースティックの「PSP」-「THEME」の中に入れてPSPで設定する
(PCでPSPの中を見て"PSP"フォルダのなかの"THEME"フォルダにファイルを入れる)

作った画像が表示されていれば完成
同じ手順で他のアイコンを作る
今回は一番上の横にならぶアイコン(カテゴリアイコン)を作りましたが、縦のアイコン(1階層)は48*48の大きさになるので注意!
第一階層など"フォーカス"はアイコンの後ろで点滅する絵です


壁紙
背景は480*272の大きさで!
アイコンの縮小と同じ方法でサイズを調整すれば作れます


キャンパスリサイズとイメージリサイズの違い
上のほうでアイコンの縮小でリサイズにはキャンパスのリサイズイメージのリサイズがあるってかいたけど、こういう感じの違い
psptek-00000000.jpg
イメージのリサイズは、そのまま絵が小さくなる
キャンパスのりサイズは、絵はそのままに画像の描いてる紙が小さくなるイメージ

アドバイスというより、個人的な好き嫌いの話になるけど、アイコンより、壁紙の明度やコントラストを落としてやったほうが見やすいと思う(イメージ:明るさの調整から)
psptek-00022.JPG
アイコンと背景が同じだとごちゃごちゃしてて、アイコンが見にくくなるので、私はアイコンを引き立てるという意味で、壁紙の明るさを落としています

PSPのカスタムテーマを簡単にということで、透明化をしていませんが作りこんでいけば、画像の透明半透明も可能です
(わかりにくいですが一番上の写真"完成予定図"の右のアイコンは人物以外を透明にしてあります)

そちらの作り方は、こちら↓を参考にしてください、作業量が倍ぐらいになります!
http://playbox.seesaa.net/article/112661602.html


公式のツール&説明書
http://www.jp.playstation.com/psp/dl/tool/psp_customtheme_tool_eula.html

Sleipnir 1.66 公式ページの跡地です。
http://www20.pos.to/~sleipnir/
ソフトの上から3つ目に"PictBear SE"がある

Lhaplus(ベクター) ファイル解凍ソフト
http://www.vector.co.jp/soft/win95/util/se169348.html


posted by 風が吹く at 21:05| Comment(9) | TrackBack(0) | ゲーム:Vita、PSP | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
ありがとうございます!
凄くわかりやすかったです
参考にさせていただきます
Posted by もじゃ at 2010年08月17日 12:34
すこしでも参考になったのなら幸いです
頑張って作ってください!
Posted by 風が吹く at 2010年08月17日 20:58
指定の保存形式はインデックスカラーには対応していませんとでたのですがどうしたらいいでしょうか?
Posted by クロロ at 2010年09月28日 18:32
保存するときにファイルの形式が違うと思われます
画像の保存形式は"PNG形式"になります

保存する所の下にある
 「ファイル名」の下の「ファイルの種類」を"PNGファイル(png)"を選択して保存してください

開いた画像(編集前の画像)が"jpg"形式とかだと保存する時に、そのままの設定が持ち越されてると思います
Posted by 風が吹く at 2010年09月28日 20:10
ありがとうございます^^
今から又やりますわからなくなったら又お願いします
Posted by クロロ at 2010年09月28日 21:03
やろうとしたところファイルの種類のところにPNGファイルがないんですがどうしたらいいでしょうか?
Posted by クロロ at 2010年09月28日 21:27
確認し忘れていましたが、使用しているソフトは"
PictBear"ですよね?
私の使ってるバージョン2.02で確認してみましたが、下のほうにありますのでもう一度確認してみてください

"名前をつけて保存"を選んだ後の「ファイル名」の下にある「ファイルの種類」のなかに"PNGファイル(png)"というのがあるはずなので探してみてください

もし違うソフトを使ってて、PNG形式で保存でき無い場合は、一度そのソフトで画像を保存して、PictBearなど、PNGで保存できるソフトで開いて保存する必要があります
(PSPテーマのソフトがPNGなど特定の形式しか読み込んでくれないので、それに合わせないといけないので!)

PictBear ベクター(フリーソフト)
http://www.vector.co.jp/soft/win95/art/se161523.html

ソフトのバージョン違いだったら↑で私が使ってるのと同じバージョンのがダウンロードできると思います
Posted by 風が吹く at 2010年09月28日 23:11
とても分かりやすかったです
すぐに作ることが出来ました
ありがとうございます
Posted by R4 at 2011年09月11日 21:58
どうもです!
参考になったのなら説明を作ったかいがあります
テーマ制作は結構時間がかかって大変だけど、自分の好きなのにできるので、頑張って色々やってみてください!
Posted by 風が吹く at 2011年09月12日 21:35
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


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

広告


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

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

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