Software  
 
Conhecimento computador >> Software >> Photoshop >> 
Como Criar Web 2.0 Botões no Photoshop
Web 2.0 é um estilo popular em web design. Web 2.0 teclas olhar tridimensional e brilhante, como uma bolha , como se eles estão pulando para fora da tela. O processo de criação de web 2.0 teclas envolve lotes de gradientes e trabalho camada. Coisas que você precisa
Photoshop
Show Mais instruções
1

Abra o Photoshop , crie um novo arquivo e defina o tamanho da tela para o seu tamanho do botão será. Pegue a ferramenta de forma da ferramenta de bar- escolher um retângulo arredondado ou um círculo , já que é mais comum no estilo web 2.0. Selecione uma cor para o botão , e clique e arraste para criar a forma de modo que quase enche a tela. Deixe um par de pixels em torno dele para uma borda. Em seguida, clique com o botão direito na camada forma no painel Camadas e selecione " Rasterize ".
2

Selecione a ferramenta de gradiente. Dê uma olhada no menu gradiente suspensa logo abaixo da barra de menu no topo da tela, e encontrar um gradiente de duas cores usando a cor de sua forma e branco. Se você não vê as cores que deseja , clique na imagem em gradiente no topo do menu em seu lugar. Isto irá levá-lo para uma caixa de diálogo onde você pode editar , criar e salvar gradientes personalizados . Faça o seu gradiente usando os controles deslizantes. Depois de ter o gradiente que você precisa , defina o seu gradiente de opacidade para 40%. Em seguida , Control- clique ou Command -clique no ícone da camada no painel da camada para selecionar os pixels nessa camada . Clique e arraste de cima para cerca de 80% para baixo a forma de aplicar o gradiente . Agora, usando a ferramenta de texto, crie uma caixa de texto e digite o texto para o botão . Volte para o seu ponteiro de rato normal e posicionar o texto no centro do botão
3

Adicione a 1 - . Acidente vascular cerebral ou de 2 pixels para o seu texto usando estilos de camada . Faça a cor do traço um pouco mais escuro que sua cor botão. Faça o mesmo para a sua camada de botão. Fazer uma nova forma a mesma que a forma de botão original, mas cerca de 90 % em largura e 50 % da altura da imagem original. Posicione -o no centro e perto do topo da forma de botão de origem. Rasterize a forma como você fez com a sua primeira forma. Selecione os pixels por -Control ou Command o ícone camada e apague a área selecionada completamente . Agora , escolha a ferramenta de gradiente novamente e criar um gradiente que vai do branco ao transparente. Agora que você sabe como da última etapa , que deve ser fácil . Aplique o gradiente clicando e arrastando para baixo em toda a forma para que o branco está na parte superior e diminui para baixo para transparente.
4

Selecione a camada de botão original no painel Camadas e clique duas vezes nele para abrir a caixa de diálogo Estilos de camada . A partir daí , selecione "Inner Glow" da coluna à esquerda e defina a opacidade para 50%. Faça a cor do seu brilho da mesma cor que o seu botão , mas um pouco mais leve. Para torná-la ainda mais tridimensional , adicionar uma sombra ao seu texto via estilos de camada para a camada de texto. Isso faz com que o olhar do texto como se estivesse deitado em cima de uma bolha semi- transparente brilhante.

Anterior :

Próximo : No
  Os artigos relacionados
·Como remover manchas solares no Photoshop 
·Como mudar as cores dos padrões de pontos no Photoshop…
·Como Chegar ao Feather Radius em Photoshop 
·Como substituir Faces Usando Photoshop 
·Como fazer um desenho a partir de uma foto no Photoshop…
·Como criar um currículo em Photoshop 
·Como extrair o contorno de uma imagem no Photoshop 
·Como fazer uma grade com Photoshop 
·Como cantos arredondados no Photoshop 
·Como se livrar do Hand Tool no Photoshop 
  Artigos em destaque
·Como controlar gastos com QuickBooks 
·Como adicionar o Album & Song Title para um MP3 no iTun…
·Como adicionar um vídeo para TVersity RSS 
·Sugestões para Sherlock Holmes PC Games 
·Ferramenta de Remoção Norton AntiVirus Corporativo 
·Como fazer seus próprios ringtones MP4 
·Como excluir Hamachi 
·A diferença em XSD e DTD 
·Como criar um Zip expandido 
·Problemas de expansão com Diablo 2 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados