Criando BackGrounds para CSS

[InSuPoRtAVeL 1]

# Criando Backgrounds para CSS #

 

# O que é?

É a imagem que fica de fundo na tela do menu principal.

 

# Programas necessários:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

- Source SDK

- PhotoShop ou qualquer outro programa que tenha suporte a extensão TGA.

 

# Preparando a imagem:

Utilizei o PhotoShop CS

 

1. Abra o PhotoShop, selecione a imagem desejada. Va no menu Image -> Image Size, redimensione a imagem para 1024x1024 px.

 

2. No menu File -> Save As..., escolha extensão TGA e salve ela com o nome de background01.

 

3. Copie ela para pasta "...counter-strike source\cstrike\materialsrc\console"

 

 

# Compilando a imagem:

 

1. Descompacte o VTFTool na pasta "...SteamApps\SeuLogin\sourcesdk\bin" e em seguida abra-o.

 

2. Já com o programa aberto, no campo Material source files (TGA/TXT) folder adicione a seguinte pasta:

 

QUOTE

C:\Arquivos de programas\Steam\SteamApps\SeuLogin\counter-strike source\cstrike\materialsrc

 

No campo Compiled material files (VTF/VMT) folder, adicione:

 

QUOTE

C:\Arquivos de programas\Steam\SteamApps\SeuLogin\counter-strike source\cstrike\materials

 

 

3. Vá em File -> Convert to VTF -> File... e abra a imagem que você preparou e que está na pasta "...\materialsrc\console"

 

4. Por fim, click no botão Lets Go!, espere o processo ser concluído e sua background está pronta!

 

Abra o CSS e confira o resultado. (IMG:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

)

 

# ---------------------------------------------- #

 

Tutorial by ©csbrazucas.com

Autor: Lenuke