Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Satheios

avatar
Membro Honorário III
Membro Honorário III
Olá pessoal, aqui é o Vinks em mais um tutorial. Hoje iremos aprender a como fazer buttons simples que dão um toque mais moderno a qualquer tipo de tópico.


Autor: Vinks
Programa Utilizado: Adobe Photoshop CS2
Nível de Dificuldade: Fácil

Primeiro Passo
Para começarmos, criaremos um documento com fundo transparente. No meu caso, utilizei o tamanho 400 x 150 pixels.
Exemplo:



Segundo Passo
Agora, escolha uma fonte bem agradável, escreva algo e a posicione no centro do arquivo. No meu caso, a fonte utilizada foi a TRAJAN-REGULAR. Pode usar a cor que quiser para a tipografia.
Exemplo:



Terceiro Passo
Agora iremos sublinhar a fonte. Selecione toda a escrita e vá em um botão que se localiza no canto superior do seu Ps.
Exemplo:


Texto sublinhado.


Ícone que deve ser clicado.

Quarto Passo
Depois de ter clicado no ícone, irá aparecer uma janela. Clique no T sublinhado que existe abaixo. Observe:
Exemplo:



Quinto Passo
Depois de sublinhado o texto, vamos usar o Gradient Map. Vá na aba das layers. Selecione a layer do texto e clique de botão direito. Irá aparecer diversas opções, clique na chamada Blending Options.
Exemplo:



Sexto Passo
Depois de uma janela se abrir, procure a opção "Satin" e configure-a de acordo com a configuração da imagem abaixo.
Exemplo:



Sétimo Passo
Agora teremos de configurar o Gradient Map. Procure essa opção (Gradient Map) e configure-a assim:
Exemplo:



Oitavo Passo
Agora vem um passo simples. Temos de configurar as cores do Gradient. Você deve escolher uma cor e no lado esquerdo colocar o tom da cor mais forte e no lado direito, o tom da cor mais fraco, obviamente ambos da mesma cor.
Exemplo:


Lado esquerdo.


Lado direito.

Nono Passo
Está praticamente tudo pronto, agora só temos que adicionar uma descrição.
Abaixo do sublinhado, adicione um mini-texto. Seu resultado deve ter ficado mais ou menos assim:
Exemplo:



Finalização
Bom pessoal, é isso, espero que tenham gostado e até a próxima.
Se for copiar para outro fórum, mantenha os créditos.










Ver perfil do usuário http://templorpgmakerbr.forumeiros.com/

Warrior

avatar
Ajudante
Ajudante
Ficou bem bonita eu ja sabia fazer pois isso e simples mais fico perfect!



Ver perfil do usuário

Line

avatar
Membro IV
Membro IV
Boa tarde!
Irá ajudar muitos iniciantes, mas parece que este tutorial é grande. Conheço um jeito mais fácil e simples...

Ver perfil do usuário

Warrior

avatar
Ajudante
Ajudante
Etroplus escreveu:Boa tarde!
Irá ajudar muitos iniciantes, mas parece que este tutorial é grande. Conheço um jeito mais fácil e simples...
Não esta grande esta bem explicado nos mínimos detalhes



Ver perfil do usuário

Satheios

avatar
Membro Honorário III
Membro Honorário III
Olá.
@ Warrior, obrigado pelo comentário. Sim, é simples, porém muitos não sabem.
@ Etroplus
O tutorial em si não é grande. É que expliquei tudo nos mínimos detalhes, poderia fazer ele com 3 imagens.
Porém, eu gosto de mostrar muito como se faz as coisas detalhadamente, já fui iniciante e deixei de fazer muitos tutoriais por não entender direito.
Abraços,
Vinks.










Ver perfil do usuário http://templorpgmakerbr.forumeiros.com/

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum