Tutorial on How To Make Your Own Theme

Tutorial on How To Make Your Own Theme

Many Have Been Asking me to Create a tutorial on How Do I create My theme So here It is:

So What Programs Am I Using???
This is The List Of Programs That I Use

  1. My PSP With Full CXMB 3.3 (The One WitH the PRX)
  2. RCO Edito 1.15
  3. XMB Editor
  4. Decrypted PRX And Decompressed RCO
  5. The Official sony Theme Converter
  6. The Internet (For Pictures)
  7. Adobe Photoshop C3 (You could use your favorite photo editors)
You could download all of this in here!!! (except The Photoshop)
http://www.megaupload.com/?d=0BZYKH51

Sony's Official PTF Creator (sorry If I Forgot to add this)
http://www.megaupload.com/?d=JFXZVCMU

The Blank topmenu_icon.rco and a blank .bmp
http://www.megaupload.com/?d=1F89NNFR

PNG 8bit Converter
http://www.megaupload.com/?d=HKL749XU

Lftv_plugin.prx (Paste This to your "Module" folder before turning the "vsh" folder to a CTF file)
Location free change to reboot its an edited plugin. what it does is when you click the location free button in the xmb. your psp will reboot instead
http://www.megaupload.com/?d=0W6IG7MC

Opening_plugin.prx (Paste This to your "Module" folder before turning the "vsh" folder to a CTF file)
remeber the sound of the female saying "Playstation Portable"

http://www.megaupload.com/?d=TKX7WVYH





Adobe Photoshop CS4 (Portable Edition) Optional if you don't have one

Download Here


Know The RCO and PRX and what they Do

Resource

1. topmenu_icon.rco - Main XMB Menu Icons
2. topmenu_plugin.rco- XMB Text Data
3. impose_plugin.rco - Volume Bar
4. system_plugin_fg.rco - Battery icon
5. photo_plugin.rco - Photo loading icon & folders
6. savedata_plugin.rco - Save data loading icon
7. system_plugin_bg.rco - Background waves
8. opening_plugin.rco - Word/Bootwave (When you turn your PSP on)
9. system_plugin.rco - Click sounds when you scroll
10. sysconf_plugin.rco - System config icons/USB slide bar, Theme Preview
11. game_plugin.rco - Game loading icon/corrupt icon
12. visualizer_plugin.rco - Images used in Visualizer
13. 01-12.bmp - Month theme colors
14. gameboot.pmf - Short video clip when you start a game or homebrew app
15. msvideo_main_plugin.rco - Video column icons

Module

1. vshmain.prx - Icon position/XMB Font color
2. paf.prx - XMB Icon transitions, Icon spacing, Submenu font & line color, scrolling speed.
3. lftv_plugin.prx - Custom Reboot PRX
4. opening_plugin.prx - Bootsound

Note

For I only use 1,2,3,4,7,8,9,15 for the rco and 1,2 & 3 for Module

The Xmb

You must also Know the whole XMB



You Must know The X-Y coordinates In order to reposition the icons, clock, the busy icon and battery

Now lets start making a sample theme


This going to be our sample theme to make ok so lets start first by using the XMB editor

1. There are required file before we could use the XMBeditor these are The VSHmain.prx, PAF.prx, Topmenu_icon.rco, Topmenu_plugin.rco And the system_plugin_fg.rco (When loading these file Use the decompressed RCO and the dcrypted PRX) (all of this file are included in the download pack)

when You are finish loading all the file required just press load datafile

2. the result will be like this after you load the file

just put the file on english in order for you to understand it. the white box above is an imaginary line i made representing the XMB. the white line is sorta your Boundary anything beyond that line is out of bound and will not appear on the xmb

3 Now we are goin to position the icons. were going to input some values on the xmb editor.



First Follow all the value listed and when you mastered try every combination on it. Posibility is endless once you know how to manipulate the XMB icons

Note:
you could also adjust the speed of the transition of the icon here by inputing values at the icon speed for example adjusting the speed of the Forward-backward arrow to 0 and the up and down arrow to 700 your mainicon won move to its position! but its all up to you!!!

4. after that the result will be like this

you can see that the main icon and the sub icon is in the middle Its ok because later we are not going to put any icon on the sub icon, you'll see

5. if you like to change the color of the font in the xmb you could also do it here in the XMB creator

after that you could save it now


now that your finish with 5 Important on theme creation



Now open the XMB editor folder and you will see a "Done" Folder just rename it Into "VSH" and paste it to your PSP in "MS0:\Cxmb" folder

Note:
You can only do this once!!! i mean when you did something wrong or you didn't like the result you'll have to repeat the whole process so don't forget to write down all of the value that you inputed in the editor, You can't edit it also so you'll have to start over again (I tried it!!! but i think its a bug in the program) so you must be patient

Now lets do the icons

For the icon We will use this Picture



Just load this picture in the Photoshop like so...


After We Copy the selected Picture we need to open a new canvas
Click on New, width is 64 Height is 150 and the background is transparent


Just reposition the whole picture until you have this result repeat this process until you have 8 icons or 7 icons if you don't have the "TV" icon for Japan and Korean psp only,

now just save as .PNG format

Now we are going to put the created icon to your Topmenu_Icon.RCO by using the RCO editor

REMEMBER
Before you open your RCO files in the RCO editor first go to option and uncheck the Following:

*Dont compress images and models

so that all of your rco is compressed as a result

Open your the topmenu_icon.rco included in the VSH folder that we just put in your PSP



Just Click on "REPLACE" and put your created Icon. Just repeat the process until you reach the [GIM]tex_PSN I'll include the Blank Topmenu_icon.RCO which means there are no icons inside you'll have to provide one for it but i still encourage you to study the icons in the original topmenu_icon.rco

FCS = Focus icon the one with a glow
SHDW = Shadow of the icon
Just put a blank icon provided with the blank topmenu_icon RCO

Now Just exit the rco editor when your finish Copy the Edited topmenu_icon.rco inside the VSH folder you put in the psp ( MS0:\CXMB\VSH\Resource) Paste it inside the resource folder

Now Creating A Ptf for your Ctf

You need a 480x272 .bmp 24bit wallpaper, 300x170 .bmp 24bit Preview Icon and a 16x16 8bit preview icon

You could all make this in the photoshop except converting 16x16 8bit icon but i provided the program that will convert the icon you created in the photoshop to an 8bit icon that you could put in the ptf creator.



Then Put the Wallpaper

Then Put the icons



Now Just press F5 when your done in order to save the file

Now that you are finish we need to put the Ptf In MS0:\CXMB it must look like this





and after that just reboot your psp and after that this will be the result



and there you have it you'll have yourself your own theme!!!

Put me and amac1 in the Credits if you will publish your created themes for the tutorial.

- jasonangel
- amac1



Common Problem I encounter during Theme Creation

almost all of the problem we will encounter is in the end when the result this are some of my problem when i'm creating a theme

Some Icons are not appearing
  • answer: Make your icon smaller for example I had an w150xh300 Icon i want to put But when the theme finish I Only see is the "setting" icon. the main solution is make the icon smaller 100x150 will do or 75x150.
I cant See My Battery or Clock, or Busy Icon

  • answer: Make sure the icon you created is in the boundary of: X = -225 - +225 and y = - 125 to + 125

when i reboot it to create a ctf file it hangs and then it's all normal when i turn it on
  • I don't know if its using a non decrypted and decompress RCO but Jasonangel has this problem and solved by using a decrypted and decompress RCO.
Just try and try If something went wrong in your first try; don't get disappointed You'll suceed it!!!!!!




Just post your comment or suggestion or question to me here


TUTORIAL BY amac1