Aprenda a criar um conjunto de botões de alternância

Nesse Tutorial vou lhe mostrar como criar botões  de alternância.








Crie um documento (Ctrl + N) novo 800 x 600 pixels com qualquer fundo colorido. Eu acho que ter algum tipo de textura no fundo faz o interruptor olhar muito melhor do que eu fui para um fundo do estilo grade texturizado.

Selecione a opção "Rounded Rectangle Tool" (U) com um raio de 35 pixels.

Arraste um retângulo arredondado para o meio da sua tela. Esta camada será a parte recuada do botão.

Botão direito do mouse na camada e selecione "Rasterize Layer" da mosca fora do menu. Agora selecione a opção "Rectangular Marquee Tool" (M), então fazer uma seleção aleatória no fundo de lona e copiá-lo para a área de transferência. Uma vez que o fundo é copiado para a área de transferência carregar uma seleção "Select> Load Selection" ao redor do retângulo arredondado.

Dica:

Para carregar rapidamente uma seleção basta pressionar as teclas "Ctrl" no teclado em seguida, clique na miniatura pouco dentro da paleta de layers.
Uma vez que a seleção foi carregado vá em "Editar> Colar especial> Colar em" (Alt + Shift + Ctrl + V). O conteúdo da área de transferência agora deve ter sido colado dentro da seleção colocado, simplesmente desmarcar a seleção (Ctrl + D), em seguida, clique direito a camada mais uma vez e selecione "Apply Layer Mask". Agora estavam prontos para alguns estilos de camada ...

Recuo Layer Styles

Agora adicione os estilos de camada a camada seguinte.

Você deve ter algo como isto.

Criando o botão Alternar

Selecione a opção "Rounded Rectangle Tool" (U), em seguida, arraste um retângulo dentro do retângulo travessão que acabamos de criar. Deixar cerca de 5-10 pixels de espaço em torno da parte externa do botão.

Agora adicione os estilos de camada a seguir para a camada retângulo arredondado.

Agora você deve ter algo como isto.

Em seguida foram indo para adicionar uma camada de pouco brilho. Faça uma seleção em torno da metade superior do retângulo interno usando a ferramenta desejada e preencha com a cor branca # ffffff.

Agora adicione os estilos de camada seguinte.

Você deve ter algo como isto.

Criando o punho

Selecione a opção "Ellipse Tool" (U) em seguida, arraste uma elipse dentro do retângulo interior.

Uma vez que a elipse se encontra na posição adicionar os estilos de camada a seguir.

Você deve ter algo como isto.

Em seguida, selecione a opção "Rectangular Marquee Tool" (M), então fazer uma seleção em torno do punho, nada específico apenas uma seleção difícil.

Preencha a seleção com preto # 000000, vá em "Filter> Noise> Add Noise".

Desmarque a seleção (Ctrl + D), em seguida, vá em "Filter> Blur> Radial Blur".

Defina a opacidade camadas para "Soft Light" em seguida, posicione a camada desfocada sobre a parte superior da alavanca de modo que os redemoinhos na linha de borrão com a elipse.

Carregar uma seleção em torno da elipse pega seguida vá em "Select> Inverse", selecione a camada radial blur e pressione a tecla delete. Você deve ser deixado com isso.

Finalmente acabar com a alternância com um rótulo.

Você pode agora duplicar todas as camadas e modificá-los para atender um alternado na versão. Olhe para o próximo tutorial, onde vamos explorar maneiras de como usar caixas personalizadas .

Conclusão