Hola chicos una más Tutorial de Photoshop. En este tutorial te encontraré Cómo crear un simple botón verde en Photoshop. Esto es muy simple y muy eficaz tutorial. Espero que disfruten de este tutorial.

Resultado final

Esto es lo que hemos ido hacer hoy

Paso # 1

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

Paso # 2

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

Paso # 3

Seleccione la herramienta Rectángulo redondeado y crear el botón, la mina de Radio es 5px, width: 219px y height: 40px..

Ahora vamos a aplicar algunos efectos

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.

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

Sombra

Después aplicas el estilo de la capa de sombra. Mantenga el ángulo en el 120o, de cambiar los valores de opacidad, distancia y el tamaño. Puedo elegir para establecer la Opacidad al 20%, a distancia en 1px y tamaño 5px.

Sombra interior

Después aplicas el estilo de sombra Capa interna. Mantenga el ángulo en el 120o, de cambiar los valores de opacidad, Choke y tamaño. Puedo elegir para establecer la Opacidad al 27% y ahogar al 100% y el tamaño al 2px.

El próximo cambio de la opción de fusión en Normal.

Bisel Relieve

A continuación se aplicará Bisel Relieve, Primera Cambiar el estilo de Bisel interior y la técnica para Liso, de cambiar los valores de profundidad, dirección, tamaño y suavizar. Elijo Para establecer la profundidad de 100%, Dirección de Arriba, Tamaño en 1px y ablandar a 0px

Mantenga el ángulo en el 120o, altitud a 30o

Modo destacado: que yo decida establecer la opacidad al 0%.

Modo de Sombra: elijo para establecer la Opacidad al 14%.

Golpe

Finalmente, se aplicará el movimiento. Primer cambio de los valores de su tamaño. Puedo elegir para establecer el tamaño de 1px. Cambio de la posición en el interior de

Puedo elegir para establecer la Opacidad al 50%.

Cambiar el color de los trazos por defecto # 529846

Debería tener este aspecto.

Paso # 4

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

Vamos a aplicar algunos efectos para el texto.

Superposición de degradado

Haga doble clic en la miniatura de la capa de texto en el panel Capas para abrir el cuadro de diálogo Estilo de capa. Primero se aplicará Superposición de degradado, vamos a aplicar un efecto de degradado vertical para el texto. 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 ..

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

Sombra

Finalmente, se aplicará el estilo de la capa de sombra. Mantenga el ángulo en el 120o, de cambiar los valores de opacidad, distancia y el tamaño. Puedo elegir para establecer la Opacidad al 34%, a distancia en 1px y el tamaño al 1px.

Resultado final

Si lo desea, para comprobar su trabajo, usted puede descargar el archivo PSD para este tutorial

Descargar archivo [240KB]

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

Filed under: Photoshop, Tutoriales por admin