>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Criar Skins (Temas) para Steam

Steam é console de gerenciamento de jogos e comunidade da Valve. Apresenta loja online, chat e rede social. Recurso popular é overlay in-game, para ver amigos ou conversar sem sair do jogo. Steam permite criar suas próprias skins (visual da interface) usando console de desenvolvimento ou ferramentas de terceiros fáceis.

Usando o Skin Creator

Passo 1: Baixe e Instale

Baixe Steam Skin Creator do Fileplanet. Descompacte "ilovesteam10.zip" no local desejado. Abra pasta "ilovesteam10" e execute "ilovesteam_19.exe".

Passo 2: Instale o Criador

Clique "Avançar" no instalador e aceite Licença. Escolha local de instalação e clique "Instalar". Deixe "Executar" marcado e clique "Concluir".

Passo 3: Defina Caminho do Steam

Clique "Opções > Editar Caminho Steam" e botão "Caminho". Navegue até pasta do Steam (geralmente C:\Program Files\Steam ou Program Files (x86) em 64-bit). Selecione Steam.exe e clique "Abrir".

Passo 4: Novo Projeto

Clique "Novo Projeto" na interface. Digite nome e clique "OK". Imagem "Root" aparece primeiro, janela "Server" na segunda aba. Representam peças principais do cliente Steam.

Passo 5: Edite Cores, Fundos e Ícones

Edite usando campos à esquerda. Cores em hex precedido por #. Opcionalmente use seletor de cor clicando no quadrado ao lado do campo.

Passo 6: Converta Imagens para TGA

Converta imagens de fundo/ícones para formato TGA (TarGA) em editor gráfico (Photoshop, Corel Paint Shop Pro, GIMP). Abra imagem, "Salvar como", escolha tipo "tga".

Passo 7: Salve e Exporte

Clique "Salvar Projeto ILS". Clique "Arquivo > Salvar e Exportar para Steam". Mensagem de sucesso deve aparecer.

Edição Avançada com Modo Desenvolvedor

Passo 1: Baixe Skin Compatível

Baixe e instale skin 2010+ compatível do site da Valve. Servirá como template.

Passo 2: Copie Arquivos da Skin

Abra Explorador e vá à pasta Steam (Program Files). Clique duas vezes, abra pasta "Skins". Clique duas vezes na pasta da skin recém-instalada. Ctrl+A para selecionar tudo. "Editar > Copiar".

Passo 3: Crie Pasta da Nova Skin

Volte à pasta Skins principal. Crie nova pasta com nome da sua skin. Clique duas vezes, clique direito > "Colar". Conteúdo da skin baixada aparece na sua pasta.

Passo 4: Selecione Skin no Steam

Inicie Steam e entre. "Steam > Configurações" > aba "Interface". Selecione sua skin no menu Skins e clique "Sim" para reiniciar. Feche Steam ao reabrir.

Passo 5: Inicie em Modo Desenvolvedor

Iniciar > digite "Executar" > Enter. Digite caminho do steam.exe entre aspas, espaço e "-dev". Ex: "c:\program files\steam\steam.exe" -dev.

Passo 6: Abra Depurador de Layout

Abra janela que quer editar (Amigos, Servidores, Comunidade). Pressione F6 para abrir console "vgui layout debugger". Só uma janela por vez.

Passo 7: Selecione Elemento para Redesenhar

Selecione elemento na janela. Ex: na janela Amigos, link "Adicionar Amigo". Elementos necessários aparecem no depurador divididos em Estilos, Detalhe, Layout, Grupos, Localização. Foque em Estilos e Layout (similar a CSS/HTML).

Passo 8: Edite Arquivos de Estilo

Na aba Estilos, selecione propriedade a modificar e clique link do arquivo à direita. Janela perguntará como abrir. Escolha "Selecionar programa da lista" > OK. Escolha Bloco de Notas ou editor HTML. Se não aparecer, "Procurar" para localizar (Notepad em pasta Windows).

Passo 9: Faça Alterações

Edite arquivo com mudanças desejadas em posição, cor, comportamento. Para achar entradas do elemento destacado, "Editar > Localizar" e digite nome da propriedade. Ex: mudar Button:hover para "Red" torna texto vermelho após salvar skin e recarregar Steam.

Passo 10: Salve e Feche

Salve alterações em arquivos de texto ("Arquivo > Salvar") sem mudar extensão. Feche Steam ao terminar estilos/layout.

Passo 11: Edite Gráficos

Inicie editor gráfico (precisa suportar .tga: Photoshop, Corel, GIMP). "Arquivo > Abrir", navegue até pasta da skin em Steam/Skins. Clique duas vezes em pasta "Graphics" para ver imagens editáveis.

Passo 12: Edite Imagens

Edite arquivos gráficos como qualquer imagem de interface. Se substituir por imagem de tamanho diferente, salve com mesmo nome e tipo "tga".

Dica

Imagens personalizadas (botões, fundos) podem ser salvas como .tga na pasta graphics e referenciadas nos estilos. Ex: editar propriedade de fundo para incluir caminho relativo à sua imagem em vez de cor sólida.