Tutorial – Wie erstelle ich ein eigenes Theme

Tutorial – Wie erstelle ich ein eigenes Theme

Tutorial – Wie erstelle ich ein eigenes Theme

3

Wie erstelle ich ein eigenes Theme

Weiter geht es im Bereich der Tutorials. Heute erkläre ich euch, wie ihr ein eigenes Custom Theme erstellen könnt. Damit könnt ihr dann nach Lust und Laune eine eigene Theme für eure PS Vita erstellen. Falls ihr wissen möchtet, wie die Themes installiert werden, könnt ihr das hier nachlesen.

Disclaimer: Die kostenlosen und frei zugänglichen Inhalte dieser Webseite wurden mit größtmöglicher Sorgfalt erstellt. Der Anbieter dieser Webseite übernimmt jedoch keine Gewähr für die Richtigkeit und Aktualität der bereitgestellten kostenlosen und frei zugänglichen Informationen. Die Nutzung dieser Webseiteninhalte erfolgt auf eigene Gefahr. Allein durch den Aufruf dieser kostenlosen und frei zugänglichen Inhalte kommt keinerlei Vertragsverhältnis zwischen dem Nutzer und dem Anbieter zustande, insoweit fehlt es am Rechtsbindungswillen des Anbieters.

Bilder über Bilder

Das wichtigste für eure eigene Theme sind Bilder und davon nicht zu wenige. Genauer gesagt braucht ihr so viele Bilder:

  • 28 Icons
  • 1 Lockscreen
  • Mindestens 1 Background
  • 1 Thumbnail
  • 2 Previews

Auch wenn dieser Hinweis meist auf taube Ohren stößt, will ich doch auf die Existenz von Copyright hinweisen. Also bittet achtet darauf was ihr mit den Bildern anstellt und wofür ihr sie benutzt. Ende der Lehrstunde.

Viel gibt es zum Thema Bilder nicht zu sagen, wenn ihr alle zusammenhabt müsst ihr sie nur noch entsprechend formatieren. Die Angaben findet ihr unten. Die Bilder werden dann abschließend als PNG-Datei gespeichert. Als Benennung würde ich mich der Einfachheit halber an die Vorgaben meiner XML-Vorlage halten.

Hier die wichtigsten Größen:

  • Icons (z.B. cma) 128 x 128 Pixel; Bittiefe: 24
  • Lockscreen/Backgrounds 690 x 544 Pixel; Bittiefe: 8
  • Previews (Lockscreen/Page) 320 x 181 Pixel; Bittiefe: 32
  • Thumbnail 226 x 128 Pixel; Bittiefe: 8

Die XML-Datei

Nachdem ihr eure Bilder habt, müsst ihr nun noch eine XML-Datei erstellen. Diese wird benötigt, damit eure PS Vita später überhaupt zuordnen kann, was für Bilder wo eingesetzt werden. Diese wird im Editor erstellt und dann mit „Speichern unter“ im entsprechenden Ordner als „theme.xml“ abgelegt.

XML-Editor

Hier ein Beispielscode. Alle Stellen, in denen ich etwas ändern bzw. eintragen solltet sind mit einem „*“ markiert:

Spoiler:

<?xml version=“1.0″ encoding=“utf-8″?>

<theme format-ver=“00.99″ package=“0″>

<HomeProperty>

<m_bgParam>

<BackgroundParam>

<m_imageFilePath>theme-bg-0.png</m_imageFilePath>

<m_thumbnailFilePath>theme-bg-0.png</m_thumbnailFilePath>

<m_waveType>1</m_waveType>

</BackgroundParam>

<BackgroundParam>

<m_imageFilePath>theme-bg-1.png</m_imageFilePath>

<m_thumbnailFilePath>theme-bg-1.png</m_thumbnailFilePath>

<m_waveType>1</m_waveType>

</BackgroundParam>

<BackgroundParam>

<m_imageFilePath>theme-bg-2.png</m_imageFilePath>

<m_thumbnailFilePath>theme-bg-2.png</m_thumbnailFilePath>

<m_waveType>1</m_waveType>

</BackgroundParam>

</m_bgParam>

<m_bgmFilePath>*.at9</m_bgmFilePath>

<m_browser>

<m_iconFilePath>icon_web.png</m_iconFilePath>

</m_browser>

<m_calendar>

<m_iconFilePath>icon_calendar.png</m_iconFilePath>

</m_calendar>

<m_camera>

<m_iconFilePath>icon_photos.png</m_iconFilePath>

</m_camera>

<m_email>

<m_iconFilePath>icon_mail.png</m_iconFilePath>

</m_email>

<m_friend>

<m_iconFilePath>icon_friends.png</m_iconFilePath>

</m_friend>

<m_hostCollabo>

<m_iconFilePath>icon_cma.png</m_iconFilePath>

</m_hostCollabo>

<m_message>

<m_iconFilePath>icon_messages.png</m_iconFilePath>

</m_message>

<m_music>

<m_iconFilePath>icon_music.png</m_iconFilePath>

</m_music>

<m_near>

<m_iconFilePath>icon_near.png</m_iconFilePath>

</m_near>

<m_party>

<m_iconFilePath>icon_party.png</m_iconFilePath>

</m_party>

<m_ps3Link>

<m_iconFilePath>icon_ps3link.png</m_iconFilePath>

</m_ps3Link>

<m_ps4Link>

<m_iconFilePath>icon_ps4link.png</m_iconFilePath>

</m_ps4Link>

<m_settings>

<m_iconFilePath>icon_settings.png</m_iconFilePath>

</m_settings>

<m_trophy>

<m_iconFilePath>icon_trophies.png</m_iconFilePath>

</m_trophy>

<m_video>

<m_iconFilePath>icon_videos.png</m_iconFilePath>

</m_video>

</HomeProperty>

<InfomationBarProperty>

<m_barColor>ff000000</m_barColor>

<m_indicatorColor>ffeedfd0</m_indicatorColor>

</InfomationBarProperty>

<InfomationProperty>

<m_contentVer>01.00</m_contentVer>

<m_homePreviewFilePath>preview_page.png</m_homePreviewFilePath>

<m_packageImageFilePath>preview_thumbnail.png</m_packageImageFilePath>

<m_provider>

<m_default>*</m_default>

<m_param></m_param>

</m_provider>

<m_startPreviewFilePath>preview_lockscreen.png</m_startPreviewFilePath>

<m_title>

<m_default>* Theme</m_default>

<m_param>

<m_ch>* Theme</m_ch>

<m_fr>* Theme</m_fr>

<m_it>* Theme</m_it>

<m_ja>* Theme</m_ja>

<m_ko>* Theme</m_ko>

<m_zh>* Theme</m_zh>

</m_param>

</m_title>

</InfomationProperty>

<StartScreenProperty>

<m_dateColor>ffffffff</m_dateColor>

<m_dateLayout>2</m_dateLayout>

<m_filePath>lockscreen.png</m_filePath>

<m_notifyBgColor>1fffffff</m_notifyBgColor>

<m_notifyBorderColor>ffcccccc</m_notifyBorderColor>

<m_notifyFontColor>ffffffff</m_notifyFontColor>

</StartScreenProperty>

</theme>

Zum Aufbau der XML Datei

Jede theme.xml muss identisch aufgebaut sein. Es fängt an mit den Hintergrundbildern, der Hintergrundmusik sowie den System Icons, die alle Verweise auf eure Bilder bzw. Musik-Datei sind.

Bei der Statusbar und im Lockscreen besteht jedoch noch die Möglichkeit, die Farbe manuell anzupassen. Hierzu sucht ihr euch eure Wunschfarbe im HEX-Format (Beispiel #e02727 für unser Rot) und ersetzt die letzten sechs Buchstaben mit euren Buchstaben, ohne „#“.

theme.xml Analyse von hackinformer.com

Eigene Musik

Der finale Schritt, bevor ihr euer eigenes Theme abgeschlossen habt, ist die eigene Musik. Wenn ihr keine wollt, dann könnt ihr das auch weglassen, aber ich erkläre euch eine vollständige Theme mit Musik.

Als erstes braucht ihr natürlich Musik, was für eine Überraschung und das at9tool. Dieses bekommt ihr im wololo.net-Guide von pacuer123. Im besten Fall habt ihr Audacity oder ein vergleichbares Programm für den nächsten Schritt, wenn nicht dann installiert eins. Damit öffnet ihr nun die Musik und stellt die Projektfrequenz auf 44100 Hz.

Audacity_Projektfrequenz

Danach exportiert ihr den Ton. Die Einstellungen müssen so wie im Bild unten sein, wobei der Name zweitrangig ist. Diesen müsst ihr so wählen, wie ihr ihn dann auf die PS Vita übertragen wollt bzw. wie er in der XML-Datei steht. Speichert die Datei am besten im selben Ordner wie at9tool.exe oder übertragt sie dorthin.

Audacity_TonExportieren

Nun müsst ihr die Eingabeaufforderung (cmd) öffnen. Dies macht ihr, indem ihr SHIFT + Rechte Maustaste im entsprechenden Ordner drückt. Dort findet ihr den Kontextmenüeintrag „Eingabeaufforderung hier öffnen“. Im nun geöffneten Fenster gebt ihr den Befehl „at9tool -e -br 144 -wholeloop *.wav *.at9“ ein. Die Sterne ersetzt ihr durch den entsprechenden Dateinamen und drückt auf Enter. Der Befehl erstellt euch jetzt die at9-Datei für euer Theme. Packt sie in den Ordner und fertig. Nun müsst ihr das Custom Theme nur noch einfügen. Den Link zu diesem Tutorial findet ihr oben und hier.

Abonnieren
Benachrichtige mich bei
3 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
2. August 2016 8:34

Antworte hier für einen Kommentar zu Tutorial – Wie erstelle ich ein eigenes Theme

Matze
4. Juni 2017 19:29

Gutes Tutorial.
Fragt sich nur wie man eine xml Datei erstellt die auf das Theme geschnitten ist. Nicht alle xml Dateien sind gleich.
Hast ne Idee wie man sowas schreibt?
Gruß Matze

Admin
4. Juni 2017 21:19
Reply to  Matze

Grundsätzlich ist die Struktur immer gleich, welche Parameter vom Theme verwendet wird, kann unterschiedlich sein. Wo genau hakt es denn?