Cómo hacer botones de cristal

botones de cristal hacen una adición llamativa a su sitio web, o de cualquier otra interfaz. Puede crear botones de cristal con el GIMP, Photoshop u otros paquetes gráficos, el uso del color, sombras y luces para dar la impresión de un botón tridimensional hecha de vidrio de color. También puede incorporar iconos o texto en los botones. La clave para crear un efecto vidrioso transparente es el uso de capas. Mediante la creación de una imagen en capas, se puede ajustar con precisión las luces y sombras para dar una impresión muy convincente de vidrio de dimensiones.

Instrucciones

1 Lanzamiento de su paquete de gráficos. Guardar una imagen con un nombre fácil de recordar, por ejemplo blueglassbutton. Guardar en un formato que permite capas.

2 Dibuje un pequeño círculo en la primera capa. Llenarlo con un tono oscuro de su color elegido utilizando la herramienta de relleno.

3 Copiar y pegar su círculo en una nueva capa. Asegúrese de que el nuevo círculo es exactamente en la parte superior del círculo original. Llene el nuevo círculo con un tono más claro de su color botón. Incisiones en las esquinas; en GIMP esta es una opción en el menú Pegar, pero en otros paquetes bordes de la pluma puede estar bajo los filtros o efectos menús. Elija un gran radio para el efecto de la pluma, alrededor de la mitad del radio de su círculo.

4 Copiar y pegar su círculo original en una tercera capa nueva. Llenarlo con un tono más ligero de su color botón seleccionado. Distorsión de este círculo moviendo la parte superior hacia abajo, dejando el tamaño y la posición sin cambios. Desea que la parte superior de la nueva forma de ser en torno a la mitad del círculo original.

5 Copiar y pegar su círculo original en una cuarta capa. Llenarlo con un degradado, blanco en la parte superior de sombreado a transparente en la parte inferior. Distorsionar esto en un óvalo. Reducir el tamaño del óvalo alrededor de un 10 por ciento. El borde de la nueva forma oval debe ser aproximadamente hasta la mitad el botón. Añadir un efecto de desenfoque; Desenfoque gaussiano funciona bien.

6 Crear una nueva capa para el texto o icono. Una fuente tridimensional funciona bien. Enviar esta capa detrás de la capa de gradiente blanco.

7 Hacer todas las capas visibles. Compruebe que tiene el efecto deseado y que las capas están colocadas correctamente. Ajustar la transparencia de las capas, el valor (luminosidad u oscuridad) del color, y el grado de nitidez y el desenfoque hasta que esté satisfecho. Guardar la imagen en un archivo nuevo. Combinar las capas. Tu botón está ahora listo para cargar.

Consejos y advertencias

• Una vez que haya creado su botón de un solo color, es fácil de hacer diversas versiones coloreadas. Sólo tiene que utilizar el menú de color para cambiar el color, dejando el resto de ajustes del mismo.