Go Back   Se7enSins Forums > Other Modifications > Sony Consoles > PSP > PSP Tutorials

Making XMB Icons

This is a discussion about Making XMB Icons within the PSP Tutorials section, where you will Learn how to downgrade your PSP's firmware, how to run games, how to back up your games, and how to mess with your PSP's hardware.; this tutorial was not written by me it is from pspculture If you wish to completely alter the way your PSP looks, then this tutorial will hopefully show you how to go about customising your



Notices

Reply
 
LinkBack Thread Tools Display Modes
Old 04-07-2007, 04:11 PM   #1 (permalink)
7S Addict
Points: 10,702, Level: 44 Points: 10,702, Level: 44 Points: 10,702, Level: 44
Activity: 0% Activity: 0% Activity: 0%
 
capo's Avatar
 
Join Date: Feb 2006
Location: Under Krafty's Bed
Posts: 3,426
Tournaments Joined: 0
Tournament Wins: 0
Gave Thanks: 17
Received Thanks: 40
Nominated 0 Times in 0 Posts
TOTM Award(s): 0
capo is a splendid one to beholdcapo is a splendid one to beholdcapo is a splendid one to beholdcapo is a splendid one to beholdcapo is a splendid one to beholdcapo is a splendid one to beholdcapo is a splendid one to beholdcapo is a splendid one to behold
Send a message via AIM to capo Send a message via MSN to capo Send a message via Skype™ to capo
Making XMB Icons

this tutorial was not written by me it is from pspculture

If you wish to completely alter the way your PSP looks, then this tutorial will hopefully show you how to go about customising your PSP XMB. This guide is written for those of you using the Dark_AleX custom firmware 3.03OE-C. This won’t work on with 3.10OE. I haven’t tried it myself, but I have been informed the topmenu_plugin mod does not work on 3.10OE, and therefore if you are using the 3.10OE custom firmware (or any other for that matter), I cannot be held responsible for any damage you do to your PSP in the process of trying to modify the XMB.

Click the image to open in full size.

There is now some new software to help you in your customisation quest, called RCO Icon Edit. Currently at version 1.05, you can get this PC software from here:

Download:
Code:
http://www.pspculture.co.uk/downloads/RCOIcoEdit105.rar
Once you have downloaded the software, unzip it into a directory and take a look at the readme.txt file. You should have a set of files like these:

Click the image to open in full size.

The next stage is to get a set of decrypted Flash0 files from your PSP. I won’t go into details about how to do that here, but if you are using the custom firmware then they are easy enough to obtain. The file you are mainly interested in is the topmenu_plugin.rco file, and if you are struggling to get a decrypted version of this file, you can get my example from this tutorial here:

Download:
Code:
http://www.pspculture.co.uk/downloads/topmenu_plugin.rar
Note: This is the customised one with all XMB icons replaced, not the original topmenu_plugin.rco. It can be used with the RCO Icon Editor to make your own icons, or used as-is on your PSP. Instructions on installing this file are at the bottom of the article.

If you have a decrypted firmware version from a previous DevHook version, that may be suitable. You will find the topmenu_plugin.rco file in the flash0/vsh/resource/ directory.

Click the image to open in full size.

Click the image to open in full size.

Click the image to open in full size.

Once you have a decrypted topmenu_plugin.rco file, copy it into the directory you unzipped the RCO Icon editor into.

Click the image to open in full size.

Now start the RCO Icon Editor.

Click the image to open in full size.

Hit the open RCO button and select your topmenu_plugin.rco. I should mention at this point that the topmenu_plugin.rco relates to the PSP main XMB icons. The other RCO files that reside in flash0 have the battery and other XMB graphics.

Click the image to open in full size.

You will see a list of files that reside in the topmenu_plugin.rco. Highlight one, and you will see the graphical contents in the preview pane. In this instance, I have highlighted the tex_system file.

You can extract individual elements, or extract all. For this exercise, I only extracted the system icon, as this is the one I’m going to replace. In reality, you may want to extract all and then delete everything except the 32 bit bmp files.

Click the image to open in full size.

Once you have selected the icon to extract, you will need to give it a name. I simply kept the name of the element and called the file system.bmp.

Click the image to open in full size.

Opening the extracted icon in Photoshop, you can see its a fairly rudimentary system icon, very flat and no colour.

Click the image to open in full size.

We now have a number of options - we can use the colour picker to get the background colour of the icon we have extracted, and then simply fill the entire icon with that colour to give us a blank canvas, or we can choose our own canvas colour. I prefer to select my own darker colour than this default, mainly as the images I’m using to crete the XMB icons are in the png format and have drop shadows. This means that to get the images to blend properly, I need a dark canvas colour.

The downside of using images with their own drop shadows is that it makes it very difficult to create an icon that can sit on any PSP background colour. It takes time and practice to become good at this (and believe me, I’m not very good at this at all).

Click the image to open in full size.

So, here is my 64pixel by 64pixel base icon. Nearly all the XMB icons are this size, although a few are smaller, such as the memory stick icon and the UMD icon. The RCO Icon Editor tells you the size of each icon when you highlight it in the list - take note of this when designing your icons.

Click the image to open in full size.

This folder is a the graphic I’m going to use to replace the system icon on the PSP XMB. Check out DeviantArt for a number of great icon packages, simply search for the keyword icons on the site. Its from here that the icons I’ve used for this tutorial have come from.

Click the image to open in full size.

I need to reduce the size down to be smaller than the 64pixel by 64pixel limit of the PSP icon. I know that the icon needs to be offset slightly towards the top of the canvas, as there is a 4pixel border at the bottom to cater for. I resize the graphic down to 56pixels square.

Click the image to open in full size.

Click the image to open in full size.

This can then be placed on the 64pixel square canvas.

Click the image to open in full size.

This is the tricky part. The PSP icon needs to be set to an indexed colour palette, which means that it has a maximum of 256 colours.

Click the image to open in full size.

Click the image to open in full size.

We then need to edit the colour table. THis is because the PSP XMB icons use the very first palette entry as the transparent colour, so we need to ensure that we set the first palette entry to the same colour as our canvas background colour.

Click the image to open in full size.

Here we can see that the first colour in the palette is a vivid green colour, which I had used previously and Photoshop had kindly decided to remember for me.

Click the image to open in full size.

This green needs to be replaced with the background colour, so select the colour picker (A) and use it against the canvas background (C). This highlights (B) as the background colour.

Click the image to open in full size.

We then deslect the colour picker (A) and click on the background colour in the palette (B). This brings up the colour dialog box and shows us the colour code of the background. Highlight this and copy it. We are now going to replace the green with this colour code. You can close the colour dialog box off.

Click the image to open in full size.

Now click on the green (or your equivelant first palette entry) and enter the canvas background colour code. This will force the first palette entry to be the same as the canvas background, in effect making this transparent on the PSP.

Click the image to open in full size.

You now need to save the image as a bmp file, and it should automatically show you its an 8 bit file.

Click the image to open in full size.

We then need to go back to the RCO Icon Editor and select the replace option, having highlighted the icon we are going to swap out.

Click the image to open in full size.

You should now see the icon you have created in the preview box. If you have the size wrong or the file is not 8 bit, the software will warn you.

Click the image to open in full size.

There is no option to save the topmenu_plugin.rco, it simply gets written to when you use the replace option. Therefore make sure you are always working on a backup copy, and that you keep the original somewhere safe.

Click the image to open in full size.

The only thing left to do is copy the topmenu_plugin.rco file onto your PSP. Boot up yopur PSP into recovery mode and use the advanced option to connect via USB to the flash0. You should get a warning about the file existing. Overwrite the existing file, disconnect the PSP and reboot it.

Click the image to open in full size.

You should find your PSP now has its first custom icon, or in my case, lots of custom icons…

Click the image to open in full size.

While these icons look pretty good (in my opinion), they don’t work very well on other coloured backgrounds. Its really a case of trial and error to get something that looks and works well. Once again, thanks to DeviantArt for being the source of great graphics for use in this tutorial.

As always, there is a risk of bricking your PSP doing these kind of mods, but so long as you have the rcovery menu option, and take care, its pretty safe.

Leave thanks if this helped you!

Join Now!

capo is offline   Reply With Quote
Old 04-12-2007, 07:32 PM   #2 (permalink)
Points: 8,608, Level: 39 Points: 8,608, Level: 39 Points: 8,608, Level: 39
Activity: 8% Activity: 8% Activity: 8%
 
AtomicBump's Avatar
 
Join Date: Dec 2006
Location: Newport News Vagina
Posts: 5,317
Tournaments Joined: 0
Tournament Wins: 0
Gave Thanks: 0
Received Thanks: 85
Nominated 0 Times in 0 Posts
TOTM Award(s): 0
AtomicBump has much to be proud ofAtomicBump has much to be proud ofAtomicBump has much to be proud ofAtomicBump has much to be proud ofAtomicBump has much to be proud ofAtomicBump has much to be proud ofAtomicBump has much to be proud ofAtomicBump has much to be proud ofAtomicBump has much to be proud of
Send a message via AIM to AtomicBump Send a message via MSN to AtomicBump Send a message via Yahoo to AtomicBump
can you please fix the pictures? id like to use this but the pictures dont show up...they say "hotlinking forbidden"..
AtomicBump is offline   Reply With Quote
Old 04-21-2007, 07:59 AM   #3 (permalink)
7S Enthusiast
 
Domen8or1's Avatar
 
Join Date: Nov 2006
Posts: 40
Tournaments Joined: 0
Tournament Wins: 0
Gave Thanks: 0
Received Thanks: 0
Nominated 0 Times in 0 Posts
TOTM Award(s): 0
Domen8or1 is on a distinguished road
Send a message via AIM to Domen8or1
i'd like to know if this would work with any other psp firmware
Domen8or1 is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On