Búsqueda de colores
Color Favorito
Etiquetas buscadas recientemente

Botón de creación automática

Los materiales de botón utilizados en la WEB y la página de inicio se pueden crear automáticamente.
Puede crear fácilmente un material de botón en el navegador configurando el color y el tamaño, e ingresando el texto del botón, y puede descargarlo como JPG o PNG. Puede utilizar el botón creado de forma gratuita.

Pantalla de creación de botones

Seleccione un color por color con el selector de color a la izquierda, configure el tamaño del botón, el ancho de línea, el radio redondeado, etc. e ingrese el texto del botón, y el botón se mostrará a continuación. También puede agregar sombras de texto y sombras internas en "Avanzada".
En el caso de Chrome, etc., puede guardar la imagen haciendo clic con el botón derecho y haciendo clic en "Guardar imagen como", pero si no puede, haga clic en "Crear JPG" o "Crear PNG" a continuación. Se mostrará una imagen JPG o PNG. generado, así que guárdelo y utilícelo.

Ajustes
Avanzada
Crear PNG
Crear JPG
Tamaño de Fuente: px
Ancho del Botón: px
Altura del botón: px
Grosor de línea: px
Radio Redondeado: px
Gradación:
Botón de Texto:
Sombra del personaje:
Frontera del marco:
Sombra interior:
Profundidad de la sombra: %
Posición de la sombra X: %
Posición de la sombra Y: %
Desenfoque de Sombra: %

Archivo de imagen del botón

Cómo usar la creación automática de botones

Selección de colores

Puede elegir el color de fondo del botón en el selector de color de la izquierda.
Además de hacer clic en la paleta para seleccionar un color, también puede especificar el código de color RGB directamente o HSV ingresando un valor.

Ajustes

Puede cambiar el tamaño de la fuente, el tamaño del botón, el ancho de línea, etc.
La entrada numérica también se puede cambiar moviendo la barra con entrada de rango.

Tamaño de FuentePuede especificar el tamaño de fuente de los caracteres del botón entre 8px y 96px.
Ancho del BotónPuede especificar el ancho del botón entre 40px y 300px.
Altura del botónPuede especificar el ancho vertical del botón entre 30px y 200px.
El ancho y la altura del botón serán del tamaño especificado, incluido el ancho de la línea.
Grosor de líneaPuede especificar el ancho de la línea del botón entre 0px y 20px.
Cuando es 0px, la línea no se muestra.
Radio RedondeadoPuede especificar el radio de las esquinas redondeadas entre 0px y 100px.
Si supera la mitad del ancho o alto del botón, será el valor.
GradaciónSi "Apagado", se pintará en el color especificado.
Si la respuesta es "Encendido", el color se pinta con una gradación desde un color más brillante que el color especificado hasta el color especificado.
Seleccione "Invertir" y el color de la gradación se invertirá.
Botón de TextoIntroduzca los caracteres que se mostrarán en el botón.
El color del texto se muestra en blanco o negro dependiendo del color de fondo. También puede ingresar varias líneas.
Si el texto es más grande que el ancho del botón, se reducirá horizontalmente al tamaño del ancho del botón.

Avanzada

Puede agregar configuraciones detalladas, como sombras de personajes y sombras internas.

Sombra del personajeSi se establece en "Encendido", se agregará una sombra de 1 px debajo del texto.
El color de la sombra se muestra en negro cuando el color del texto es blanco y en blanco cuando el color del texto es negro.
Frontera del marcoCambia el color del borde.
En el caso de "de color", el color se basa en el color especificado, y en el caso de "negro", se muestra con un borde negro.
Si marca "Dentro de la línea blanca", se mostrará un marco blanco dentro de la línea del marco.
Sombra interiorSi se establece en "Encendido", se proyectará una sombra en el interior. Los ajustes de sombra se realizan a continuación.
Profundidad de la sombraEstablezca la opacidad de la sombra de 0% a 100%.
Posición de la sombra XConfigure la posición horizontal de la sombra de -100% a 100% según la posición del botón.
Posición de la sombra YConfigure la posición vertical de la sombra de -100% a 100% según la posición del botón.
Desenfoque de SombraEstablezca cuánto se desenfoca la sombra de 0% a 100%.

Convertir a imagen

Al guardar el botón, haga clic en "Crear JPG" o "Crear PNG" para crear una imagen JPG y una imagen PNG, respectivamente. Haga clic derecho para guardar y usar.