Hey guys back-to-back Tutorials Photoshop. Neste tutorial imos aprender como crear I-Phone como botón no Photoshop. Isto é moi sinxela e moi eficaz tutorial. Eu espero que apreciar este tutorial.

Final Preview

Isto é o que nós fomos facer hoxe

Etapa # 1

Abre o Photoshop e crear un novo documento, a miña é de 550 × 398px con fondo branco.

Etapa # 2

Encha a cor na capa de fondo, o meu é cor # 333333.

Etapa # 3

Crear un nome de nova capa a capa gradiente Strip. Elixe a Longo Marquee Tool e crea Listra branca.

Denominándose o Strip Layer prema dúas veces na miniatura da capa Strip no taboleiro capas para abrir a caixa de diálogo Estilos de Capa, imos aplicar un efecto vertical graduais para o seu fondo. En continuación, prema no gradiente c olor sobre o dereito de opción Gradient para abrir o Color Gradient Editor.

Dun dobre clic no left-color-stop e escriba o valor de cor # aaaaaa, dea un dobre clic na esquerda-centro-cor-stop e escriba o valor de cor # ÇÇÇÇÇÇ, dea un dobre clic sobre o botón dereito do centro-cor-stop e introducir o valor de cor # dddddd, a continuación, dar un dobre clic sobre o botón dereito do cor-stop e escriba o valor de cor # ffffff.

Debe ser semellante a este.

Etapa # 4

Seleccione a Rounded Rectangle Tool e crea o botón, o raio mina é 90X40px.

Agora aplique algúns efectos

Gradient Overlay

Styling the Button, prema dúas veces na miniatura da capa de botón no taboleiro capas para abrir a caixa de diálogo Estilos de Capa, imos aplicar un efecto vertical graduais para o botón. En continuación, prema no gradiente de cores á dereita da opción Gradient para abrir o Color Gradient Editor.

Dun dobre clic no left-color-stop e escriba o valor de cor # 000000, dea un dobre clic na esquerda-centro-cor-stop e escriba o valor de cor # 222222, dea un dobre clic sobre o botón dereito do centro-cor-stop e introducir o valor de cor # 444444, a continuación, dar un dobre clic sobre o botón dereito do cor-stop e escriba o valor de cor # 666666.

Chanfro e entalhe

A continuación aplicarase o Chanfro e entalhe estilo de capa. Cambiar o estilo de Outer Bevel, do que cambiar os valores de profundidade, tamaño e amolece. Eu escollín para definir a profundidade de 100%, o tamaño de 1px e Soften en 10px

Parte importante deste Tutorial: manter o ángulo de -90 ^°, Elevación a 40 ^o

Modo Destaque: eu escoller para configurar a opacidade no 100%.

Shadow Mode: eu escoller para configurar a opacidade no 100%.

Golpe

Finalmente imos aplicar o Stroke. Primeira cambiando os valores de arquivo. Eu escollín para establecer o tamaño de 1px. Alterando a posición no interior

Eu escollín para configurar a opacidade en 80%.

Mudar a cor do curso de patrón para # 222222

Debe ser semellante a este.

Etapa # 5

Seleccionar a ferramenta texto e escribir o texto na fronte.

Imos aplicar un efecto para o texto.

Bevel Emboss

Dun dobre clic na miniatura da capa de texto no taboleiro capas para abrir a caixa de diálogo Estilos Layer. Imos aplicar Bevel Emboss, primeiro cambiar o estilo de Outer Bevel e Técnica para Chisel Soft, de cambiar os valores de profundidade, dirección, tamaño e amolece. Eu escollín para definir a profundidade de 130%, Dirección de tamaño inferior en 1px e Soften na 0px

Parte importante deste Tutorial: manter o ángulo de ⁹⁰ °, altitude en ³⁰ º

Modo Destaque: eu escoller para configurar a opacidade en 0%.

Shadow Mode: eu escoller para configurar a opacidade nun 50%.

Final Preview

Finalmente fixemos este tutorial.

Isto é o que nós fomos facer hoxe

Baixo o ficheiro de orixe

Se desexa verificar o seu traballo, pode baixar o arquivo PSD para este tutorial.

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

Arquivo en: Photoshop, Tutorials por admin