Cómo Hacer Un Botón De Vidrio

Tabla de contenido:

Cómo Hacer Un Botón De Vidrio
Cómo Hacer Un Botón De Vidrio

Video: Cómo Hacer Un Botón De Vidrio

Video: Cómo Hacer Un Botón De Vidrio
Video: Como Conectar Cualquier Switch/Boton de Seguros/Vidrios Electricos | JMK 2024, Mayo
Anonim

Al desarrollar los detalles del diseño gráfico de las páginas de Internet, a menudo se usa la imitación de varios materiales: piedra, acero, madera. El vidrio también es popular en este sentido. El efecto de superficie de vidrio generalmente se crea mediante el uso de una sombra paralela y la superposición de luces con un relleno simple o degradado. Para simular vidrio, puede utilizar algunos de los estilos disponibles para los usuarios de Photoshop.

Cómo hacer un botón de vidrio
Cómo hacer un botón de vidrio

Necesario

Programa de Photoshop

Instrucciones

Paso 1

Puede simular vidrio en Photoshop renderizando manualmente todas las sombras y reflejos necesarios. Además, puede crear rápidamente el efecto de un objeto de vidrio aplicando un estilo predefinido a la forma. Para hacer un botón de cristal, cree un nuevo documento con un fondo transparente. Seleccione RGB como modo de color.

Paso 2

Los botones de vidrio suelen ser redondeados. Seleccione la herramienta Rectángulo redondeado o la herramienta Elipse para crear la base del botón. Active el modo de píxeles de relleno haciendo clic en el botón correspondiente en el panel de configuración de la herramienta.

Paso 3

Dibuja una base plana para el botón. Para hacer esto, mantenga presionado el botón izquierdo del mouse y arrastre la forma resultante. Si necesita hacer un botón redondo o cuadrado, mantenga presionada la tecla Mayús mientras dibuja.

Paso 4

Abra la paleta Estilos con la opción Estilos del menú Ventana. Los estilos que necesita no se cargan en la paleta predeterminada, pero puede abrirlos haciendo clic en el botón con forma de triángulo en la esquina superior derecha de la paleta. En el menú que se abre, seleccione el elemento Estilos web y, en el cuadro de diálogo que aparece antes de cargar los estilos, haga clic en el botón Agregar. Esto le permitirá mantener los estilos ya cargados en la paleta, añadiéndoles otros nuevos.

Paso 5

Aplique un estilo de gel rojo, gel amarillo o gel verde a la capa base del botón. Para hacer esto, haga clic en el icono de estilo.

Paso 6

Escribe en el botón. Para hacer esto, haga clic en la herramienta Texto horizontal, haga clic en cualquier área del documento e ingrese el texto. Haga clic en la herramienta Mover y mueva el título al botón.

Paso 7

Si desea que la etiqueta esté debajo de la superficie del vidrio, arrastre la capa de la etiqueta debajo de la capa del botón. Para presionar ligeramente el texto en la superficie del vidrio, haga clic en la capa con el título y seleccione Opciones de fusión en el menú contextual. En la pestaña Bisel y relieve, seleccione el estilo Relieve de almohada de la lista desplegable Estilo. En la lista Técnica, necesita el elemento Chisel Soft. Establezca el parámetro de profundidad en aproximadamente trescientos por ciento y establezca el tamaño en un píxel. Puede dejar el resto de la configuración por defecto.

Paso 8

El color del botón resultante se puede cambiar. Para hacer esto, abra la pestaña Superposición de color en la ventana Opciones de fusión y cambie el color haciendo clic en el rectángulo de color. Desmarque la casilla Resplandor exterior o abra esta pestaña y cambie el color del resplandor exterior del botón a uno más apropiado.

Paso 9

Guarde el botón como un archivo con capas en formato psd usando el comando Guardar del menú Archivo.

Recomendado: