InícioInício  PortalPortal  CalendárioCalendário  GaleriaGaleria  FAQFAQ  BuscarBuscar  Registrar-seRegistrar-se  MembrosMembros  GruposGrupos  Conectar-seConectar-se  

Compartilhe | 
 

 [ Tutorial ] Como Criar um SPRAY Animado

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
KamiKito
Admin
Admin
avatar

Masculino Número de Mensagens : 239
Idade : 36
Localização : Santo André -SP
STEAM : STEAM_0:1:18159101
Data de inscrição : 18/03/2008

MensagemAssunto: [ Tutorial ] Como Criar um SPRAY Animado   Qui 20 Mar - 14:39

Galera, como to vendo várias pessoas querem saber como q cria um spray animado...
fui pesquisar um tiquin e achei esse tuto...

Porém não testei mas peço aos admins e moderadores do fórum q me ajudem a testar e ver se esta correto.


Código HTML:
=========
Créditos:
Xtreme Team Fórum

Todas as imagens/textos foram retirados do Forum Xtremo Team
=========

Abraços....
vamos ao Tutorial

~~~~~~~~~~~~~~~~

Sim, pode ser feito. (Note que esse tutorial assume que você saiba como fazer um spray normal e sabe salvar uma imagem com a extensão *.tga no Photoshop)

O primeiro passo leva mais tempo, que é a criação da imagem. Ao pensar em idéias de spray, é importante saber que a engine do CSS muda os quadros de imagens muito rapidamente e pelo que sei, isso não pode ser modificado. Então tente juntar imagens que apresentem boa sequência de animação, quando executadas. Para esse tutorial utilizarei a imagem de meu herói, Butters, utilizando uma câmera. O spray animado será de Butters segurando uma câmera, com o flash piscando e a palavra Owned abaixo.

Utilizo o Photohop, mas programas similares como o gratuito "The Gimp", podem ser utilizados também

1) Separe as imagens que montarão a sequência animada. Como você pode ver, tenho uma imagem do Butters antes do flash, e outra com o flash adicionado. Tenha certeza de que suas imagens sejam do tamanho 128X128, ou qualquer dimensão aceitável, com uma área menor ou igual a 128X128


2) Isso é extremamente importante. Salve suas imagens como .TGA com a opção "alpha channels"selecionada e com os nomes "spray001.tga" , "spray002.tga"etc... TENHA CERTEZA DE QUE ESTEJAM NA ORDEM CORRETA. Para esse tutorial tenho 2 imagens, então consequentemente são salvos como "spray001.tga" e "spray002.tga"


3) Você vai precisar desse programa: "Animated Texture Converter". http://www.queuedtalent.com/extra/animatedconverter.zip descompacte o conteúdo do Dowload. Agora copie e cole seu arquivo de spray TGA, no diretório: "Animated Converter\\hl2\\materialsrc\\animated folder". Você verá um arquivo .TXT nesse diretório. Abra esse arquivo e altere o valor da última linha "End Frame" para o número de quadros de animação que você tem. Para esse tutorial tenho 2 imagens, então o número será "2"


4) Volte alguns diretórios para o diretório "Animated Converter" e click no arquivo "convert.bat". Você verá algo similar ao seguinte:


5) Vá para o diretório "Animated Converter\\hl2\\materials\\animated\\". Você verá 2 arquivos: "spray.vmt" e "spray.vtf". O TAMANHO DO ARQUIVO .VTF TEM QUE SER MENOR QUE 120kb ou seu spray NÃO vai funcionar. Se você manteve as dimensões em 128x128 ou equivalente como dito no passo 1, está tudo certo.



Agora você precisa abrir o arquivo "spray.vmt". Esse arquivo pode ser aberto no NOTEPAD (bloco de notas). Você verá o seguinte:



"LightmappedGeneric"
{
_"$baseTexture" "animated/spray"
}



Apague tudo e copie isso no lugar:



"LightmappedGeneric"
{
"$basetexture" "vgui/logos/gabedance"
"$decal" "1"
"$decalscale" "1"

}







Salve o arquivo. Agora você tem 2 arquivos "spray.vtf"e seu código modificado "spray.vmt".

É recomendável renomear esses arquivos para nomes incomuns a outros arquivos de spray. Eles TÊM que ter o mesmo nome (mas extensões diferentes, claro). Então eu alterei o nome do meu para: "camera.vmt" e "camera.vtf"

6) Copie e cole esses arquivos no seu diretório do CSS "Valve\\Steam\\SteamApps\\USERNAME\\counter-strike source\\cstrike\\materials\\VGUI\\logos"

E isso é tudo. Para ver seu spray, inicialize o CSS, e selecione seu spray no menu, NÃO será preciso importá-lo


-mactiddy

by KamiKito

Espero estar ajudando para o fórum crescer ! !

_________________
ADMINISTRADOR - FACA - Fulanos Alcoolicos Comedores de Anonimos

Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.clanfaca.com
 
[ Tutorial ] Como Criar um SPRAY Animado
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» [TUTORIAL] Como criar suas texturas Normal Map, Displacement Map e Bump Map (Photoshop)
» [TUTORIAL] Como criar um JOGO DE TERROR
» [TUTORIAL] Como criar partículas na Unity 5 (partículas de fogo, água, explosões, etc)
» [TUTORIAL] Como criar o MENU INICIAL
» como criar jogo fps para android ?

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: Geral (Área Aberta) :: Tutoriais e Regras-
Ir para: