Este es un comienzo Lavel diseño tutorial. En este artículo encontrarás Cómo crear Niza recuadro de texto del botón en Photoshop. Esto es muy fácil y rápido tutorial.I diseño gráfico Esperamos que disfruten de este tutorial.

Final Preview

Esto es lo que hemos ido hacer hoy

Paso # 1

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

Paso # 2

Seleccione la herramienta Rectángulo redondeado y crear el botón, el radio mío es 6px.

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 Gradiant vertical para el botón. Luego haga clic en el gradiente de color a la derecha de la opción de degradado para abrir el olor C Editor de degradado.

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

Sombra

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

Debería tener este aspecto.

Golpe

A continuación se aplicará el movimiento. Primer cambio de los valores de su tamaño. Puedo elegir para establecer el tamaño de 1px, Posición en el exterior. Elijo para establecer la opacidad al 100%. Cambiar el color de los trazos por defecto # 666666

Debería tener este aspecto.

Paso # 3

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

Ahora vamos a aplicar algunos efectos para el texto.

Color Overlay

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 vamos a aplicar superposición de color, yo elijo el color # 303030

Sombra interior

Después aplicas el estilo de sombra Capa interna. Parte más importante mantener el ángulo de 41o, de cambiar los valores de opacidad, distancia y el tamaño. Puedo elegir para establecer la Opacidad al 75% y la distancia en 1px y tamaño de 1px.

Sombra

Finalmente vamos a aplicar la sombra, en primer lugar cambiar la opción de fusión en Normal. Cambiar el color de la sombra de la predeterminada a # FFFFFF. Mantenga el ángulo en el 90o, de cambiar los valores de la opacidad y la distancia. Puedo elegir para establecer la Opacidad al 47% y la distancia en 1px.

Resultados

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

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