Neste tutorial imos crear Web Button. Isto é moi sinxela e moi eficaz tutorial, por iso todo o que precisa é o Adobe Photoshop para crear este efecto. Eu espero que apreciar este tutorial.

Como Crear Web Button no Photoshop

Etapa # 1

Abre o Photoshop e crear un novo documento, o meu é 550px × 125px con fondo branco.

Etapa # 2

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

Etapa # 3

Seleccione a Rounded Rectangle Tool e crea o botón, o meu raio é 7px, width: 156px e height: 38px ..

Etapa # 4

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 # 9E4C45, a continuación, dar un dobre clic sobre o botón dereito do cor-stop e escriba o valor de cor EA8484 #.

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 23%, Distance 1px en tamaño e en 9px.

Etapa # 5

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

Imos aplicar un efecto para o texto.

Color 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 superposición de cores, eu escollín a cor # 0D0D0E

Sombra

Finalmente imos aplicar o Drop Shadow, primeiro cambie a opción Blending para Normal. Trocar a cor da sombra do patrón para # FFFFFF. Manter o ángulo de 120o, de cambiar os valores de opacidade, distancia e tamaño. Eu escollín para configurar a opacidade no 32% ea Distancia en 1px e tamaño de 1px.

Final Preview

Deixe-nos saber que este titorial pode ser máis mellor? Se atopa algún outro tutorial photoshop que quere compartir connosco, Sinto-se libre para nos informar por caer en un comentario.

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

Filed under: Freebies, Photoshop, Tutorials por admin