.png "Menu")
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.
