jueves, 23 de diciembre de 2021

👨‍💻 Mis notas sobre còmo crear insignias o badges | herramientas online | Parte 1

⏩ Snippet: ⏪
👉 Snippet:Aprendiendo a trabajar con las herramientas on line para crear insignias o badges.
Portafolio de temas tratados en esta publicación:
IR A PORTAFOLIO
INTRODUCCION

    Hola a todos, hoy voy a platicar sobre cómo crear insignias o badges para poder utilizarlos en un documento HTML y mejorar su apariencia.

Les comento que pude conocer sobre esta metodología, gracias al análisis que frecuentemente hago a còdigos  badgesfuentes, donde al hallar el término badge e investigar su significado, me guió a páginas con herramientas on line; por cierto la insignia bibliografía la hice con makebadges (herramienta 1 de esta lección).

    Si bien la bibliografía consultada remite su uso al ámbito escolar, yo lo valorizo también para los efectos de edición de imágenes.

    Las insignias se utilizan para agregar información adicional a cualquier contenido.

    Además, son elementos muy útiles para destacar nuevos elementos, mostrar un pequeño conteo o etiquetar elementos.

    Llegados hasta aquí, veamos algunas herramientas online que nos faciliten el diseño de imágenes para nuestras publicaciones.

IR A PORTAFOLIO
MAKEBADGES

    En MAKEBADGES no se requiere registro y podemos crear nuestra insignia o badge en muy pocos minutos.

    Solo tenemos que seleccionar la forma, el icono (o subir el nuestro propio), los colores, el borde y el texto que llevará y nos creará nuestra insignia lista para descargar en formato de imagen. Muy fácil.

    Además, también permite crear avatares, banners y logos de distintos tamaños.

    Esta página web ofrece una herramienta online para la creación de badges o insignias. Además te permite crear avatares e ¡incluso un banner!

En la sección de badge puedes escoger:

  • La forma (5 disponibles)
  • El icono (30 disponibles)
  • El tipo de borde (5 disponibles)
  • Colores

    Si además, quieres incorporar un nombre a tu insignia ¡adelante! Cuando estés listo simplemente tienes que descargarlo en tu equipo en formato .png (aptopara web) y ya lo tenemos. Fácil ¿verdad?

Ventajas

  • No requiere registro previo
  • Podemos generar tantos badges como queramos
  • Dispone de una función con badges prehechos ideal para aquellos que tienen poca habilidad para combinar colores

Desventajas

  • Las formas que puedes escoger son limitadas
  • Los iconos son limitados

De seguido la URLde la página:

Makebadges: http://www.makebadg.es/

Makebadges

IR A PORTAFOLIO
OPEN BADGE DESIGNER

    Con esta herramienta online podrás crear tus badges o insignias de manera muy sencilla también. La diferencia principal con la anterior es que es más completa que la anterior y, por tanto, un poco más complejo. Pero no mucho más.

    Podemos utilizar texto en curva, texto recto en distintas líneas, iconos, formas, colores o bandas para personalizarlos. Una vez terminado, permite descargarlo para usarlo donde y como queramos. Tampoco necesita registro.

Con ella podrás:

  • Añadir texto curvado
  • Añadir diferentes líneas de texto para tu insignia
  • Añadir banners
  • Seleccionar el icono que más te guste de una amplia lista de iconos
  • Dispone de una amplia gama de formas
  • Te permite personalizar los bordes

    Una vez configurado lo descargamos en nuestro disco duro y listo para utilizarlo.

Ventajas

  • No requiere registro previo
  • Podemos generar tantos badges como queramos
  • Hay múltiples opciones que nos dan cierta libertad de creación

Desventajas:

  • Los sliders para colocar los objetos a veces no son del todo flexibles y el no disponer de guías puede dar lugar a textos o iconos descentrados
  • Sería ideal contar con algunas plantillas

De seguido la URLde la página:

Open Badge Designer: https://www.openbadges.me/designer.html

Badge Designer
IR A PORTAFOLIO
CANVAS

    Canva es una aplicación online que requiere registro pero que permite compartir y editar el diseño de otros proyectos de otros usuarios y en internet, además de poder crear los nuestros propios. Nos permite elegir la forma, los iconos, los colores y los textos, guardar nuestro proyecto, compartirlo con permisos de edición (en la copia que abra otra persona. Nuestro diseño siempre será el mismo), descargarlo para imprimirlo o buscar un diseño ya hecho por la plataforma o por otro usuario y editarlo a nuestro gusto.

    Gran herramienta con muchas posibilidades que además se puede usar para la creación de tarjetas, pósters, infografías, mapas mentales, invitaciones o presentaciones.

De seguido la URLde la página:

Canva: https://www.canva.com/es_es/crear/insignias/

Canva
IR A PORTAFOLIO
BADGE MAKER

    Esta herramienta es una de las más completas a pesar de que solo podemos hacer badges redondos, en forma de corazón o con forma de lazo. Como su nombre indica, tienen cierto aire 3D, y nos deja personalizar con muchas opciones nuestros badges. Un ejemplo muy sencillo.

De seguido la URLde la página:

3D Badge Maker: http://www.onlinebadgemaker.com/

Badge Maker
IR A PORTAFOLIO
BADGE MAKER: BIG HUGE LABS

    Herramienta muy sencilla que nos permite subir una imagen a modo de logo y personalizar muchos campos.

    Tiene forma de tarjeta, por lo que podríamos utilizarla también para repartir los roles de clase, para crear juegos de cartas, carnets identificativos, etc, les recuerdo lo comentado al inicio, que estos recursos están pensados para el ámbito educativo, empero, y reitero, no descarto ninguna herramienta que en alguna forma pueda aportarnos algo para el propósito de cariar, mejorar y adaptar los diseños y presentaciones de nuestras publicaciones, allende al hecho, que cualquiera de esos recursos es impredecible el efecto magnético sobre el ciberlector.

    Esta herramienta me parece muy interesante ya que, más que badges o insignias, lo que podemos diseñar con ella son tarjetas identificativas. Esto puede tener muchas utilidades a la hora de introducir la gamificación en el aula. Por ejemplo, se me ocurre asignar funciones dentro del aula, y a cada responsable darle su carnet identificativo, con su cargo impreso.

    Pienso que los lectores cuya praxis es la docencia, y tal vez, la redacción de contenidos, encontrarán una caliosa herramienta en esta publicación.

De seguido la URLde la página:

Badge Maker: https://bighugelabs.com/badge.php

IR A PORTAFOLIO
BADGECREATOR.COM

    Esta herramienta permite crear insignias a modo de placas de sheriff, condecoraciones y otros badges muy «a la americana».

    Aunque al ser bastante personalizables, pueden servirnos para otras narrativas, allende a los temas de oeste estadounidense, nunca se sabe. En el mundo blogger, hay escritores para todos los gustos, y las herramientas que se publican, deben contemplar dicho universo,

    De seguido la URLde la página:

Badgecreator: http://www.badgecreator.com/

Badgecreator




IR A PORTAFOLIO


http://www.musikawa.es/7-herramientas-online-para-crear-insignias-o-badges-musikawa/

https://rosalieledda.com/2014/12/15/herramientas-para-crear-badges-o-insignias/

https://rosalieledda.com/2015/12/02/herramientas-para-crear-insignias-badges/

Complementarios,

https://www.hostinger.mx/tutoriales/que-es-bootstrap/#Glyphicons

https://www.glyphicons.com/sets/basic/

https://programmerclick.com/article/66832041781/

https://www.jose-aguilar.com/blog/las-insignias-o-badges-en-bootstrap-4/#codesyntax_2

https://www.jose-aguilar.com/blog/las-insignias-o-badges-en-bootstrap-4/

https://www.tutorialesprogramacionya.com/bootstrap4ya/detalleconcepto.php?punto=62&codigo=62&inicio=60