カスタムテーマ作成@wiki

過去ログ

2008-04-26T11:41:52+09:00

#openclose(show=過去ログ3の表示/非表示){ - できました。ありがとうございます。 -- pin (2008-03-11 20:42:34) - ペイントでは透明化する機能はなかったと思います。 &br()PictBearなどを使って空白部分を消してください。 &br()PictBearではまず「[[背景からレイヤーへ>http://www42.atwiki.jp/psp_theme?cmd=upload&act=open&pageid=33&file=3.jpg]]」をクリックした後、消しゴムツールで消すと透明になります。 &br()また、選択ツールや自動選択ツールを使って、選択範囲を作成→Deleteキーでも透明に出来ます。 -- &bold(){管理人} (2008-03-10 01:36:10) - できました。ありがとうございます。 &br()もう一つなんですが、アイコンの余白、空洞部分を透明化 &br()はどのようにすればいいのでしょうか？ -- pin (2008-03-09 22:48:27) - >>pinさん &br()ペイントでPNGで保存した後、pngquantを使って減色をしてください &br()>>がんばりまんさん &br()比率を保ったままリサイズして、左右の余白を増やすしかないと思います -- &bold(){管理人} (2008-03-09 02:01:39) - 縦長気味のアイコンなどを使用しpspアイコンを作成するとき &br()リサイズをするとつぶれてしまいますよね。何か良い方法はないですか？ -- がんばりまん (2008-03-08 21:56:29) - 第一層アイコン主体をXPのペイントできちんとサイズ、保存形式を設定したのですが、 &br()ソフトのアイコンの編集で設定するのですがエラーがでてできません。解決方法ご教授お願いします。 -- pin (2008-03-08 21:15:28) - プロダクトIDは適当で大丈夫です。ただし、あぷろだにアップする場合は適当なのは避けるべきです &br()アイコンが変わっていないのはアイコン本体のみを指定して、フォーカスアイコンを指定していないからでは？ -- &bold(){管理人} (2008-03-08 1

初心者向け

2008-02-24T19:15:11+09:00

テーマ作りも落ち着いてきて、情報もまとまったので初心者向けにまとめときます。ここで言う初心者は画像編集の初心者ではなく、カスタムテーマ作成の初心者を指します。情報が古いですがソフトの使い方は個別ページを見るか、Googleなどで検索してください。使用ソフトのおすすめ・[[@icon>http://www.towofu.net/soft/aicon.php]]　.ico→.pngの変換ソフト・[[PictBearSE>http://sleipnir.pos.to/]]　起動がとにかく早い。簡単に扱える・[[GIMP>http://www.geocities.jp/gimproject/gimp2.0.html]]　起動遅めだが動作は軽い。多機能すぎて全く使い方がわからない人もいるかも・[[pngquant>pngquantで減色]]　減色するならこれ・ペイント(Win付属)　BMPを保存するときだけ使う **拾ってきたアイコンから作る場合 @iconで変換サイズが合わないならPictBearなどでリサイズし、フルカラーで保存 pngquantで減色 **自分で作る場合ある程度の画像編集のスキルがないと作れません。レイヤーって何？おいしいの？って人には無理です。よくデフォルトのアイコンはどこで拾えるか聞いてくる人がいます。拾える場所は知らないので、簡単に手に入れる方法を書いておきます。公式ツールを起動して、アイコンを一つ一つキャプチャする方法です。この方法ではPictBearと、[[egis Station>http://egis-s.hp.infoseek.co.jp/]]にある透明度操作のフィルターを使います。まず、公式ツールを起動。PictBearの[ファイル]→[インポート]→[スクリーンキャプチャ]で公式ツールのアイコンをキャプチャします。→[[図1>http://www42.atwiki.jp/psp_theme?cmd=upload&act=open&pageid=33&file=1.jpg]] キャプチャしたアイコンを選択ツールを使ってトリミング。→[[図2>http://www42.atwiki.jp/psp_theme?cmd=upload&act=o

GenSakWinでの作成方法　2

2007-12-15T18:11:56+09:00

PSDファイルを直接Gensakで256色に減色するだけでOK 利点として、不透明部分や半透明の値が完全に反映される。アルファチャンネルなどを別に作らなくてもいい。コマンドプロントの操作も不要。作成方法 PSD形式のファイルで出力。　PSDファイルを作れるツールなら、たとえばSaiで作ったものでもOK 注意点としてはPSDファイルは結合時の透明半透明が維持されるから背景との結合はしてはいけない (前レイヤ-結合時に前に背景レイヤーを削除して、表示部分を結合　など、透明部分が維持されるようにレイヤー結合すること) ファイル形式はRGBモードそのファイルをGenSakで読み込む、 Gensakでα値のレベル調整は不要。　減色オプションでα値の重み(0％)を1.0に指定するだけ PSDファイルはSaiで作ったものでもOK。そのファイルをPng形式で出力。

ImageMagick

2007-11-23T21:49:17+09:00

公式ツールで使用できるアルファチャンネル付アイコンを作成します。ペイント/変換ツールは無償のものを使用します。ペイントツール:bmpなどを出力できるなら何でも。慣れたもので構いません。変換ツール:[[ImageMagick>http://www.imagemagick.org/]] &bold(){前準備} -ImageMagickをインストール -以下のバッチファイルを作成 convert -type PaletteMatte "%1" -alpha set "%~pn1_alpha.bmp" -compose Copy_Opacity -composite -colors 256 -depth 8 "%~pn1_blend_256.png" &bold(){変換方法} +公式ツール付属のPDFに書かれているアイコンのサイズと同じ画像ファイルを作成 +同サイズでアルファチャンネルのファイル(公式ツール付属のPDFにあるイメージ)を作成し、1と同じパスに"1のファイル名_alpha.bmp"という名前で保存 +前準備で作成したバッチファイルに1のファイルをドラッグ&ドロップ 1,2と同じパスに"1のファイル名_blend_256.png"というファイルが出来ていれば成功

公式ツールの使用方法

2009-12-05T22:01:53+09:00

&bold(){}themeconv.exeを起動したら、help→[settings...]で言語を日本語にしましょう付属のpdfは読みましょう。 [[注意点]]と[[よくある質問]]にも目を通してください。 **保存と書き出し保存では使用した画像などの情報をテキストで保存します。これは、後でテーマを修正したいときなどに使います。書き出しではテーマをptf形式で保存します。このファイルを、ms0://PSP/THEMEに入れると使用できます。 #ref(cus.jpg) **情報タイトル　DLするときにPSPに表示されます。プロダクトID 　DLするときのファイル名になります。　ただし、△メニューから保存するとプロダクトIDは使用されません。バージョン　DLするときにバージョンが新しいと上書き、古いとDLしません。　使える数字は3つまでです。 1.10>1.1>1.09=1.0.9>1 **壁紙 480*272の24bitBMPのみ使用できます。 Windows付属のペイントで保存すると仕様通りになります。 **カテゴリアイコン 64*48又は48*48の8bitPNGが使用できます。 **第1層アイコンアイコン本体は48*48、アイコンフォーカスは64*64又は48*48の8bitPNGが使用できます。アイコンフォーカスを作っていない場合は、アイコン本体と同じアイコンを指定しましょう。 **第2層アイコンアイコン本体は32*32、アイコンフォーカスは48*48又は32*32の8bitPNGが使用できます。アイコンフォーカスを作っていない場合は、アイコン本体と同じアイコンを指定しましょう。 **その他プレビューアイコン　PSPでテーマを選ぶときに表示されます。　16*16の8bitPNGが使用できます。プレビューイメージ　PSPでテーマを選ぶときに表示されます。　300*170の24bitBMPのみ使用できます。　Windows付属のペイントで保存すると仕様通りになります。テーマカラー　PSPでテーマを使用した際のテーマカラーを指定できます。

pngquantで減色

2007-10-22T18:18:50+09:00

pngquantを使って、ワンクリックで減色する方法ですまず、pngquantを入手語るスレ3 >>127より #ref(pngquant-1.0_forPSPCT.rar) すべてのファイルを同じフォルダに入れたら、準備完了 **使用方法 pngquant.exeのあるフォルダに減色したいPNGを入れます #ref(SS1.jpg) &bgcolor(#FFD9D9){pngquant.batをダブルクリックで実行} #ref(SS2.jpg) 減色されたPNGは [元のファイル名-fs8.png] です -pngquant.batの中身 @echo off del "*-fs8.png" pngquant 256 *.png

デフォルトアイコンの抽出

2007-10-06T20:22:27+09:00

注意：この記事に関することについてカスタムテーマスレでは質問しないこと

用意するファイル：

PSPの展開済みシステムファイル（FW2.60以前）

RCO Editor

手順：

1. RCO Editorでシステムファイルの flash0:/vsh/resource/topmenu_plugin.rco を開く

2. リストから画像を選んで [Extract] で展開する。

　全部展開する場合は [Extract All]

PictBearでフォーカス作成

2007-10-05T01:25:18+09:00

PictBearの他にGenSakWinも使うので[[GenSakWinでの作成方法]]も読んどくとイイかも完成サンプルは下の方にあります。今回は下画像を例に話を進めます。 -PicBearで開く透明化、リサイズの済んだ48*48フルカラーのPNGを開きます #ref(Pict1.jpg) -キャンパスのリサイズイメージ→[キャンパスのリサイズ]で、真ん中を中心に64*64にします #ref(pict2.jpg) フォーカスアイコンは48*48でも大丈夫なのですが、48*48だとフォーカスがはみ出る可能性があります -不透明部分を選択選択範囲→[不透明部分を選択]。画像に元から影があると選択範囲が大きくなりすぎることがあります。その場合は、自由選択&ref(tool2.jpg)を使って選択範囲を調整してください。 SHIFT押しながら選択で選択範囲を追加。CTRL押しながら選択で選択範囲を除外です。 #ref(pict3.jpg) -境界線の描画ブラシを小さいものに、そして薄いものにします。色は好きな色で薄いブラシは[[ここ>http://www.vector.co.jp/soft/win95/art/se371731.html]]からDLできます。 \LimeWorldブラシデータ\追加ブラシ\水彩ペンブラシ　にあります。今回はこれを選びました。 #ref(pict5.jpg) ブラシの選択が終わったら、キーボードのInsertを押すか、編集→[境界線の描画] #ref(pict4.jpg) で、保存 -GenSakWinで減色 GenSakWinでさっき編集したファイルを開いてください。この時に半透明部分が不透明になっていますが気にしないでください。 #ref(pict6.jpg) そしたら、254色に減色。今回はA値をいじりませんでした、 A値については[[GenSakWinでの作成方法]]を参照してください。で、保存 -できあがりこんな感じになります。 #ref(sample.gif) &color(red){必ずPSPで確認してください。かなり薄くなります。} ブラシやA値をいじると見た目が大きく変ると思います。

GenSakWinでの作成方法

2007-10-04T01:50:03+09:00

すごく簡単に編集なしで作る方法しかも、αチャンネルが残り綺麗に出来るのでオススメ (今ではpngquantを使った方が簡単にできます。GenSakWinの方が面倒です) まず、どこかからアイコンを拝借 [[32bit Icons*　アイコンサイトのリンク集>http://iconstp.at.infoseek.co.jp/]] [[InterfaceLIFT　素材サイト。壁紙・アイコンに強い>http://interfacelift.com/]] [[WinCustomize　素材サイト。ややセンスがアメリカン>http://www.wincustomize.com/]] [[Iconfactory　膨大な量のアイコンがダウンロード可能>http://iconfactory.com/home]] [[Google in English>http://www.google.com/intl/en/]] -[[@icon>http://www.vector.co.jp/soft/win95/amuse/se201729.html]]で変換この時、48*48(32ビットが好ましい)のアイコンをPNGに変換するない場合は、仕方ないので他のソフトでリサイズをしてください。ただし、第2階層アイコンは32*32。プレビューアイコンは16*16のPNGに。 -GenSakWinで減色そのまま減色すると半透明になってしまうので、レベル調整&ref(Genlv.jpg)を選択下画像のように、Aの値を上に2個ずらしてOK。またレベル調整を開きAの値を1個ずらしてOK。合計で3つあげたことになります。 #ref(GenA.jpg) 次に、減色&ref(GenDo.jpg)を選択。色数を254にする。で、OK #ref(GenCo.jpg) そして、保存。これで、完成です。 -小技 Aの値を上げないで半透明なアイコンを作って、Aの値を上げたアイコンとあわせると簡単にフォーカスができます。 Aの値を上げないアイコン→アイコン本体に指定 Aの値を上げたアイコン→アイコンフォーカスに指定 -バグ公式ツールに指定した際に、なぜか白が透明化してしまう場合があります。そういう場合は、GenSakWinに読

PhotoShopでの作成方法

2008-05-13T07:29:55+09:00

*手元にある画像を使って作成する方法自分が作りたいアイコンのサイズを確認します。ここでは1層、つまり48×48サイズのアイコンを例にしていきます。まずはファイル→新規作成で48×48ピクセルのスペースを作ります。 #image(ps-sinki.jpg) 次に、使いたい画像をPhotoShopで読み込んでください。移動ツールで、使いたい画像（この場合ロコロコ）を左の48×48にドラッグアンドドロップで移動させます。（移動できない場合は、イメージ→モード→RGBに） #image(ps-dd2.jpg) この時、D&Dで持ってきた画像が大きい場合はサイズを小さくしてください。(Ctrl+T) 大きい画像だと画像がつぶれる可能性があります。もし、透明にしたい場合は自動選択ツールで透明にしたい部分をクリック（画像の赤い部分らへん） #image(ps-kesu2.jpg) クリックした場所と近い色が一度に選択されたかと思います。この状態でDELETEキーを押すとその範囲が削除されます。（透明になります） ※背景レイヤーがある場合は透明に見えないです。背景レイヤーを非表示にするか、削除してみてください。 #image(ps-hai.jpg) 最後に、イメージ→モード→インデックスカラーにします。（RGBとなっていると思います）この際、透明にしたい場合は透明のチェックボックスにチェックを忘れないように。 #image(ps-ind2.jpg) ファイル→別名で保存、PNG形式で書き出すと完成です。