En este tutorial vamos a crear el botón azul sencillo y pulido. Esto es muy simple y muy eficaz tutorial, así que todo lo que necesita es Adobe Photoshop para crear este efecto. Espero que disfruten de este tutorial.

Paso # 1

Photoshop Abrir y crear un nuevo documento, el mío es 550px × 125px con un fondo blanco.

Paso # 2

Rellene el color de la capa de fondo, el color de la mía es # 3B3F46.

Paso # 3

Seleccione la herramienta Rectángulo redondeado y crear el botón, la mina de radio: 15px, width: 128px y height: 36px. Cambiar el color de primer plano a un buen # 13AAB7 (Azul).

Paso # 4

Ahora tenemos que añadir algunos efectos agradables al botón.

Superposición de degradado

El estilo del botón de doble clic sobre la miniatura de la capa de botón en el panel Capas para abrir el cuadro de diálogo Estilo de capa, vamos a aplicar un efecto de degradado vertical para el botón. Luego haga clic en el degradado de color a la derecha de la opción de degradado para abrir el Editor de degradado de color.

En primer lugar cambiar la opción de fusión a Superposición. Mantenga el ángulo de 90o, de cambiar los valores de opacidad. Puedo elegir para establecer la Opacidad al 50%.

Haga doble clic en el left-color-stop y entrar en el valor de color # 000000, a continuación, haga doble clic sobre el derecho de-color-stop y entrar en el valor de color FFFFFF #.

Inner Glow

Después aplicas el estilo de la capa interior de brillo. En primer lugar cambiar la opción de fusión a Superposición, de cambiar los valores de la opacidad y tamaño. Elijo para establecer la opacidad en el 55% y el tamaño al 6px.

Cambiar el color del resplandor de la predeterminada a # FFFFFF

Sombra

Después aplicas la caída de estilo de sombra de la capa. En primer lugar cambiar la opción de fusión en Normal. Mantenga el ángulo de 120o, que cambiar los valores de la opacidad y el tamaño. Puedo elegir para establecer la Opacidad al 55% y el tamaño al 3px.

Debería tener este aspecto.

Paso # 5

Crear otra nueva capa, hacer una selección alrededor de la original de los botones, puede hacerlo mediante la celebración de Ctrl luego haciendo clic en la miniatura de la capa.).

Rellene el color frontal en blanco.

Seleccione la herramienta Rectángulo redondeado, seleccionar y eliminar la mitad inferior de la capa blanca que acaba de hacer, puede ser necesario para medir la altura de su botón antes de eliminar la mitad inferior.

En primer lugar es necesario cambiar la opción de modo de capa a SoftLight, de cambiar los valores de la opacidad. Elijo para establecer la opacidad en un 20%

Paso # 6

Seleccione Horizontal tipo de herramienta y el tipo de texto en la parte delantera.

Final

Háganos saber cómo que este tutorial puede ser mejor? Si encuentras algún otro tutorial de photoshop que desea compartir con nosotros, no dude en hacernos saber por caer en un comentario.

Si usted desea recibir más tutoriales de nosotros, por favor considera suscribirte a nuestro feed de RSS o por correo electrónico.

Filed under: Photoshop, Tutoriales por admin