Hey guys back-to-back Tutorials Photoshop. Neste tutorial vamos aprender como criar I-Phone como botão no Photoshop. Isto é muito simples e bastante eficaz tutorial. Eu espero que você aprecie este tutorial.

Final Preview

Isto é o que nós fomos fazer hoje

Etapa # 1

Abra o photoshop e criar um novo documento, a minha é de 550 × 398px com fundo branco.

Etapa # 2

Preencha a cor na camada de fundo, o meu é cor # 333333.

Etapa # 3

Criar um nome de nova camada a camada gradiente Stripe. Escolha a Rectangular Marquee Tool e crie listra branca.

Denominando o Stripe Layer clique duas vezes na miniatura da camada Stripe no painel Camadas para abrir a caixa de diálogo Estilos de Camada, vamos aplicar um efeito vertical graduais para o seu fundo. Em seguida, clique no gradiente c olor sobre o direito de opção Gradient para abrir o Color Gradient Editor.

Dê um duplo clique no left-color-stop e digite o valor de cor # aaaaaa, dê um duplo clique na esquerda-centro-cor-stop e digite o valor de cor # cccccc, dê um duplo clique sobre o botão direito do centro-cor-stop e introduzir o valor de cor # dddddd, em seguida, dê um duplo clique sobre o botão direito do cor-stop e digite o valor de cor # ffffff.

Deve ser semelhante a este.

Etapa # 4

Selecione a Rounded Rectangle Tool e crie o botão, o raio mina é 90X40px.

Agora aplique alguns efeitos

Gradient Overlay

Styling the Button, clique duas vezes na miniatura da camada de botão no painel Camadas para abrir a caixa de diálogo Estilos de Camada, vamos aplicar um efeito vertical graduais para o botão. Em seguida, clique no gradiente de cores à direita da opção Gradient para abrir o Color Gradient Editor.

Dê um duplo clique no left-color-stop e digite o valor de cor # 000000, dê um duplo clique na esquerda-centro-cor-stop e digite o valor de cor # 222222, dê um duplo clique sobre o botão direito do centro-cor-stop e introduzir o valor de cor # 444444, em seguida, dê um duplo clique sobre o botão direito do cor-stop e digite o valor de cor # 666666.

Chanfro e Entalhe

Em seguida aplicar o Chanfro e Entalhe estilo de camada. Mudar o estilo de Outer Bevel, do que alterar os valores de profundidade, tamanho e amolecer. Eu escolhi para definir a profundidade de 100%, o tamanho de 1px e Soften em 10px

Parte importante deste Tutorial: manter o ângulo de -90 ^°, Altitude a 40 ^o

Modo de Destaque: eu escolher para definir a opacidade em 100%.

Shadow Mode: eu escolher para definir a opacidade em 100%.

Golpe

Finalmente vamos aplicar o Stroke. Primeira alterando os valores de Size. Eu escolhi para definir o tamanho de 1px. Alterando a posição no interior

Eu escolhi para definir a opacidade em 80%.

Alterar a cor do curso do padrão para # 222222

Deve ser semelhante a este.

Etapa # 5

Selecione a ferramenta texto e digitar o texto na frente.

Vamos aplicar algum efeito para o texto.

Bevel Emboss

Dê um duplo clique na miniatura da camada de texto no painel Camadas para abrir a caixa de diálogo Estilos Layer. Vamos aplicar Bevel Emboss, primeiro alterar o estilo de Outer Bevel e Técnica para Chisel Soft, de alterar os valores de profundidade, direção, tamanho e amolecer. Eu escolhi para definir a profundidade de 130%, Direção de tamanho para baixo em 1px e Soften na 0px

Parte importante deste Tutorial: manter o ângulo de ⁹⁰ °, Altitude em ³⁰ º

Modo de Destaque: eu escolher para definir a opacidade em 0%.

Shadow Mode: eu escolher para definir a opacidade em 50%.

Final Preview

Finalmente fizemos este tutorial.

Isto é o que nós fomos fazer hoje

Baixe o arquivo de origem

Se você gostaria de verificar o seu trabalho, você pode baixar o arquivo PSD para este tutorial.

iphone-like-buttons.rar (21,3 kb)

Arquivado em: Photoshop, Tutorials por admin