A maior parte dos sites utiliza um script em java para substituir um botão por outro pressionado.
Este tutorial ensina-te apenas a criar os dois botões.
Nota: Este tutorial é de nível intermédio. Partimos do princípio que estás a vontade com os layers e as selecções.
1.
Começa com uma textura ou com a tua cor preferida.
2.
Cria uma selecção circular e grava-a.
Escolhe uma cor clara para o foreground e uma escura para background. Preenche o circulo com a ferramenta Gradient do canto superior esquerdo para o canto inferior direito.
3.
Encolhe a tua selecção em 5 pixeis Select > Modify > Contract.
dá um Feather a selecção de 2 pixeis Select > Feather.
Inverte a selecção Select > Inverse.
Preenche com o mesmo gradiente mas agora a partir do canto inferior direito para o canto superior esquerdo.
4.
Digita o texto que queres usar dentro do Botão.
5.
Cria um novo layer. Carrega a tua seleção (Ctrl+Alt+4) e cria o contorno em volta do circulo.
Edit > Stroke > 2 pixeis from center
Criamos a 1ª imagem do botão.
Exporta como Gif, File > Export > GIF89a export
6.
Para criarmos a 2ª Imagem cria um novo layer e coloca-o para baixo do layer texto e por cima do contorno.
Carrega a tua seleção novamente (Ctrl+Alt+4) e preenche com 30% de preto.
7.
Select > Feather > 3 pixeis e inverte a selecção Select > Inverse.
com as "Arrow Keys" move a selecção para baixo e para a direita 4 pixeis. Agora preenche a seleção com 80% de preto.
8.
Carrega a tua seleção original novamente e inverte.
Carrega na tecla Delete para apagar as áreas pretas em volta do botão.
9.
Para dares um efeito mais realista move o texto 2 pixeis para baixo e para a esquerda.
Agora exporta a imagem como gif (com outro nome) e tens o teu botão em 2 estados concluido.
Exemplo animado
Este tutorial ensina-te apenas a criar os dois botões.
Nota: Este tutorial é de nível intermédio. Partimos do princípio que estás a vontade com os layers e as selecções.
1.
Começa com uma textura ou com a tua cor preferida.
2.
Cria uma selecção circular e grava-a.
Escolhe uma cor clara para o foreground e uma escura para background. Preenche o circulo com a ferramenta Gradient do canto superior esquerdo para o canto inferior direito.
3.
Encolhe a tua selecção em 5 pixeis Select > Modify > Contract.
dá um Feather a selecção de 2 pixeis Select > Feather.
Inverte a selecção Select > Inverse.
Preenche com o mesmo gradiente mas agora a partir do canto inferior direito para o canto superior esquerdo.
4.
Digita o texto que queres usar dentro do Botão.
5.
Cria um novo layer. Carrega a tua seleção (Ctrl+Alt+4) e cria o contorno em volta do circulo.
Edit > Stroke > 2 pixeis from center
Criamos a 1ª imagem do botão.
Exporta como Gif, File > Export > GIF89a export
6.
Para criarmos a 2ª Imagem cria um novo layer e coloca-o para baixo do layer texto e por cima do contorno.
Carrega a tua seleção novamente (Ctrl+Alt+4) e preenche com 30% de preto.
7.
Select > Feather > 3 pixeis e inverte a selecção Select > Inverse.
com as "Arrow Keys" move a selecção para baixo e para a direita 4 pixeis. Agora preenche a seleção com 80% de preto.
8.
Carrega a tua seleção original novamente e inverte.
Carrega na tecla Delete para apagar as áreas pretas em volta do botão.
9.
Para dares um efeito mais realista move o texto 2 pixeis para baixo e para a esquerda.
Agora exporta a imagem como gif (com outro nome) e tens o teu botão em 2 estados concluido.
Exemplo animado
Dom Set 21, 2014 6:17 pm por robinhozns
» Mu Fluxo Server Hard Mais novo online "VEM PRA CA VEM"
Sex Set 19, 2014 2:33 pm por robinhozns
» MU NOVO - O Melhor servidor 97d+99i do BRASIL
Qua Jan 18, 2012 7:58 pm por bielzinh2
» MuTheGameBR < << <<< VENHA CONFERIR CORRA Ñ FIQUE FORA DESSA ...
Seg Jan 09, 2012 8:32 am por GmSloot
» Fallen Angel mu Season 6 Episodio 2
Dom Jan 08, 2012 8:23 pm por Galder
» Divulgue seu Sever de Mu Online Aqui !
Seg Dez 26, 2011 9:18 am por GananciA
» MUBORN.net - LANCAMENTO + NOVOS ITENS + NOVOS EVENTOS
Seg Dez 19, 2011 11:14 am por venoborn
» Mu Lost o MAis Irado do brasil
Seg Nov 21, 2011 8:10 pm por marcelokuo
» Pedido de Designer
Dom Nov 06, 2011 1:09 am por Fera