Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

[Guia]Como criar um skin (tela de login)


Beleza13
 Compartilhar

Posts Recomendados

Olá galera da WC.

Bem , muitas pessoas não entendem como cria uma tela de login.

Então trouxe esse tutorial de como criar uma tela com imagens.

 

1º Editor de imagens.

 

Primeiro, é essencial ter um programa que permite editar imagens. Lá, entre outras Photoshop, Gimp e Paint.net. Pessoalmente, eu uso o Photoshop CS5 prolongado.

Gimp é um programa gratuito, muito fácil de usar, mas que não tem como boas ferramentas como Photoshop.

Você pode encontrar a última versão do Gimp com um desses links:

 

Windows :

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

 

Apple :

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

 

Paint.Net é também um programa gratuito, fácil de usar. Todavia, pode ser muito mais útil do que outros programa para mover a caixa Nome de Usuário ea p / caixa w.

 

Você pode encontrá-lo aqui :

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

 

Finalmente, existe o Photoshop. Você pode usar a versão CS3, versão CS4, versão CS5, ou qualquer outra versão que será útil. Você pode encontrar este programa em vários lugares. Você pode pesquisar no Google, procurando cracks e keygens :

 

CS3 and CS4 :

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

 

CS5 :

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

 

wUu1D.png

 

2º Como mesclar imagens?

 

Ok, por agora, tudo o que posso dizer é para a prática. Se você deseja criar belos cenários, primeiro você precisa saber como usar as ferramentas fornecidas pelo seu editor de imagem.

Será conveniente para ir ao Google e procure tutoriais para saber o básico. A prática nunca é demais. Quando você tem um mínimo de talento, volte para o passo 3.

 

wUu1D.png

 

3º Arquivos originais

 

Antes de começar , seria melhor criar uma pasta com os arquivos originais do crossfire.

 

C:\Arquivos de programas\Z8Games\CrossFire\rez\UI\UI_Login

 

SaveButtonOn.tga

SaveButtonOff.tga

loginup.tga

loginfocus.tga

LoginExitUp.tga

LoginExitFOCUS.tga

LoginExitDOWN.tga

logindown.tga

loginbg.tga

 

wUu1D.png

 

4º O skin (Tela de Login)

 

wUu1D.png

 

4.1 Sem uma caixa de login customizada

 

Se você não quer mudar a caixa de login, você apenas tem que criar uma imagem com as dimensões corretas. Depois de tomar o fundo de base,cortar a caixa de login a partir da imagem e colá-lo na sua imagem. Salvar como .arquivo TGA. Coloque-o em um diretório bom , e pronto (:

 

wUu1D.png

 

4.2 Com uma caixa de login customizada

 

(Por exemplo, eu uso um fundo que eu criei no passado)

Em primeiro lugar,

Você vai precisar de um bom tamanho >> 800x600

 

Posteriormente, você pode criar sua imagem, sem se preocupar com a caixa de login personalizada.

Aqui é o meu plano de fundo:

 

loginbg.jpg

 

Depois de adicionar a caixa, mas não o botão OK, o botão de saída, e no botão salvar. No entanto, você deve escrever o local da senha e ID.

 

(ATENÇÃO!: Você deve ter o cuidado de colocar a caixa de login exatamente no local da imagem de base Isto significa que para alterar a localização da caixa de login, você deve usar e editar o Paint.net. coordenadas. Nós vamos gastar muito mais do que isso, por isso a caixa deve estar exatamente no mesmo lugar.)

 

Veja como ele poderia ser assim:

 

loginbg2.jpg

 

O loginbg está agora concluída. Salve-o como um arquivo. Tga.

 

Agora a segunda parte ....

 

Aqui está como eu faço isso:

 

loginbg3.jpg

 

Eu abri todos os arquivos necessários para mod.

 

Nos arquivos de saída de três botões (DOWN, FOCUS e UP), cópia de I / cole o que está no quadrado preto para o botão de saída.

Para mim, UP e DOWN são sempre os mesmos.

Para o foco do botão, ou só mudar a cor da palavra, (ou eu acrescentar algo)

 

sanstitre1nr.jpg

 

O primeiro botão é o ExitButtonUp.

O segundo é o ExitButtonFOCUS (eu adiciono uma linha curva abaixo do Exit)

O terceiro é o ExitButtonDOWN.

 

Eu fiz a mesma coisa com o Loginbutton eo SaveButton.

 

sanstitre2ym.jpg

 

O primeiro é o SaveButtonOff.

O segundo é o SaveButtonOf.

O terceiro é o LoginUp.

O quarto é o LoginFOCUS (eu adiciono uma linha curva abaixo do Begin)

O quinto é o LoginDown.

 

wUu1D.png

 

5º Salve e tente.

 

Agora que você fez o Skin ,Salve todos como arquivo.tga na pasta do crossfire e pronto (:

 

Creditos :

 

Creditos pelo topico : xXModz

 

Espero ter ajudado ^^

Link para o comentário
Compartilhar em outros sites

Tópico em Área Errada, tome mais cuidado antes de criar um tópico, verifique se a área onde você se encontra tem ligação com o assunto do seu tópico.

Tópico movido para »

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

Membro avisado.

Link para o comentário
Compartilhar em outros sites

O tópico mostra conteúdo excelente

Bom para outros que não sabem

É um ótimo Tópico bem explicado e com Prints

Agradecido pelo bom Conteudo

Obrigado por compartilhar conosco

Obs

Coloque fontes para entender melhor

O tópico Fica melhor e mais explicado

Link para o comentário
Compartilhar em outros sites

mmmmmmmmmmmmmm ,

Topic excelent '

Finalmente achei um topic ensinando como faz isso , Thx man.

 

O tópico mostra conteúdo excelente

Bom para outros que não sabem

É um ótimo Tópico bem explicado e com Prints

Agradecido pelo bom Conteudo

Obrigado por compartilhar conosco

Obs

Coloque fontes para entender melhor

O tópico Fica melhor e mais explicado[/color][/b]

 

renoKM-;3854934']Muitos membros concerteza tinham varias duvidas sobre esse assunto.

E você conseguiu esclarecer quase todas.

Olha mt obrigado por ns ajudar.

Abrtsz

 

NuSs.

Esclareceu 90% das minhas duvidas sobre esse assunto

parabéns

xD

 

Obrigado a todos ^^

Tudo de bom pra vcs.

Link para o comentário
Compartilhar em outros sites

@OFF.

Eu já sabia disso.

Mais concerteza vai ajudar bastante membros, com duvidas de como criar sua própria skin.

Muito útil, agradecido.

parabéns.

Obrigado por compartilhar.

abraços

" Odiar "Adeus" sobre todas as coisas. "

Link para o comentário
Compartilhar em outros sites

.™;3861570']
Ótimo Tutorial

Bem Explicado , Centralizado , com Cores e Tals

Obrigado por Compartilhar o Conteúdo

 

@OFF.[/color]

Eu já sabia disso.

Mais concerteza vai ajudar bastante membros, com duvidas de como criar sua própria skin.

Muito útil, agradecido.

parabéns.

Obrigado por compartilhar.

abraços[/color]

 

@DownLoaD[WC].™

@baahloopz

 

Obrigado ^^

Abç~

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.