So erstellen Sie Steam-Skins

Texturen wie diese können mit einem benutzerdefinierten Hintergrundbild angewendet werden, das in eine .tga-Datei konvertiert wurde.

Laden Sie den Steam Skin Creator von Fileplanet herunter. Wenn Sie fertig sind, entpacken Sie die Datei „ilovesteam10.zip“ an einen Ort Ihrer Wahl oder klicken Sie auf die Schaltfläche „>“, wenn die Download-Anwendung verwendet wurde. Öffnen Sie den Ordner „ilovesteam10“ und starten Sie „ilovesteam_19.exe“.

Klicken Sie im Installationsprogramm auf "Weiter" und akzeptieren Sie die Lizenzvereinbarung auf der folgenden Seite. Wählen Sie einen Speicherort für die Installation des Skin Creators und klicken Sie auf „Installieren“. Lassen Sie das Kontrollkästchen "Ausführen" aktiviert und klicken Sie auf "Fertig stellen".

Klicken Sie auf "Optionen > Steam-Pfad bearbeiten" und klicken Sie auf die Schaltfläche "Pfad". Navigieren Sie zum Speicherort Ihres Steam-Verzeichnisses. Dies ist normalerweise C:\Programme\Steam (Programme (x86) auf 64-Bit-Systemen). Wählen Sie Steam.exe aus und klicken Sie auf "Öffnen".

Klicken Sie in der Skin Creator-Benutzeroberfläche auf die Schaltfläche "Neues Projekt". Geben Sie einen Projektnamen ein und klicken Sie auf "OK". Das "Root"-Bild wird zuerst angezeigt, mit dem "Server"-Fenster auf der zweiten Registerkarte. Diese Bilder stellen die Hauptbestandteile des Steam-Clients dar und zeigen, wie andere Dialoge mit Ihren Änderungen aussehen.

Bearbeiten Sie die Farben, Hintergrundbilder und Symbole mithilfe der Felder auf der linken Seite. Farben müssen mit Hex eingegeben werden, gefolgt von einem #-Zeichen. Optional können Sie den Farbwähler verwenden, der erscheint, wenn Sie auf das Farbquadrat rechts neben dem Eingabefeld klicken.

Konvertieren Sie gewünschte Hintergrund- oder Symbolbilder mit einem Grafikbearbeitungsprogramm wie Photoshop, Corel Paint Shop Pro oder Gimp in das TarGA-Format. Laden Sie das vorhandene Bild in das Programm, wählen Sie dann einfach "Speichern unter" aus dem Datei-Menü und wählen Sie die Datei und den Dateityp "tga" aus.

Öffnen Sie den Windows Explorer und navigieren Sie zu Ihrem Steam-Ordner (normalerweise unter Programmdateien). Doppelklicken Sie darauf und öffnen Sie dann den Ordner "Skins". Doppelklicken Sie auf den Ordner für die neu installierte Skin und drücken Sie dann Strg+A, um alles darin auszuwählen. Klicken Sie im Explorer-Menü auf "Bearbeiten > Kopieren".

Kehren Sie zum Hauptordner Skins zurück und erstellen Sie einen neuen Ordner, der nach Ihrem benutzerdefinierten Skin benannt ist. Doppelklicken Sie, um es zu öffnen, klicken Sie dann mit der rechten Maustaste und wählen Sie "Einfügen". Der Inhalt des heruntergeladenen Skin-Ordners sollte in Ihrem neuen Skin-Ordner erscheinen.

Starten Sie Steam und melden Sie sich an. Klicken Sie auf "Steam > Einstellungen" und klicken Sie auf die Registerkarte "Schnittstelle". Wählen Sie Ihren Skin aus dem Dropdown-Menü Skins aus und klicken Sie auf „Ja“, damit Steam neu gestartet werden kann. Schließen Sie Steam, sobald es wieder geöffnet wird.

Klicken Sie auf "Start", geben Sie "Ausführen" in das Suchfeld ein und drücken Sie die "Enter"-Taste. Geben Sie den Pfad zu Ihrer steam.exe in Anführungszeichen ein, gefolgt von einem Leerzeichen und "-dev" ohne Anführungszeichen. Dadurch wird das Programm im Entwicklungsmodus gestartet. Beispiel: "c:\Programme\steam\steam.exe" -dev

Öffnen Sie das Fenster, an dem Sie mit der Arbeit beginnen möchten, z. B. Freunde, Server, Community usw. Drücken Sie "F6", um die Konsole "vgui layout debugger" zu öffnen. Während dieses geöffnet ist, kann jeweils nur ein Dialogfenster bearbeitet werden.

Wählen Sie ein Element des Fensters aus, das Sie neu gestalten möchten. Im Freundesfenster können Sie beispielsweise den Link "Freund hinzufügen" auswählen. Alle Elemente, die für die Anzeige und Funktion des Links erforderlich sind, werden im Debugger angezeigt, unterteilt in Stile, Detail, Layout, Gruppen und Lokalisierung. Die wichtigsten Elemente, auf die man sich konzentrieren sollte, sind Stile und Layout, die CSS-Stilen und HTML-Layouts im Webdesign ähneln.

Wählen Sie auf der Registerkarte Stile die Eigenschaft aus, die Sie ändern möchten, und klicken Sie dann ganz rechts auf den Dateilink. Es sollte ein Windows-Dialogfeld erscheinen, in dem Sie gefragt werden, wie Sie die Datei öffnen. Klicken Sie auf die Option "Programm aus einer Liste auswählen ..." und klicken Sie auf "OK". Wählen Sie Notepad oder Ihren bevorzugten HTML-Editor aus der Liste. Wenn sie nicht angezeigt werden, klicken Sie auf "Durchsuchen", um das Programm zu suchen. (Notepad befindet sich in Ihrem Windows-Ordner).

Bearbeiten Sie die Datei mit Ihren gewünschten Änderungen an Position, Farbe oder Verhalten. Um bestimmte Einträge zu dem im Debugger markierten Element zu finden, klicken Sie auf "Bearbeiten > Suchen" und geben Sie den Namen der Eigenschaft ein. Zum Beispiel: Schaltfläche ändern: Wenn Sie den Mauszeiger auf "Rot" bewegen, wird der Text rot, nachdem meine Skin-Änderungen gespeichert und Steam neu geladen wurde.

Starten Sie Ihre Grafikbearbeitungssoftware. Die Anwendung muss TarGA-Dateien (.tga) anzeigen und speichern können, beispielsweise Photoshop, Corel Paint Shop Pro oder Gimp. Klicken Sie auf "Datei > Öffnen" und navigieren Sie zum Ordner Ihres Skins im Steam-Skins-Verzeichnis. Doppelklicken Sie auf den Ordner Graphics, um die verfügbaren Bilder anzuzeigen, die Sie bearbeiten können.

Bearbeiten Sie die Grafikdateien wie jedes andere Interface-Bild. Wenn Sie das Bild durch ein Bild mit einer anderen Größe ersetzen, speichern Sie die neue Grafik mit demselben Namen und wählen Sie als Dateityp "tga".

Spitze

Benutzerdefinierte Bilder wie Schaltflächengrafiken, Hintergründe usw. können als .tga-Dateien im Grafikordner gespeichert und dann in den Stilen verwendet werden. Sie können beispielsweise eine Hintergrundeigenschaft so bearbeiten, dass sie einen relativen Pfad zu Ihrer Grafik enthält, anstatt eine Volltonfarbe zu verwenden.