Ei máis un Photoshop Tutorial. Neste tutorial eu vou te atopar Como crear un simple botón verde no Photoshop. Isto é moi sinxela e moi eficaz tutorial. Eu espero que apreciar este tutorial.

Resultado Final

Isto é o que nós fomos facer hoxe

Etapa # 1

Open photoshop and create a new document, mine is 550px×398px with a white background.

Etapa # 2

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

Etapa # 3

Seleccione a Rounded Rectangle Tool e crea o botón, o meu raio é 5px, width: 219px e height: 40px ..

Agora imos aplicar 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 de gradiente vertical 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 # 55A646, a continuación, dar un dobre clic sobre o botón dereito do cor-stop e escriba o valor de cor # A5CE3F.

Sombra

A continuación aplicarase a capa estilo drop shadow. Manter o ángulo de 120o, de cambiar os valores de opacidade, distancia e tamaño. Eu escollín para configurar a opacidade o 20%, Distance 1px en tamaño e en 5px.

Inner Shadow

A continuación aplicarase a capa estilo Inner Shadow. Manter o ángulo de 120o, do que cambiar os valores de opacidade, Chok e tamaño. Eu escollín para configurar a opacidade o 27% e Chok a 100% e arquivo en 2px.

Seguinte Cambiar a opción Blending para Normal.

Bevel Emboss

A continuación imos aplicar Bevel Emboss, primeiro cambiar o estilo de Inner Bevel e Técnica para Smooth, do que cambiar os valores de profundidade, dirección, tamaño e amolece. Eu escollín para definir a profundidade de 100%, Dirección Up, arquivo en 1px e Soften na 0px

Manter o ángulo de 120o, Altitude en 30o

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

Shadow Mode: eu escoller para configurar a opacidade o 14%.

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 nun 50%.

Mudar a cor do curso a partir do padrón a # 529846

Debe ser semellante a este.

Etapa # 4

Seleccione a Horizontal Type Tool e escriba o texto na fronte.

Imos aplicar un efecto para o texto.

Gradient Overlay

Dun dobre clic na miniatura da capa de texto no taboleiro capas para abrir a caixa de diálogo Estilos Layer. Primeiro imos aplicar Gradient Overlay, imos aplicar un efecto de gradiente vertical para o seu texto. 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 # DDDCDC, en seguida, dobre clic no centro-cor-stop e introduza o valor da cor # FFFFFF.

Sombra

Finalmente imos aplicar a capa estilo drop shadow. Manter o ángulo de 120o, de cambiar os valores de opacidade, distancia e tamaño. Eu escollín para configurar a opacidade en 34%, Distance 1px de tamaño e de 1px.

Resultado Final

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

Descargar arquivo [240KB]

Se desexa recibir máis inspiración de nós, por favor, consideren asinar a nosa feed de RSS ou por e-mail.

Arquivo en: Photoshop, Tutorials por admin