Disclaimer:
This tutorial is only for Vita's running 3.60 with HENkaku, and people on Windows. (sorry >:)
For installing themes you will need:
- - A theme of some description
- PSVita DB theme installer 360 v2
(Get it here)
- - An image editor that can save to 8-bit color depth
(In this tutorial I will be using photoshop, but will list methods for other common editors
-edit- I cant seem to find any instructions on how to save 8-bit png's with other image editors, if anyone knows how please share it and I will update my guide.)
- A base theme to work upon
(This makes everything much easier, you can get my template theme here)
- A XML editor
(I recommend Notepad++, get it here)
- at9tool
(optional for background music, get it here)
- Audacity
(optional for background music, get it here)
[spoiler]This is the easy part so we'll just get it out of the way.
First of all download a theme and extract the folder somewhere on your computer.
On your Vita, go into VitaShell and launch a FTP connection.
Open up PSVita DB Theme installer and type in the IP for the ftp connection, click connect.
Next click "Load a custom theme folder" and navigate to the theme you extracted earlier.
Once found and loaded you will see the Details for the theme appear in the program, this means it works.
You can notch the "Clean compact DB" but this is optional, hover over it to see it's function.
Lastly click "Install custom theme" and you should see it transferring everything to your vita, once finished reboot your vita and your brand spanking new theme should appear in your vita's theme settings.
[/spoiler]
Creating themes:
The following filenames are from my template theme, but different themes can use whatever filenames wanted, as long as the image paths in the Theme.xml are changed accordingly.
Apparently some icons are able to be saved as normal PNG's without 8-bit color depth, but for simplicity and the fact it doesn't really mess with the quality of the image, I'm gonna recommend saving all of them in 8-bit depth regardless.
Okay now on to the fun part
Theme files and function:
[spoiler]
- Icons (Music.png, settings.png, etc.)
Has to be a 128x128 png with 8-bit color depth.
Icons for PSN store and games/applications are not able to be skinned with themes.
- Page dots (basePage.png, curPage.png.)
Has to be a 22x22 png with 8-bit color depth.
Transparency can be used here.
One icon is for the page you're on (curPage) another is for the other pages (basePage)
- Notification bubble (notice.png, notices.png)
Has to be 120x110 png with 8-bit color depth.
Transparency can be used here.
Will not display anything outside of the circle, as there seems to be an image mask.
Will cut off a few pixels from the top and right side, as it seems to place the image a bit beyond the screens borders.
One icon is for when you have unread notifications (notice) and another is for when you don't (notices)
Even though both the states have the same image size, the image for having no notices shrinks down a bit on the homescreen.
- Wallpapers and previews (w0.png, w0t.png, w1.png, w1t.png)
Wallpapers have to be a 960x512 png with 8-bit color depth.
Wallpaper previews have to be a 360x192 png with 8-bit color depth (usually just a shrunk down version of the full wallpaper)
The previews are for when you are browsing wallpapers, you can browse wallpapers from installed themes without using that theme.
- Lockscreen (lockpaper.png )
Has to be a 960x512 png with 8-bit color depth.
Will be displayed on the vita lockscreen.
- Previews (preview_lockscreen.png, preview_page.png)
Has to be a 320x181 png with 8-bit color depth.
Basically just screenshots of the lockscreen and homescreen that are used as previews when selecting the skin in theme settings.
- Theme icon/thumbnail (preview_thumbnail.png)
Has to be a 226x128 png with 8-bit color depth.
Icon for the theme, viewable in theme settings.
- Background music (BGM.at9)
Has to be a .at9 file with certain settings, instructions later in the guide.
Music file played when browsing the homescreen.
- Theme settings (Theme.xml)
Here is where everything comes together, more on this later in the guide.[/spoiler]
Saving as/editing 8-bit png in Photoshop:
[spoiler]You might notice that when opening the images from the template, that you aren't really able to do much. Most options are greyed out, you can't make new layers, etc.
This is because the image is in indexed color mode (from being 8-bit), so in Photoshop go to Image>Mode and change it from "Indexed color" to "RGB color"
Okay now with that changed you have full control again.
After you've made your themes icons/wallpapers, you want to save them back into that indexed format.
But instead of switching it back to indexed color mode, hold ctrl+alt+shift and press W (or you can go to File>Export>Export as)
An export prompt should appear, with a drop down menu in the top right that currently just says "PNG", change that to PNG-8 and hit export.
There has been a couple of times where photoshop didn't actually save it in 8-bit (rare)
So to make sure your image is 8-bit, find the image in windows explorer
Right click it and select "properties" then go to the details tab
A few lines down you should see "Bit depth" with a number next to it, if it's 8 or below the image saved to 8-bit successfully and should be good to go.
(The reason it can be below 8 is if your image/icons have such few colors it doesn't even need 8-bit depth.)
Now you can make all the images that goes into a theme.[/spoiler]
Making background music:
[spoiler]Make sure you have downloaded the libatrac9.zip and have extracted it somewhere, and that you have downloaded and installed audacity.
First things first, you will need an audio file, any type of file will do for now.
Open up audacity and open your audio file inside audacity.
Down in the bottom left you can see the "Project Rate (Hz)" this should be set to 44100, if it isn't by default.
Then you just need to click File>Export Audio and an export window should appear, make sure that under "save as type" you select "WAV (Microsoft) signed 16-bit PCM".
Then once your new WAV file is saved, move it to whatever folder you extracted libatrac9.zip into, making sure it's in the same folder as "at9tool.exe"
Next you want to open a command prompt in this folder, in windows 7 and later you can hold Shift and right click on the folder, and an option called "Open command window here" appears.
Click this and a command prompt already navigated to said folder should open.
Inside the command prompt you want to write the following command
Code: Select all
at9tool -e -br 144 -wholeloop BGM.wav BGM.at9
(Make sure that if you saved it as something else than BGM.wav, to change the name in this command.)
Hit enter and after a short process your converted audio file can now be found in the libatrac9 folder (BGM.at9 in this case)
Just copy and overwrite that in the template theme folder, and your new background music should be complete.[/spoiler]
Configuring theme settings (theme.xml):
Advertising