Botão muito simples, mas atraente e tutorial ícone criando para quase todo mundo com o mínimo ou quase nenhuma experiência Photoshop. Objetivo deste tutorial não é apenas mostrar o truque e técnica de criação de um botão, mas também incentiva você a ser criativo e imaginativo para fazer os seus próprios botões no futuro.


Um segredo importante em qualquer trabalho criativo é a capacidade de ver o resultado muito antes de você começou a implementar. Há muitos abordagem para alcançá-lo, para mim a melhor maneira é fechar os olhos e tentar ver o que vou criar. Assim que eu tiver algo interessante tentar tirar uma foto na minha memória, antes de eu abrir meus olhos e imediatamente desenhá-la em um papel antes que me esqueça. É um exercício que você pode fazer e fazer regularmente vai aumentar sua capacidade de ver com mais clareza.

Vamos dizer que isso é o que eu vi quando eu fechei os olhos, agora como posso executá-lo no Photoshop?

Ícone exercício desenhar no papel

Passo 2: Você pode manter plano de fundo como branco ou usar alguma textura alisamento se você preferir, eu rapidamente criou uma textura usando a biblioteca de textura.

Criar textura no photoshop

Etapa 3: adicionar uma nova camada e dar um nome, criar arredondado canto seleção caixa quadrada (135px X135px) e fazer o raio de canto para 20px. Há muitas maneiras de criar arredondado caixa quadrada, um de uma forma simples é: Desenhe uma caixa quadrada em primeiro lugar e selecione 'Select -> Modify -> Smooth "no menu superior e selecione o raio 20px.

criar caixa quadrado arredondado canto

Passo 5: Agora seu tempo para explorar algum efeito,
Clique em "Adicionar um estilo de camada" ícone na parte inferior da janela camada, e na janela Layer Style caixa de verificação apenas "sombra" de verificação. Siga a imagem exemplo abaixo.

Passo 6: Agora caixa "Outer Glow" exame de seleção. Não como mostrado na imagem abaixo.

Adicionar um brilho estilo de camada exterior

Passo 7: caixa de seleção próxima de verificação 'Inner Glow ". Não como mostrado na imagem abaixo.

Adicionar um brilho estilo da camada interna

E aqui é o seu efeito de estilo final.

Adicione um efeito de nova camada no photoshop

Passo 8: Adicione uma nova camada e selecione 'Stroke' no menu "Editar" na parte superior e dar a cor verde, 6px dentro das fronteiras. Siga imagem de amostra.

Use curso para criar fronteira a partir do menu de edição.

Passo 9: Agora você tem uma imagem como esta. Mude o estilo do painel de camada superior para 'Screen' vai dar um efeito transparente.

Use o estoque para criar fronteira a partir do menu de edição.

Passo 10: Adicionar nova camada e desenhe um retângulo arredondado, como mostrado na imagem abaixo. É mesmo como "Passo 3" Eu descrevo antes.

Desenhe um retângulo arredondado

Passo 11: "Add Layer Mask 'Select na barra de ícones de fundo na janela Layer, e" ícone Gradient' select a partir da janela 'Ferramentas'. Agora clique e arraste com o mouse na caixa de retângulo arredondado para aplicar a partir de cima para baixo e você deve ver o resultado similar como este.

Adicionar máscara de camada e ícone Gradient para efeito de iluminação

Passo 12: Agora adicione outra camada e desenhe um círculo como na imagem abaixo e altere 'Opecity' do painel da camada de cerca de 50%.

Opecity usar efeito destaque

Passo 13: Agora é hora de chamar um ícone você gosta de você colocar ou você pode usar qualquer ícone existente a partir de sua coleção. Acabei de tirar uma câmera rapidamente.

Desenhe câmera no photoshop

efeito de iluminação no botão

Depois de ter o botão de pronto, é hora de criar quantas quiser em apenas alguns minutos. Eu tenho agora, Som jogar, Listen, dispositivo de áudio, equalizador, DVD, CD, microfone, gravação, vídeo, fitas de controle de volume e da câmera.

Som jogar, Listen, dispositivo de áudio, equalizador, DVD, CD, microfone, gravação, vídeo, fitas de controle de volume e câmera