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.
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 Fuente | Puede especificar el tamaño de fuente de los caracteres del botón entre 8px y 96px. |
---|---|
Ancho del Botón | Puede especificar el ancho del botón entre 40px y 300px. |
Altura del botón | Puede 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ínea | Puede especificar el ancho de la línea del botón entre 0px y 20px. Cuando es 0px, la línea no se muestra. |
Radio Redondeado | Puede 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ón | Si "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 Texto | Introduzca 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 personaje | Si 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 marco | Cambia 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 interior | Si se establece en "Encendido", se proyectará una sombra en el interior. Los ajustes de sombra se realizan a continuación. |
Profundidad de la sombra | Establezca la opacidad de la sombra de 0% a 100%. |
Posición de la sombra X | Configure la posición horizontal de la sombra de -100% a 100% según la posición del botón. |
Posición de la sombra Y | Configure la posición vertical de la sombra de -100% a 100% según la posición del botón. |
Desenfoque de Sombra | Establezca 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.