Modificando nuestra infografía con Inkscape

septiembre 30, 2026 0 Comments

Infografía abierta con Inkscape


En este artículo continuamos modificando nuestra infografía con Inkscape. Habíamos empezado el artículo anterior eliminando los círculos que encabezaban cada panel. Ahora continuaremos decidiendo qué elementos vamos a conservar y cuáles vamos a modificar.
Por supuesto que sería más cómodo y rápido pedirle a nuestro modelo preferido que haga todo el trabajo y nos lo entregue empaquetado. Pero se va a notar que está hecho por una Inteligencia Artificial y, como comprobamos en el artículo anterior de la forma más dura, algunos modelos están empezando a poner marcas en el contenido que hacen.

Pastebin, el lugar donde pego el código, parece no estar funcionando y WordPress, la plataforma en la que corre este blog, no mantiene el formato del código. Descarga el archivo si no lo hiciste en el artículo anterior colocando el puntero del ratón y seleccionando con el botón derecho la opción Guardar enlace como. Luego renombra el archivo a base.txt y podrás abrirlo en Inkscape sin problemas.

Modificando nuestra infografía con Inkscape

Recordemos que estamos creando una infografía que explica la técnica de los seis sombreros para pensar de Edward de Bono. Eso significa que, de izquierda a derecha, las columnas deben representar lo siguiente:

  • Columna 1: Representada por un sombrero blanco, pone énfasis en la información y los datos.
  • Columna 2: Representada por un sombrero rojo, pone énfasis en los sentimientos.
  • Columna 3: Representada por un sombrero negro, pone énfasis en los aspectos negativos.
  • Columna 4: Representada por un sombrero amarillo, pone énfasis en el pensamiento positivo.
  • Columna 5: Representada por un sombrero verde, pone énfasis en la creatividad.
  • Columna 6: Representada por un sombrero azul, pone énfasis en la organización del trabajo de los demás sombreros.

Hay algunos iconos que nos interesa conservar, como la bombilla, el gráfico de barras, el gráfico de torta y el diagrama de flujo, aunque debemos cambiarlos de lugar. También agregaremos algunos nuevos que mantengan el estilo.

Coloca el puntero del ratón en el borde de la figura que quieres eliminar y presiona la tecla Suprimir. Es posible que tengas que repetir el procedimiento varias veces, ya que los iconos están compuestos por imágenes independientes. Si te cambia la forma el cursor, pulsa sobre la flecha inclinada en la barra de herramientas de la izquierda. Cuando pulsas el botón del ratón, el objeto que vas a eliminar se muestra rodeado de flechas.
En caso de que te equivoques, pulsa en Deshacer.
Ahora vamos a desplazar los iconos que necesitamos. Comencemos con el gráfico de torta, que sirve para representar el énfasis en la información del sombrero blanco. Pulsamos sobre el borde y tenemos que ver el mensaje «Agrupación de 6 elementos en raíz».
Ahora ve a Objeto > Transformar o Mayúscula + Ctrl + M y pulsa en la pestaña Mover en el panel de la izquierda.
A continuación, asegúrate de que el recuadro al lado de Movimiento Relativo esté seleccionado. Pon -608 en el eje X y deja el eje Y como está. Pulsa en Aceptar.
El gráfico de barras lo podemos dejar donde está, ya que representa un aumento en las ventas, lo que, sin dudas, es algo positivo.
Vamos a mover la bombilla hacia el panel de al lado. Pulsa en el borde de la misma; deberías ver el mensaje Agrupar 6 elementos.
Ahora ve a Objeto > Transformar o Mayúscula + Ctrl + M y pulsa en la pestaña Mover en el panel de la izquierda.
Para terminar, pulsa sobre el organigrama, verifica que ves el mensaje Agrupar 6 elementos y pon las coordenadas en 0. Pulsa en Aplicar.

Agregando nuevos elementos

Aquí debemos incorporar los nuevos elementos. Es decir, los sombreros que reemplazan a los botones y los iconos que corresponden a las columnas que no los tienen.

Descarga este archivo con el botón derecho, pulsando en Guardar enlace como. Pega cada fragmento entre las etiquetas <svg> y </svg> en archivos de texto independientes que debes guardar con el nombre de cada fragmento y la extensión de archivo .svg.
A continuación, vamos a importar cada uno de los archivos. Podemos hacerlo con el menú Archivo > Importar. Deja la opción por defecto de insertar el archivo como objeto editable en el documento actual.
Una vez importado el archivo, pulsa el candado que está entre los parámetros W y H para que quede cerrado y completa uno de los dos parámetros con la medida de tu preferencia. Yo elegí 100 px. Mueve cada objeto a cada uno de los paneles de modo que la cinta del sombrero coincida con el borde superior de cada panel y que el sombrero esté en el centro del mismo.
Vamos a probar otro método para los dos iconos que nos faltan. En este caso, las descargaremos de SVG Repo, un repositorio de imágenes vectoriales.
Para el sombrero rojo usaremos un globo de historieta con un corazón.
Para el sombrero negro usaremos una carita triste.
Usando los indicadores de la barra superior, el panel de movimientos y el puntero del ratón, puedes asegurarte de que las posiciones de las diferentes partes sean consistentes, pero recuerda que de lo que se trata es de que no quede demasiado perfecto. Las personas y los algoritmos de las redes sociales cada vez sienten más rechazo por la perfección aséptica en las redes sociales.
Ahora vamos a agregar un texto explicativo. Lo hacemos de la siguiente forma:
Pulsamos en el botón con la letra A en la barra de herramientas de la izquierda.
En la primera columna escribimos Información.
En la segunda columna escribimos Sentimientos.
En la tercera columna escribimos Preocupaciones.
En la cuarta columna escribimos Optimismo.
En la quinta columna escribimos Creatividad.
En la sexta columna escribimos Organización.
El resultado que obtenemos es este:
Infografía terminada


La uniformidad puede ser buena si eres una cadena de hamburgueserías multinacional, pero si estás tratando de destacarte en tu sector, tu mejor arma es saber cómo diferenciarte.
El secreto es dejar que el modelo de Inteligencia Artificial haga la base del trabajo y nosotros nos ocuparemos de la personalización.
De todas formas, el mes que viene veremos cómo usar Python para crear imágenes, lo que nos permite conseguir una mayor precisión sin renunciar a la personalización.


Some say he’s half man half fish, others say he’s more of a seventy/thirty split. Either way he’s a fishy bastard.