CokeDEV BR/PT
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.


BR/PT um servidor privado para os brasileiros e portugueses no mundo do Habbo Hotel.
 
InícioÚltimas imagensProcurarFacebook do CokeDEV BR/PT.Facebook do CokeDEV Internacional.RegistarEntrar

 

 [TUTO]Como Fazer um Button - Avançado [TUTO]

Ir para baixo 
4 participantes
AutorMensagem
Raf@500
Iniciante
Iniciante
Raf@500


Cargo Usuario
Cookeen's Cookeen's : 24014
Mensagens : 6
Reputação : 11
Localização : Em frente ao pc !
Humor : Piadeiro

[TUTO]Como Fazer um Button - Avançado [TUTO]  Empty
MensagemAssunto: [TUTO]Como Fazer um Button - Avançado [TUTO]    [TUTO]Como Fazer um Button - Avançado [TUTO]  EmptyDom Abr 10, 2011 8:55 am

Olá gente, muitos gostam de ter buttons, mas não sabem como fazer. Então vim ensiná-los isso, mas é um pouco avançado. Vamos lá ?
----
1-Já com o Paint aberto, você vai em Imagem > Atributos e mude para 120 x 21:
[TUTO]Como Fazer um Button - Avançado [TUTO]  9rn0d2
2- Depois de ter feito isso, você contornará todos os lados de preto e irá ficar um quadrado.

3- Agora, em apenas 2 lados/arestas desse quadrado (um em baixo e outro em cima), corte um pouco para que fique arredondada, ficará mais ou menos assim:
[TUTO]Como Fazer um Button - Avançado [TUTO]  3130rk1
4- Bom agora, você irá colocar as cores, no meu caso eu farei para o Twitter ^^, então eu vou pegar o símbolo do Twitter e colocar ao lado do meu pré-button para servir de guia nas cores.

5- Escolha uma cor do ícone, selecione-a e com a ferramenta "balde" pinte todo o button, ficará tipo assim:
[TUTO]Como Fazer um Button - Avançado [TUTO]  Eijdyd
6- Selecione uma cor mais clara do que o fundo de seu button e com a ferramenta "Linha" você fará a parte mais importante, fará linhas verticais, variando de tamanho e logo em seguida pinte por dentro das linhas da mesma cor.Depois faça uma linha no meio da cor preta, ficará mais ou menos assim:
[TUTO]Como Fazer um Button - Avançado [TUTO]  25qsr5g

7- Abaixo dessa linha do meio, as cores tem que ficar mais escuras do que o normal.Comece escureçendo o fundo, selecione-a e vá em Cores > Editar Cores > Definir Cores Personalizadas, aí é só abaixar o cursor um pouco até obter uma cor uma pouco mais escura, depois escureça as linhas que você fez e ficará mais ou menos assim:
[TUTO]Como Fazer um Button - Avançado [TUTO]  2gxfz1j

7.1- Não se esqueça de agora pintar a linha preta do meio das cores respectivas, então ficará assim:
[TUTO]Como Fazer um Button - Avançado [TUTO]  W18fv8

8-Enfim, com a letra Volter no tamanho 7 e na cor branca, vamos escrever, no meu caso será Twitter, mas no seu poderá ser Habbid Home, Habbo Home, o nome do button que você irá fazer.

8.1- Selecione a cor de fundo e a escureça bastante (não muito) para que ela se sobre-saia, e contorne as letra. Depois de ter feito isso ficará assim:
[TUTO]Como Fazer um Button - Avançado [TUTO]  22xsbc

8.2- Agora é só colocar o ícone no lugar que você deseja e ajustar a lugar, pronto:
[TUTO]Como Fazer um Button - Avançado [TUTO]  212fsxi

Mas é claro que você também pode fazer para outros tipos, tipo Habbo Home e Habbid Home.

--------------------------------------------------------------------
Opcional

1-Você pode colocar o seu habbo em miniatura, baixe ele indo em Fancenter > Habbo Imager e selecione "Tamanho Pequeno", encaixe o de modo que pegue o seu rosto no button e contorne de branco: [TUTO]Como Fazer um Button - Avançado [TUTO]  J0duus
--------------------------------------------------------------------
Algumas pessoas daqui do forum cokedev pediram para eu por imagens, aqui está !
Ir para o topo Ir para baixo
Onix
ADM
ADM
Onix


Cargo Administrador
Cookeen's Cookeen's : 500025832
Mensagens : 103
Reputação : 91
Localização : São Paulo - SP
Humor : Ansioso para começar 2012

[TUTO]Como Fazer um Button - Avançado [TUTO]  Empty
MensagemAssunto: Re: [TUTO]Como Fazer um Button - Avançado [TUTO]    [TUTO]Como Fazer um Button - Avançado [TUTO]  EmptyQua Abr 13, 2011 3:59 pm

Muito Bom, você não quer entrar na equipe de Pixelart do fórum?
Ir para o topo Ir para baixo
http://onixcokedv.blogspot.com/
Raf@500
Iniciante
Iniciante
Raf@500


Cargo Usuario
Cookeen's Cookeen's : 24014
Mensagens : 6
Reputação : 11
Localização : Em frente ao pc !
Humor : Piadeiro

[TUTO]Como Fazer um Button - Avançado [TUTO]  Empty
MensagemAssunto: Re: [TUTO]Como Fazer um Button - Avançado [TUTO]    [TUTO]Como Fazer um Button - Avançado [TUTO]  EmptyQui Abr 14, 2011 8:05 pm

Onix escreveu:
Muito Bom, você não quer entrar na equipe de Pixelart do fórum?

Adoraria Onix ;D
Ir para o topo Ir para baixo
Onix
ADM
ADM
Onix


Cargo Administrador
Cookeen's Cookeen's : 500025832
Mensagens : 103
Reputação : 91
Localização : São Paulo - SP
Humor : Ansioso para começar 2012

[TUTO]Como Fazer um Button - Avançado [TUTO]  Empty
MensagemAssunto: Re: [TUTO]Como Fazer um Button - Avançado [TUTO]    [TUTO]Como Fazer um Button - Avançado [TUTO]  EmptyQui Abr 14, 2011 8:49 pm

Então Rafa, parabéns você acaba de entrar para a equipe de pixelart do fórum.
:cheers: Certo: Fofo 5
Ir para o topo Ir para baixo
http://onixcokedv.blogspot.com/
AllaanID
ADM
ADM
AllaanID


Cargo Admistrador do Fórum
Cookeen's Cookeen's : 24199
Mensagens : 16
Reputação : 3
Localização : Campinas-sp
Humor : Sorridente

[TUTO]Como Fazer um Button - Avançado [TUTO]  Empty
MensagemAssunto: Re: [TUTO]Como Fazer um Button - Avançado [TUTO]    [TUTO]Como Fazer um Button - Avançado [TUTO]  EmptySex Abr 15, 2011 2:22 am

Seja Bem-Vindo Kr
Ir para o topo Ir para baixo
http://www.liga-habbo.blogspot.com
Raf@500
Iniciante
Iniciante
Raf@500


Cargo Usuario
Cookeen's Cookeen's : 24014
Mensagens : 6
Reputação : 11
Localização : Em frente ao pc !
Humor : Piadeiro

[TUTO]Como Fazer um Button - Avançado [TUTO]  Empty
MensagemAssunto: Re: [TUTO]Como Fazer um Button - Avançado [TUTO]    [TUTO]Como Fazer um Button - Avançado [TUTO]  EmptySex Abr 15, 2011 11:01 am

Gente, vou criar outra conta aki no forum chamada PeedroVitor ok? Dão cargo nela ...
Ir para o topo Ir para baixo
PeedroVitor
Pixel Artista
Pixel Artista
PeedroVitor


Cargo Pixel Artista
Cookeen's Cookeen's : 24001
Mensagens : 15
Reputação : 0
Localização : Em frente ao computador!
Humor : Alegre *-*

[TUTO]Como Fazer um Button - Avançado [TUTO]  Empty
MensagemAssunto: Re: [TUTO]Como Fazer um Button - Avançado [TUTO]    [TUTO]Como Fazer um Button - Avançado [TUTO]  EmptySex Abr 15, 2011 11:08 am

Onix, mudei de conta, da cargo nessa, sou eu raf@500
Ir para o topo Ir para baixo
PeedroVitor
Pixel Artista
Pixel Artista
PeedroVitor


Cargo Pixel Artista
Cookeen's Cookeen's : 24001
Mensagens : 15
Reputação : 0
Localização : Em frente ao computador!
Humor : Alegre *-*

[TUTO]Como Fazer um Button - Avançado [TUTO]  Empty
MensagemAssunto: Re: [TUTO]Como Fazer um Button - Avançado [TUTO]    [TUTO]Como Fazer um Button - Avançado [TUTO]  EmptySex Abr 15, 2011 11:22 am

Onix aqui é o Raf@500 mudei de conta para ficar melhor, da cargo aki e não nesse ...
Ir para o topo Ir para baixo
Conteúdo patrocinado





[TUTO]Como Fazer um Button - Avançado [TUTO]  Empty
MensagemAssunto: Re: [TUTO]Como Fazer um Button - Avançado [TUTO]    [TUTO]Como Fazer um Button - Avançado [TUTO]  Empty

Ir para o topo Ir para baixo
 
[TUTO]Como Fazer um Button - Avançado [TUTO]
Ir para o topo 
Página 1 de 1

Permissões neste sub-fórumNão podes responder a tópicos
CokeDEV BR/PT :: Pixel Art :: Tutoriais-
Ir para: