Cómo crear un botón web usando Paint.net

Articulos tematica web

Puede haber múltiples situaciones en las que el usuario necesite un botón web personalizado para implementar en su sitio web

Por ejemplo, si está creando una tienda de comercio electrónico, puede hacer que sus blogs sean atractivos introduciendo botones web en diferentes diseños atractivos que obliguen a los usuarios a hacer clic.

Comencemos el tutorial.

Inicie Paint.net en su PC y vaya a " Archivo> Nuevo " para crear una nueva página (si el software no abre una página nueva de forma predeterminada).

Debería tener las siguientes herramientas disponibles en la pantalla:

Caja de herramientas, Cuadro de historia, Caja de capas, Caja de colores

Si no es así, habilítelos haciendo clic en los iconos respectivos disponibles en la esquina superior derecha. Vea la captura de pantalla a continuación.

Ahora, tenemos que agregar diferentes capas para crear un botón. Agregue una capa haciendo clic en " Agregar nueva capa " en el cuadro " Capas ".

Debido a que crearemos muchas capas, es mejor cambiar el nombre de cada capa para evitar confusiones. Haga doble clic en la capa recién agregada y cambie su nombre a " Base ". Puede dar cualquier nombre según su elección.

Estamos creando un botón rectangular redondeado. Para ello, seleccione la opción " Formas " del cuadro " Herramientas " y elija su color favorito en el cuadro " Color ". Hay más colores disponibles en la opción " Más " del cuadro de color.

Tenemos que seleccionar " Rectángulo redondeado " con " Modo relleno" .

Mantenga presionado el botón izquierdo del mouse y arrastre para crear la forma rectangular redondeada. Después de dibujarlo, también puede cambiar sus dimensiones.

Ahora, agregaremos el efecto de degradado al botón. Para ello, agregue una nueva capa y cambie su nombre a " Gradiente ".

Haga clic en la capa " Base " y seleccione " Varita mágica " en el cuadro de herramientas. Haga clic en la forma del rectángulo redondeado después de seleccionar la Varita mágica.

Elija un color más claro y seleccione " Degradado " en el cuadro de herramientas.

Cuando seleccione el Degradado, verá diferentes tipos de texturas disponibles en la barra de herramientas. Tienes que seleccionar la textura " Lineal ". Coloque su mouse como se indica en la siguiente captura de pantalla. Ahora, presione y mantenga presionado el botón izquierdo del mouse y arrástrelo al borde inferior de la forma rectangular redondeada mientras presiona la tecla " Shift ".

Ahora, tenemos que escribir un texto personalizado en el botón. Para esto, agregue una capa más y cambie su nombre a " Texto ". Ahora, seleccione " Texto " en el cuadro de herramientas y elija el color de su elección. Haga clic dentro de la forma rectangular redondeada y escriba su texto allí. También puede cambiar el estilo de fuente y el tamaño del texto.

Ahora, tenemos que darle un toque lustroso a la forma. Para ello, agregue una capa más y cambie su nombre a " Brillante ". Esta capa debe estar en la parte superior de todas las capas. Si no, arrástrelo para traerlo a la parte superior.

Ahora, seleccione la capa base. Luego seleccione la Varita Mágica y haga clic en la forma rectangular redondeada. Después de eso, regrese a la capa Brillante y seleccione el color blanco en el cuadro de colores.

Ahora, seleccione la herramienta " Formas " del cuadro de herramientas y haga clic en " Tipo de forma " en la barra de herramientas para seleccionar " Elipse ". Debe seleccionar la Elipse en el modo relleno (consulte el paso 6 de este artículo).

A continuación, debe dibujar la elipse de tal manera que algunas de sus partes se encuentren en la parte superior del rectángulo redondeado. Cuando haya terminado, presione " Enter ".

Haga doble clic en la capa Brillante para abrir sus propiedades y reducir su opacidad.

Ahora, tenemos que agregar un borde a la forma. Para ello, seleccione la capa base y vaya a " Efectos> Estilizar> Contorno ".

Varíe el grosor y la intensidad del contorno para darle a la forma el aspecto de un botón.

En el último paso, tenemos que guardar el botón. Para ello, presione “ Ctrl + S ” y seleccione el formato de imagen en el menú desplegable. Puede guardar la imagen en JPG, PNG, BMP y muchos otros formatos. Te pedirá que aplastes la imagen o no. Seleccione " Aplanar ".

Gracias por visitar este sitio, espero que te haya gustado y vuelvas proximamente, compartela en las redes sociales, gracias

Compartir en Facebook Compartir en twitter

Semrush sigue a tu competencia

Fecha actualización el 2021-04-13. Fecha publicación el 2021-04-13. Categoría: Apple Autor: Oscar olg Mapa del sitio Fuente: thewindowsclub