PSP™ (PlayStation®Portable) Custom Theme Creation Guidelines

Version 5.00

© 2008 Sony Computer Entertainment Inc. All Rights Reserved.

[Trademarks]

"UMD" and "PlayStation" are registered trademarks of Sony Computer Entertainment Inc.

"PSP" is a trademark of Sony Computer Entertainment Inc.

"Memory Stick" is a trademark of Sony Corporation.

"XMB" is a trademark of Sony Corporation and Sony Computer Entertainment Inc.

"Photoshop" is a trademark or registered trademark of Adobe Systems Incorporated in the United States and other countries.

[Terms and Conditions]

All rights (including, but not limited to, copyright) pertaining to this Guideline are managed, owned, or used with permission, by SCEI. Except for personal, non-commercial, internal use, you are prohibited from using (including, but not limited to, copying, modifying, reproducing in whole or in part, uploading, transmitting, distributing, licensing, selling and publishing) any of this Guideline, without obtaining SCEI’s prior written permission.

SCEI AND/OR ANY OF ITS AFFILIATES MAKE NO REPRESENTATION AND WARRANTY, EXPRESS OR IMPLIED, STATUTORY OR OTHERWISE, INCLUDING WARRANTIES OR REPRESENTATIONS WITH RESPECT TO THE ACCURACY, RELIABILITY, COMPLETENESS, FITNESS FOR PARTICULAR PURPOSE, NON-INFRINGEMENT OF THIRD PARTIES RIGHTS AND/OR SAFETY OF THE CONTENTS OF THIS GUIDELINE, AND ANY REPRESENTATIONS AND WARRANTIES RELATING THERETO ARE EXPRESSLY DISCLAIMED.

EXCEPT TO THE EXTENT PROHIBITED BY APPLICABLE LAWS, SCEI AND/OR ANY OF ITS AFFILIATES SHALL NOT BE LIABLE FOR ANY LOSS OR DAMAGE ARISING OUT OF YOUR USE OR INABILITY TO USE THIS GUIDELINE, OR ANY ALTERATION OR CHANGE OF THE CONTENTS OF THIS GUIDELINE.

©SCEI PSP™ Custom Theme

Table of Contents

| About TAIS וטס‎ 5 || T 5 2 Data That Can שוביי‎ iauna iaoa saaia 6 Category icons (Horizontal Mist) sei Raia SEO ORSON EA EGO ASR DA eee 6 First Level Icons (First Level Vertical List) ......c.cccccccscccsessescessesseeseesscsseeseeneeeseeseeeseenes 1 Second Level Icons (Second Level Vertical List) ........cccccccccscccessecessceessecesseesssecsssessssesens 8 NW a LIND EC og secre ta nen o od || || 8 Theme Color asa shied Sahni oni eens shale teen ayia eta eee N 8 e (RAD RR NA ERON SEDAN RR DINNERS NA A 8 | 9 3 Image Sizes and ]- 0] 415 .ככ‎ ce csaceciecsstacagccavassahecteecdseeciceasaetseesoueatcnad: 11 Category Icons (Horizontal DSi i a a Ta ea E a a eae ean 11 First Level Icons (First Level Vertical List) .......cccccccccsccssccesscesscessccssecesscesscesseseseeessens 11 ה ור‎ 12 || [|| || ete ccsat tat: 12 0 13 1 18 NOIS ON ICON 205 | 0ב‎ aaa EE ARa 15 Icon DS: e RE RARE RR RR RO RR A RR RR DR SR 15 ו‎ NR OR 16 5 וחד הוסו5 6 0חווו56‎ so lEca idas aiddidads 18 6 Custom [ססז הסוז3ב04ו6 6חו6ח‎ 50505a0zessdfósoaisssaenaicis 20 MALO RNa TION Da sagas op seas DEST R cao SO Sa Sa 20 Wallpapers Pain esa ain aa a Ra dn a DR A a a 21 0 22 דרי‎ ] 23 ב‎ | [7 24 Others Lala E RR ad 25 ו‎ 25 TN esa ea ל וי‎ 25 7 Using the PSP™ to Download Custom ד‎ 66 38 26 Meta Information and Download Processing ..............ccccccceeccceeecccececeseccueceeeeceeeeesesanes 26 Uploading Custom Theme Data to the Server .eesscessessersrrsresersrrrsrrseererrsersrrseeseessersee 24 ©SCEI PSP™ Custom Theme

0 28

28 + יו ו לוו 28 || 0 ©SCEI PSP™ Custom Theme‏

1 About This Document

Overview

This document contains information and guidelines for creating custom themes and customized icons for the XMB™ that is part of PSP™ system software. Specifically, the following topics are covered.

e Types of icons that can be customized

e Image size and format

e Additional data besides icons that are needed

e Other information

©SCEI PSP™ Custom Theme

2 Data That Can be Customized

The following data can be customized using the custom theme function.

Category Icons (Horizontal List)

Category icons indicate categories that are arranged horizontally in a row.

8/21 21:30 Oo)

FE Memory Stick”

Music

Free Space [| סא טר‎

The following eight types of category icons can be specified. Category Type Notes Network Game TV Only for systems sold in Japan/Korea and PSP-2000/PSP-3000 systems Video Music

Photo

Settings

Default Default icons are prepared in advance to support additional icons that may be added in a future system update. When only a default icon is specified, all icons can be displayed to be the same.

©SCEI PSP™ Custom Theme

First Level Icons (First Level Vertical List)

The first level icons are displayed vertically in a column when a category icon is selected.

8/27/1747 dm]

The following first level icons can be set. Category First Level

Network Video Music Photo Settings

Theme Settings

Date & Time ————

Power Save | Power Save Settings —~

External Display Settings (PSP-2000/3000 RE on o

Sound | Sound Settings 0000000000

©SCEI PSP™ Custom Theme

Category First Level

RSS Channel Settings

(*) UMD™ and Memory Stick™ icons are customized one at a time regardless of the category.

Second Level Icons (Second Level Vertical List)

The second level icons are displayed vertically in a column and to the right of the first level icons when a first level icon is selected. You can use a custom theme to customize the second

level icons of the Settings category (wrench icons in the figure below).

8/21 17:40 dan)

aia 1

Wallpaper

You can specify wallpaper that is to be affixed to the background.

Theme Color

One of twelve theme colors can be specified by selecting [Settings] > [Theme Settings] >

[Theme], enabling you to set a specific background color that is best suited for a particular

custom theme.

You can also specify no theme color.

Preview This is used to specify icons and images that will be displayed when the custom theme is

selected.

©SCEI PSP™ Custom Theme

List of Customizable Icons

The following icons can be customized. Category First Level

PlayStation®Network |

Network

Second Display Name

Level

Account Management

Online Instruction Manuals Remote Play

Internet Radio

RSS Channel

Internet Browser Internet Search

Game Sharing

Saved Data Management UMD™

PSP™ Update

Memory Stick™

UMD™ Memory Stick™ UMD™ Memory Stick™ Camera Memory Stick™ Network Update

וו

USB Connection

Settings

Video Settings

Photo Settings System Settings Theme Settings

Date & Time Settings

Power Save Settings

וו

External Display Settings

o a

Sound Settings

Security Settings

©SCEI PSP™ Custom Theme

Category 1% Second Display Name Level Level

eo RSS Channel Settings Network Network Settings

OSCEI PSP™ Custom Theme

10

3 Image Sizes and Formats

This section presents detailed information concerning the image sizes and formats that are

used in a custom theme.

Category Icons (Horizontal List)

The image size and format for category icons are as follows.

64 x 48 pixels

Image format 256-color 32-bit CLUT (a channel enabled) PNG/TGA/GIM file

RGB a channel

48 pixels

64 pixels

First Level Icons (First Level Vertical List)

The image size and format for first level icons are as follows.

Image size Icon body 48 x 48 pixels 64 x 64 pixels

Image format 256-color 32-bit CLUT (o channel enabled) PNG/TGA/GIM file

Icon body

RGB a channel

no

48 pixels

OSCEI PSP™ Custom Theme

Icon focus

œ channel

RGB EN *

64 pixels

Second Level Icons (Second Level Vertical List)

The image size and format for second level icons are as follows.

Image size 32 x 32 pixels 48 x 48 pixels

Image format 256-color 32-bit CLUT (a channel enabled) PNG/TGA/GIM file

Icon body RGB a channel 32 pixels 32 pixels Icon focus RGB a channel 7 * 48 pixels Wallpaper

The image size and format for the wallpaper are as follows.

480 x 272 pixels

Image format 24-bit color RLE uncompressed bitmap file

©SCEI PSP™ Custom Theme

12

2/2 pixels

480 pixels

Theme Color The theme colors that can be selected are shown below.

Theme Color Number

Change monthly |0 |

Preview

The image size and format for the preview are as follows.

Image size 16 x 16 pixels 300 x 170 pixels

256-color 32-bit CLUT (a channel enabled) bitmap file

©SCEI PSP™ Custom Theme

13

Preview icon

RGB a channel

16 pixels

16 pixels

Preview image

170 pixels

300 pixels

OSCEI PSP™ Custom Theme

14

4 Notes on Icon Design

This section contains notes on icon design.

Icon Data

When creating an icon, avoid painting the icon with a single color. This 1s because the user can set any arbitrary background color using the wallpaper setting function. Icons should be designed with gradations or borders so they can be easily distinguished from arbitrary background images.

For example, with the following single-color icon data, the icon will not be visible if the

background 1s set to white.

Icon data Display on white background

In this case, you can make the display easier to see by using gradations and borders as shown

below.

OSCEI PSP™ Custom Theme

15

Icon data Display on white background

Note that when using icon data provided by the system software for your design, you cannot

change its original shape or meaning.

Focus Data

When you create icon data, you also need to create focus data which 1s used when the icon receives focus. In the standard theme that is part of system software, focus has been designed in a consistent manner so that the item receiving the focus will appear to light up in white. If you create focus data with a similar appearance, it will be easier for the user to recognize that the focus is on that icon.

The following example shows how Photoshop can be used to create illuminated focus data.

©SCEI PSP™ Custom Theme

16

How To Make PSP Icons

| Layer

Normal pacity

s x | Channels | |

x Paths =

Lock; 1. + Filli | 100

Layer 1

f. O O a צ‎ ₪4 ><

EA

- 100%

Radius: | 8 | pixels

3

Load Selection

Source

[ cancel )

Preview

Gaussian Blur: 6.0pixel

Document: | MS icon focus.tga

Channel: | Alpha 1

(Invert

Operation ®© New Selection add to Selection

Subtract from Selection

Intersect with Selection

MS icon focus.tea &

[Select > Load Selection...]

Load the alpha channel (of this file) as selection.

[Edit > Delete]

Delete that selection on RGB channels.

MS_icon_focus.tea @ =

| Layers x | Channels | Paths | 7

Normal |v] Opacity: 100% | > | Lock: [] ¥ + @ Fill: | 10096 | > |

100%

©SCEI

Duplicate the layer twice. (to increase the contrast)

S_icon_shadow.te...

| Layers | Channels x | Paths | = =

fing] ב‎ Alpha 1

Add the alpha channel and copy-paste ICON on it.

x

| Layers | Channels x | Paths | =

1006 |

Copy RGB image to the alpha channel. Paint RGB layers all white.

[Layer > Flatten Image] Merge all layers.

PSP™ Custom Theme

5 Setting Custom Themes

This section explains how to set a custom theme on the PSP™ system.

Select Theme Settings under the Settings category to set a custom theme.

B/21 17:38

Select Theme under Theme Settings.

B/17 14:49

< Re Theme _ = | Classic | Sets a ו ו‎ eee ae ERER di

“O Lok

OSCEI PSP™ Custom Theme

18

The words "Original" and "Classic" are displayed on the right side of the screen as well as preview icons of theme files that are saved in the /PSP/THEME directory on the

Memory Stick™. "Original" means that the icons displayed are standard icons used in the PSP™ system. “Classic" means that the icons are what was considered to be standard on the PSP™ system for system software Ver5.00 and before.

A preview image of the selected custom theme is displayed in the center of the screen.

Olga

ee ה‎ u ò m

You can change the custom theme by selecting a custom theme from the list and then selecting

“Apply”. If you select “Delete”, the selected theme file will be deleted from the Memory Stick™.

©SCEI PSP™ Custom Theme

19

6 Custom Theme Creation Tool

This section describes the Custom Theme Converter (themeconv.exe), which is a tool for

creating custom themes.

Information Tab

The following items can be entered on the Information tab.

La Custom Theme Converter - File{E) = =HelptH? Information | Wallpaper | Category Icons | First Level Icons | Second Level lo 4 +

Title : l Product ID : | Version : |

Item Description

Product ID Product ID number (max. 48 bytes) Usable characters: half-width alphanumerics, hyphen ("-"), and underscore ("_")

Version Theme version (max. 8 bytes) A combination of at most 3 numbers from 0 to 99 separated by periods (".")

For details about how to use the Information tab, see Chapter 7, "Using the PSP™ to

Download Custom Theme Data."

©SCEI PSP™ Custom Theme

20

Wallpaper Tab

This tab is used to set the image file that will be used for wallpaper. By clicking on the preview button, the wallpaper setting can be previewed. For information about files that can be set as

wallpaper, see Chapter 3, "Image Sizes and Formats."

Lal Custom Theme Converter - CI | Filet) Help(H)

Information Wallpaper | Category Icons | First Level Icons | Second Level Ic 4) *

Wallpaper : Po 5|

©SCEI PSP™ Custom Theme

21

Category Icons Tab

This tab is used to set the image files that will be used for the category icons. By clicking on the Preview button, the category icons can be previewed. For information about files that can

be set as category icons, see Chapter 3 "Image Sizes and Formats."

Lal Custom Theme Converter m ₪62 HelptH?

Information | Wallpaper Category Icons | First Level Icons | Second Level Ic_4 | *

kon Body

(Clear | Prev levy |

The default icon is used for category icons that have not been set. If the default icon itself has

not been set, the original icon is used instead. This also applies to new category icons that will

be added in future updates.

©SCEI PSP™ Custom Theme

22

First Level Icons Tab

This tab is used to set the image files that will be used for the first level icons and focus. The Edit button will switch to the file selection screen and the Clear button will clear the selected file. By clicking on the Preview button, the first level icons and focus can be previewed. For

information about files that can be set for the first level icons and focus, see Chapter 3 "Image

Sizes and Formats."

La Custom Theme Converter - E

File{F? HelptH? Infor mation | Wallpaper | Category kons First Level Icons | Second Level Ic 4) *

Memory Stick (TM‏ מה

(o) דוו‎

חי‎ Camera = Game Sharing

Q] Saved Data Utility ED PSPETM | ndate Nata | א‎ >

Edit | Preview |

The default icon is used for first level icons that have not been set. If the default icon itself has

not been set, the original icon is used instead. This also applies to new first level icons that

will be added in future updates.

©SCEI PSP™ Custom Theme

23

Second Level Icons Tab

This tab is used to set the image files that will be used for the second level icons and focus. The Edit button will switch to the file selection screen and the Clear button will clear the selected file. By clicking on the Preview button, the second level icons and focus can be previewed. For information about files that can be set for the second level icons and focus, see Chapter 3

"Image Sizes and Formats."

Lai Custom Theme Converter - .מ‎ FilefE? = HelptH? Wallpaper | Category Icons | First Level Ikons Second Level Icons | Others a+

kon Body kon Focus

Edit | (Clear | Preview |

The default icon is used for second level icons that have not been set. If the default icon itself has not been set, the original icon is used instead. This also applies to new second level icons

that will be added in future updates.

©SCEI PSP™ Custom Theme

24

Others Tab

This tab is used to set the image files that will be used for the preview icon and preview image, and also to select the theme color. By clicking on the preview buttons, the preview icon and image can be previewed. For information about files that can be set for the preview icon and preview image, see Chapter 3 "Image Sizes and Formats." La Custom Theme Converter ₪- O FiletE HelpiH?

Category Icons | First Level Icons | Second Level Icons Others |

Preview Icon : | 5| B| Freview Image : | 5| Theme Color : | By Month -|

File Menu

The File menu enables you to perform "New”, “Open” and “Save” operations on files that save custom theme settings. You can also select "Write" to write the current settings to a custom

theme file.

Help Menu

The Help menu enables you to change settings for themeconv.exe.

You can set the display language to Japanese, English, or Korean from the Settings menu.

©SCEI PSP™ Custom Theme

25

7 Using the PSP™ to Download Custom Theme Data

This section describes how the PSP™ Internet browser can be used to download custom theme

data.

Meta Information and Download Processing

©SCEI

When the PSP™ Internet browser downloads custom theme data, it uses meta information on both the server and the inserted Memory Stick™ to automatically control the download process.

The meta information that it uses consists of the title, the product ID, and the theme version.

These are described below. Title

Title is the 128-byte (max) UTF-8 string previously specified for "title". It is displayed on the download start confirmation screen.

If the title is too long for the display, it will either be abbreviated or automatically scrolled. To prevent titles from being abbreviated or scrolled, they should be no more than approximately 20 characters long for Japanese, Korean, and Chinese, and 30 characters for

all other languages. Product ID

Product ID is the 48-byte (max) string previously specified for "product id". It is used for the target filename for the download. If each custom theme is assigned a different product ID, files can be automatically

downloaded and saved with different filenames. Theme Version

Theme version is the 8-byte (max) string previously specified for "theme version". It is displayed on the download start confirmation screen.

The theme version is also used to determine whether or not downloading should be executed.

If the Memory Stick™ already has custom theme data with the same product ID as that which is being downloaded, the theme versions are compared and the data is downloaded only if it is newer.

The theme version is assumed to be a combination of at most 3 numbers from 0 to 99

separated by periods ("."), One theme version is newer than another if it has more numbers

PSP™ Custom Theme

26

or if its numbers are larger than the other.

Examples e "1.00" e "1.1.1" e "12" e "12.34.56"

e "1.1" 1s newer than "1.00" e "1.10" 1s newer than "1.1"

e "1.1.1" 1s newer than "1.1"

Therefore, when you update your custom theme data, you can cause it to be downloaded

only when necessary by making the theme version newer.

Uploading Custom Theme Data to the Server

To upload your custom theme data to the server for later download via a PSP™ Internet browser, the custom theme data must be assigned a special MIME-Type and extension.

The MIME-Type and extension are shown below.

MIME-Type Extension

application/x-psp-theme

OSCEI PSP™ Custom Theme

27

8 Appendix

Maximum Size

The maximum size of a custom theme file is 768KB.

Compatibility

Custom theme files created with version 1.2.0.0 of themeconv.exe can be used with PSP™ system software version 3.80 or later. They cannot be used with earlier versions of PSP™ system software. Custom theme files created with earlier versions of themeconv.exe can

continue to be used.

©SCEI PSP™ Custom Theme

28