Comment créer des skins Steam

Steam est une console communautaire et de gestion de jeux vidéo largement utilisée créée par Valve Entertainment. L'application comprend une boutique en ligne, un client de chat et un réseau social. L'une des fonctionnalités les plus populaires est sa superposition dans le jeu, qui vous permet de vérifier vos amis en ligne ou de discuter sans quitter votre jeu. Steam vous permet de concevoir vos propres skins d'interface (l'aspect graphique de l'application) à l'aide d'une console de développement ou via des outils tiers faciles à utiliser.

Utiliser le créateur de skin

Étape 1

Téléchargez Steam Skin Creator depuis Fileplanet. Une fois terminé, décompressez le fichier "ilovesteam10.zip" à l'emplacement de votre choix ou cliquez sur le bouton ">" si l'application de téléchargement a été utilisée. Ouvrez le dossier "ilovesteam10" et lancez "ilovesteam_19.exe."

Étape 2

Cliquez sur "Suivant" sur le programme d'installation et acceptez le contrat de licence sur la page suivante. Choisissez un emplacement pour installer le Skin Creator et cliquez sur "Installer". Laissez la case "Exécuter" cochée et cliquez sur "Terminer".

Étape 3

Cliquez sur "Options> Modifier le chemin Steam" et cliquez sur le bouton "Chemin". Accédez à l'emplacement de votre répertoire Steam. Il s'agit généralement de C:\Program Files\Steam (Program Files(x86) sur les systèmes 64 bits). Sélectionnez Steam.exe et cliquez sur "Ouvrir".

Étape 4

Cliquez sur le bouton "Nouveau projet" sur l'interface de Skin Creator. Tapez un nom de projet et cliquez sur "OK". L'image "Root" sera affichée en premier, avec la fenêtre "Server" sur le deuxième onglet. Ces images représentent les éléments principaux du client Steam et à quoi ressembleront les autres boîtes de dialogue avec vos modifications.

Étape 5

Modifiez les couleurs, les images d'arrière-plan et les icônes à l'aide des champs sur le côté gauche. Les couleurs doivent être saisies en hexadécimal, précédées du signe #. Vous pouvez éventuellement utiliser le sélecteur de couleur qui apparaîtra si vous cliquez sur le carré de couleur à droite du champ de saisie.

Étape 6

Convertissez les images d'arrière-plan ou d'icônes souhaitées au format TarGA à l'aide d'un programme d'édition graphique tel que Photoshop, Corel Paint Shop Pro ou Gimp. Chargez l'image existante dans le programme puis choisissez simplement "Enregistrer sous" dans le menu Fichier et sélectionnez le fichier et sélectionnez le type de fichier "tga".

Étape 7

Cliquez sur le bouton "Enregistrer le projet ILS" lorsque vous avez terminé. Cliquez sur "Fichier> Enregistrer et exporter vers Steam". Un message de réussite devrait apparaître.

Édition avancée en mode développeur

Étape 1

Téléchargez et installez un skin compatible 2010 ou ultérieur à partir du site Web de Valve. Cela servira de modèle pour votre skin personnalisé.

Étape 2

Ouvrez l'Explorateur Windows et accédez à votre dossier Steam (généralement sous Program Files). Double-cliquez dessus puis ouvrez le dossier "Skins". Double-cliquez sur le dossier du skin nouvellement installé, puis appuyez sur Ctrl + A pour sélectionner tout ce qu'il contient. Cliquez sur "Edition> Copier" dans le menu Explorateur.

Étape 3

Revenez au dossier principal Skins et créez un nouveau dossier nommé d'après votre skin personnalisé. Double-cliquez pour l'ouvrir, puis faites un clic droit et choisissez "Coller". Le contenu du dossier du skin téléchargé doit apparaître dans votre nouveau dossier skin.

Étape 4

Lancez Steam et connectez-vous. Cliquez sur "Steam> Paramètres" et cliquez sur l'onglet "Interface". Sélectionnez votre skin dans le menu déroulant Skins et cliquez sur "Oui" pour permettre à Steam de redémarrer. Fermez Steam une fois qu'il rouvre.

Étape 5

Cliquez sur "Démarrer", tapez "Exécuter" dans le champ de recherche et appuyez sur la touche "Entrée". Tapez le chemin de votre steam.exe entre guillemets, suivi d'un espace et de "-dev" sans les guillemets. Cela lancera le programme en mode développement. Par exemple :"c:\program files\steam\steam.exe" -dev

Étape 6

Ouvrez la fenêtre sur laquelle vous souhaitez commencer à travailler, telle que Amis, Serveurs, Communauté, etc. Appuyez sur "F6" pour ouvrir la console "débogueur de mise en page vgui". Une seule fenêtre de dialogue peut être modifiée à la fois lorsqu'elle est ouverte.

Étape 7

Sélectionnez un élément de la fenêtre que vous souhaitez reconcevoir. Par exemple, dans la fenêtre Amis, vous pouvez sélectionner le lien "Ajouter un ami". Tous les éléments requis pour que le lien s'affiche et fonctionne apparaîtront dans le débogueur, divisés en Styles, Détail, Disposition, Groupes et Localisation. Les principaux éléments sur lesquels se concentrer sont les styles et la mise en page, qui sont similaires aux styles CSS et aux mises en page HTML dans la conception Web.

Étape 8

Sous l'onglet Styles, sélectionnez la propriété que vous souhaitez modifier, puis cliquez sur le lien du fichier à l'extrême droite. Une boîte de dialogue Windows devrait apparaître vous demandant comment ouvrir le fichier. Cliquez sur l'option "Sélectionner le programme dans une liste ..." et cliquez sur "OK". Choisissez le Bloc-notes ou votre éditeur HTML préféré dans la liste. S'ils n'apparaissent pas, cliquez sur "Parcourir" pour localiser le programme. (Le Bloc-notes se trouve dans votre dossier Windows).

Étape 9

Modifiez le fichier avec les modifications souhaitées de position, de couleur ou de comportement. Pour trouver des entrées spécifiques liées à l'élément que vous avez mis en surbrillance dans le débogueur, cliquez sur "Edition> Rechercher" et tapez le nom de la propriété. Par exemple :Changer Button:hover sur "Red" rendra le texte rouge après que mes changements de skin aient été enregistrés et que Steam ait été rechargé.

Étape 10

Enregistrez les modifications apportées à tous les fichiers texte que vous modifiez en cliquant sur "Fichier> Enregistrer" et veillez à ne pas modifier l'extension du fichier. Fermez Steam lorsque vous avez terminé de modifier les styles et la mise en page.

Étape 11

Lancez votre logiciel d'édition graphique. L'application doit pouvoir afficher et enregistrer des fichiers TarGA (.tga), tels que Photoshop, Corel Paint Shop Pro ou Gimp. Cliquez sur "Fichier> Ouvrir" et accédez au dossier de votre skin dans le répertoire des skins Steam. Double-cliquez sur le dossier Graphics pour afficher les images disponibles que vous pouvez modifier.

Étape 12

Modifiez les fichiers graphiques de la même manière que vous le feriez pour toute autre image d'interface. Si vous remplacez l'image par une autre de taille différente, assurez-vous d'enregistrer le nouveau graphique avec le même nom et choisissez "tga" comme type de fichier.

Astuce

Les images personnalisées telles que les graphiques de boutons, les arrière-plans, etc. peuvent être enregistrées en tant que fichiers .tga dans le dossier graphique, puis référencées dans les styles. Par exemple, vous pouvez modifier une propriété d'arrière-plan pour inclure un chemin relatif vers votre graphique au lieu d'utiliser une couleur unie.