Cómo recrear una infografía con Inteligencia Artificial
Utilizando esta infografía como base, le pediremos a un modelo de Inteligencia Artificial que nos genere otra como base para la modificación.En esta entrega de nuestra serie de artículos del mes veremos cómo recrear una infografía con Inteligencia Artificial logrando algo más parecido al original. Es parte de un grupo de posteos que continuará en septiembre y busca explicar cómo el software libre y de código abierto y los modelos de Inteligencia Artificial pueden ayudarnos a obtener resultados de calidad sin renunciar a la originalidad ni al toque humano.
Estoy dedicando una cantidad de espacio, que tal vez ustedes juzguen excesiva, a la descripción de cada parte del código que construye nuestra recreación de la infografía. Pero lo hago porque es la mejor forma de que nos familiaricemos con las instrucciones que usa SVG para trazar las imágenes.
Cuando llegue el momento, y prometo que llegará, de utilizar el software libre para construir nuestras propias imágenes, no será necesario buscar en Google ni preguntarle a un modelo cómo hacerlo. Ni mucho menos pedirle que lo haga.
Lo que aprendimos hasta ahora
Hasta este momento vimos que a menos que uno sea muy preciso con el prompt, el modelo no generará una recreación exacta. Solo tienen que comparar la infografía que aparece al principio del artículo con la que obtuve al pedirle a ChatGPT que la recreara.
Como vemos, aunque es parecida, no es exactamente una recreación fidedigna. Yo le indiqué que eliminara los textos. Sin embargo, en la reproducción de ciertos elementos, como las manos estrechándose o las viñetas de crecimiento, no ha logrado un buen resultado. También ha desplazado de lugar a otros elementos.
No tiene importancia, porque yo fui deliberadamente impreciso en el prompt. Hay formas que veremos más adelante de lograr una recreación más precisa. También es buena práctica pedirle que la haga por partes. Primero los paneles y después cada icono en particular.
Más adelante vamos a utilizar Inkscape, el software de edición de gráficos vectoriales de código abierto, para eliminar los elementos de esta infografía que no reutilizaremos y agregar otros que servirán a nuestro propósito.
Antes de seguir con los componentes que nos falta analizar, repasemos lo que aprendimos hasta ahora.
Los círculos de colores
Al analizar el código que construye los círculos de colores que encabezan cada panel, aprendimos a trazar círculos y a rellenarlos con un estilo de gradiente que habíamos definido previamente al principio del código.
La bombilla
Para dibujar la bombilla tuvimos que utilizar curvas de Bézier y el comando Z, que cierra una figura trazando una línea recta entre el último punto dibujado y el punto de origen del dibujo. También utilizamos el atributo transform y el comando M para cambiar el sistema de coordenadas y mover un imaginario cursor dentro del lienzo. Además, aprendimos a darle color al fondo.
El diagrama de flujo
Acá empezamos a combinar comandos para construir figuras más complejas. El comando V para trazar líneas verticales, el comando L para trazar los lados del rombo, el comando rect para construir los rectángulos. También vimos otra forma de reutilizar estilos definidos anteriormente usando un método similar al de las hojas de estilo de los sitios web, que agrupa a las líneas dentro de una misma clase, asegurando que todas las líneas del dibujo mantengan un estilo consistente.
El gráfico de torta
En este gráfico aparece un nuevo comando que nos ayuda a dividir las porciones del círculo que trazamos. Es el comando A, de arco, que selecciona partes de la figura y, con ayuda de nuestros viejos amigos L y Z, construye triángulos que colorea con la ayuda de los comandos fill y stroke (este último indica el color y ancho de línea cuando no queremos usar uno definido previamente).
El gráfico de barras
Esta es una figura no demasiado novedosa, salvo por las técnicas que usamos para trazarlas.
- Los ejes se trazaron con un solo path: Gracias al comando M podemos usar varias instrucciones en una misma línea, aunque no estén conectadas.
- Las barras se crean con el comando rect: Esto puede parecer una obviedad, pero tiene muchas posibilidades. Imagina un script para Scribus, el programa de publicaciones de escritorio de código abierto, en el que, pasándole los valores, te genere el gráfico de barras en forma automática. Gracias al Todopoderoso lenguaje de programación Python, incluso sería posible importar los datos desde una planilla de cálculo.
- Dibujo de la línea de tendencia: La trazamos combinando líneas trazadas con el comando L, unidas por un punto.
- Creación de decoraciones simples: Así como decoramos el centro del gráfico de torta con un círculo, el extremo de la línea de tendencia son dos líneas que conforman una letra L invertida. La construimos utilizando una línea horizontal y otra vertical con los comandos H y L.
- Coordinación de elementos: El uso inteligente del comando M nos permitió crear una imagen coherente a partir de la combinación de diferentes dibujos.
Cómo recrear una infografía con Inteligencia Artificial
El propósito de estos artículos no es recrear de manera fiel una infografía, sino tomar elementos de ella sin copiar ni pegar el original. De hecho, lo ideal es utilizar varias. El fondo de uno, la paleta de colores de otra y componentes de una tercera, cuarta o quinta para obtener un resultado completamente diferente. También sería ideal agregar alguna parte fruto de nuestra propia inspiración.
Como dije al principio, mi prompt fue deliberadamente vago.
Créame una imagen en formato para los gráficos de esta infografía, sin textos. Dame solo el código.
Podía haber obtenido una reproducción más fiel con el siguiente:
Reproduce esta imagen. Mantén las posiciones, dimensiones, proporciones, colores, espacios, formas, sombras y relaciones espaciales. Ignora el contenido de texto. No intentes representar conceptualmente la imagen. Intenta reconstruirla geométricamente.
La última frase es realmente útil, ya que, en lugar de tratar de hacer su propia versión de una parte del dibujo, por ejemplo, su propia versión de un sombrero, lo va a analizar como líneas, puntos, curvas y círculos. Esto puede producir algo más aproximado al original.
Una sugerencia. En Internet hay muchos tutoriales que enseñan a dibujar a mano a partir de la combinación de trazos. Es muy fácil transformarlos en instrucciones SVG, lo que permite generar imágenes con el toque humano.
