Come creare skin per Steam

Steam è una console di community e gestione di videogiochi ampiamente utilizzata creata da Valve Entertainment. L'app include un negozio online, un client di chat e un social network. Una delle funzionalità più popolari è la sua sovrapposizione in-game, che ti consente di controllare gli amici online o chattare senza uscire dal gioco. Steam ti consente di progettare le tue skin dell'interfaccia (l'aspetto grafico dell'applicazione) utilizzando una console di sviluppo o tramite strumenti di terze parti facili da usare.

Utilizzo di Skin Creator

Passaggio 1

Scarica Steam Skin Creator da Fileplanet. Al termine, decomprimere il file "ilovesteam10.zip" nella posizione desiderata o fare clic sul pulsante ">" se è stata utilizzata l'applicazione di download. Apri la cartella "ilovesteam10" e avvia "ilovesteam_19.exe."

Passaggio 2

Fare clic su "Avanti" sul programma di installazione e accettare il contratto di licenza nella pagina seguente. Scegli una posizione in cui installare Skin Creator e fai clic su "Installa". Lascia selezionata la casella "Esegui" e fai clic su "Fine".

Passaggio 3

Fai clic su "Opzioni> Modifica percorso di Steam" e fai clic sul pulsante "Percorso". Vai alla posizione della tua directory di Steam. Questo è in genere C:\Programmi\Steam (Programmi(x86) su sistemi a 64 bit). Seleziona Steam.exe e fai clic su "Apri".

Passaggio 4

Fai clic sul pulsante "Nuovo progetto" nell'interfaccia di Skin Creator. Digita il nome di un progetto e fai clic su "OK". L'immagine "Root" verrà mostrata per prima, con la finestra "Server" nella seconda scheda. Queste immagini rappresentano le parti principali del client di Steam e come appariranno le altre finestre di dialogo con le tue modifiche.

Passaggio 5

Modifica i colori, le immagini di sfondo e le icone utilizzando i campi sul lato sinistro. I colori devono essere inseriti utilizzando esadecimale, preceduto da un segno #. Puoi opzionalmente utilizzare il selettore colore che apparirà se fai clic sul quadrato del colore a destra del campo di input.

Passaggio 6

Converti le immagini di sfondo o icone desiderate nel formato TarGA utilizzando un programma di editing grafico come Photoshop, Corel Paint Shop Pro o Gimp. Carica l'immagine esistente nel programma, quindi scegli semplicemente "Salva con nome" dal menu File e seleziona il file e seleziona il tipo di file "tga".

Passaggio 7

Al termine, fare clic sul pulsante "Salva ILS progetto". Fai clic su "File> Salva ed esporta su Steam". Dovrebbe apparire un messaggio di successo.

Modifica avanzata utilizzando la modalità Dev

Passaggio 1

Scarica e installa una skin compatibile 2010 o successiva dal sito Web di Valve. Questo servirà come modello per la tua skin personalizzata.

Passaggio 2

Apri Windows Explorer e vai alla tua cartella Steam (in genere in Programmi). Fare doppio clic su di esso e quindi aprire la cartella "Skin". Fare doppio clic sulla cartella per la skin appena installata, quindi premere Ctrl+A per selezionare tutto all'interno. Fai clic su "Modifica> Copia" dal menu Explorer.

Passaggio 3

Torna alla cartella Skin principale e crea una nuova cartella con il nome della tua skin personalizzata. Fare doppio clic per aprirlo, quindi fare clic con il pulsante destro del mouse e scegliere "Incolla". Il contenuto della cartella della skin scaricata dovrebbe apparire all'interno della nuova cartella della skin.

Passaggio 4

Avvia Steam e accedi. Fai clic su "Steam> Impostazioni" e fai clic sulla scheda "Interfaccia". Seleziona la tua skin dal menu a discesa Skin e fai clic su "Sì" per consentire il riavvio di Steam. Chiudi Steam alla riapertura.

Passaggio 5

Fai clic su "Start", digita "Esegui" nel campo di ricerca e premi il tasto "Invio". Digita il percorso del tuo steam.exe tra virgolette, seguito da uno spazio e "-dev" senza virgolette. Questo avvierà il programma in modalità di sviluppo. Ad esempio:"c:\programmi\steam\steam.exe" -dev

Passaggio 6

Apri la finestra su cui vuoi iniziare a lavorare, ad esempio Amici, Server, Community e così via. Premi "F6" per aprire la console "vgui layout debugger". È possibile modificare solo una finestra di dialogo alla volta mentre questa è aperta.

Passaggio 7

Seleziona un elemento della finestra che desideri ridisegnare. Ad esempio, nella finestra Amici, puoi selezionare il link "Aggiungi un amico". Tutti gli elementi necessari per la visualizzazione e il funzionamento del collegamento appariranno nel debugger, suddivisi in Stili, Dettagli, Layout, Gruppi e Localizzazione. Gli elementi principali su cui concentrarsi sono gli stili e il layout che sono simili agli stili CSS e ai layout HTML nel web design.

Passaggio 8

Nella scheda Stili, seleziona la proprietà che desideri modificare e quindi fai clic sul collegamento al file all'estrema destra. Dovrebbe apparire una finestra di dialogo che ti chiede come aprire il file. Fare clic sull'opzione "Seleziona il programma da un elenco ..." e fare clic su "OK". Scegli Blocco note o il tuo editor HTML preferito dall'elenco. Se non vengono visualizzati, fai clic su "Sfoglia" per individuare il programma. (Il blocco note si trova nella cartella Windows).

Passaggio 9

Modifica il file con le modifiche desiderate alla posizione, al colore o al comportamento. Per trovare voci specifiche relative all'elemento che hai evidenziato nel debugger, clicca su "Modifica> Trova" e digita il nome della proprietà. Ad esempio:cambiando pulsante:passa il mouse su "Rosso" il testo diventa rosso dopo che le mie modifiche alla skin sono state salvate e Steam è stato ricaricato.

Passaggio 10

Salva le modifiche in qualsiasi file di testo che modifichi facendo clic su "File> Salva" e fai attenzione a non modificare l'estensione del file. Chiudi Steam quando hai finito di modificare stili e layout.

Passaggio 11

Avvia il tuo software di editing grafico. L'applicazione deve essere in grado di visualizzare e salvare file TarGA (.tga), come Photoshop, Corel Paint Shop Pro o Gimp. Fai clic su "File> Apri" e vai alla cartella della tua skin all'interno della directory delle skin di Steam. Fare doppio clic sulla cartella Grafica per visualizzare le immagini disponibili che è possibile modificare.

Passaggio 12

Modifica i file grafici come faresti con qualsiasi altra immagine dell'interfaccia. Se sostituisci l'immagine con una di dimensioni diverse, assicurati di salvare la nuova grafica con lo stesso nome e scegli "tga" come tipo di file.

Suggerimento

Le immagini personalizzate come la grafica dei pulsanti, gli sfondi e così via possono essere salvate come file .tga nella cartella grafica e quindi indicate negli stili. Ad esempio, puoi modificare una proprietà di sfondo per includere un percorso relativo alla tua grafica invece di utilizzare un colore solido.