# Habilidades Digitales Sesion 3 **Source:** https://en.cursos.frogamesformacion.com/pages/habilidades-digitales-sesion-3 **Language:** English --- Sesión 3 · Contenido Visual: Presentaciones e Imágenes con IA Habilidades Prácticas con IA · Sesión 3 de 4 # Contenido Visual: Presentaciones e Imágenes Hoy tu contenido se vuelve visual. Convierte un texto en una **presentación** en minutos, **genera imágenes** a medida y ordena tus ideas en **infografías**. ⏱️ **2 horas** 🎯 Metodología **30 / 70** 🧩 Nivel **Inicial-Medio** 💬 ChatGPT 🅖 Gamma 🎨 Canva 🖼️ Generador de imágenes **ChatGPT** sigue siendo el "cerebro" (guiones, prompts de imagen); para lo visual sumamos **Gamma** y **Canva**. Versiones **gratuitas**; el ico⭐ Plus marca funciones de pago opcionales. Qué haremos hoy ## Agenda de la sesión 📊 ### 1 · Presentaciones De un texto a una **presentación completa** con IA. Y las claves para que se vea bien. ≈ 45 min 🖼️ ### 2 · Imágenes Genera **imágenes a medida** con buenos prompts. Límites, derechos y uso ético. ≈ 40 min 🧠 ### 3 · Infografías y mapas Ordena ideas en **infografías** y **mapas mentales** claros. ≈ 25 min 🎁 **Tu entregable de hoy** Una **pieza visual terminada**: una **presentación** sobre tu tema (o una **infografía / imagen**), creada con IA y guardada para usar. Te la llevas lista. Venimos de la Sesión 2 ## Tienes el contenido… hoy le ponemos cara En la Sesión 2 creaste documentos con tu voz. Ese texto es justo la materia prima perfecta para una presentación o una infografía. 1 **Tienes** un texto / un tema trabajado (el documento de la Sesión 2). 2 **Hoy** lo convertimos en algo visual: presentación, imagen o infografía. 3 **El mensaje manda:** lo visual está al servicio de lo que quieres contar. 🎯 Idea de fondo: una buena presentación es la más "bonita", es la que **se entiende y se recuerda**. La IA acelera el diseño; el mensaje lo pones tú. El mapa de hoy ## ¿Quién hace qué? ### 💬 ChatGPT El **cerebro**: genera el guion de la presentación, los prompts de imagen y la estructura de la infografía. Incluso **crea imágenes**. ### 🅖 Gamma Convierte un **guion en una presentación completa** en segundos. Versión gratis muy generosa. ### 🎨 Canva Plantillas de **presentaciones, infografías y posts**. Tiene IA integrada (Magic) y mucho gratis. ### 🖼️ Generadores de imagen ChatGPT, **Copilot/Bing** o Canva crean imágenes desde texto. Gratis con algunos límites. 🧭 No te agobies: hoy usamos sobre todo **ChatGPT + Gamma**, y Canva para infografías. Aprende el flujo; las herramientas son intercambiables. Tema 1 de 3 # Una presentación en minutos, en horas La parte aburrida (montar diapositivas) la hace la IA. Tú te quedas con lo importante: **el mensaje y las decisiones**. Antes de tocar ninguna herramienta ## Qué hace buena a una presentación ❌ La que aburre - Diapositivas con **párrafos enteros** - Lees lo mismo que está escrito - Muchas ideas por slide, todo apretado ✅ La que engancha - **1 idea por diapositiva** - Poco texto: titulares, párrafos - Una **imagen** que apoya el mensaje 🧠 Regla práctica: la diapositiva **acompaña** lo que dices, te sustituye. Si se entiende todo leyendo, sobras tú. Menos texto = más atención. El secreto de las que se recuerdan ## Una presentación es una historia, una lista Las diapositivas que enganchan siguen un hilo. Pídele a ChatGPT que estructure tu tema como un recorrido, como un volcado de datos. 1 **Gancho:** empieza con una pregunta, un dato sorprendente o un problema real. 2 **Desarrollo:** lleva a tu público de lo que sabe a lo que quieres que entienda, paso a paso. 3 **Cierre:** una conclusión clara y una idea para llevarse (o una llamada a la acción). 🎬 Prompt útil: *"Estructura mi presentación como una historia: gancho inicial, desarrollo en 4-5 pasos y un cierre memorable. Tema: [el tuyo]."* El flujo en 3 pasos ## De un tema a una presentación 1 **Guion en ChatGPT:** pide el "esqueleto" — título de cada diapositiva y 2-3 viñetas. Lo revisas. 2 **Diseño en Gamma:** pegas ese guion, eliges plantilla y Gamma monta las diapositivas con imágenes. 3 **Tú editas:** ajustas textos, cambias una imagen, reordenas. El criterio final es tuyo. 💡 Por qué separamos guion y diseño: si dejas que la herramienta invente el contenido, sale genérico. **Tú decides el mensaje** (ChatGPT) y luego lo vistes (Gamma). Demostración · sigue los pasos ## Demo: de un tema a una presentación Guion en ChatGPT, diseño en Gamma. Avanza paso a paso. 💬 ChatGPT → 🅖 Gamma you Paso 1 · Pide el guion (ChatGPT) Hazme el **guion de una presentación de 8 diapositivas** sobre **"el impacto de las redes sociales"**. Para cada diapositiva: un **título corto** y **2-3 viñetas**. Poco texto. IA Guion listo 1. **Portada** · 2. **¿Por qué importa?** · 3. **Beneficios** · 4. **Riesgos** · 5. **Los algoritmos** · 6. **Qué dicen los estudios** · 7. **Consejos** · 8. **Cierre** (con sus viñetas) you Paso 2 · Llévalo a Gamma Copio el guion → abro **Gamma** → "Crear" → **pegar texto** → elijo una plantilla. Gamma monta las 8 diapositivas con imágenes. 🅖 Gamma genera el deck ✨ Presentación creada: 8 diapositivas con diseño, imágenes y tu texto. Lista para editar. you Paso 3 · Edita y haz tuyo Cambio la imagen de la portada, recorto un par de viñetas y reordedos diapositivas. **Exporto a PDF** o comparto el enlace. ⭐ Plus / atajo: Gamma también crea la presentación **desde una sola frase**, pero sale más genérica. Con tu guion de ChatGPT controlas el contenido. Para que se vea profesional ## 6 reglas de oro visuales 1️⃣ ### Una idea por slide Si tiene dos mensajes, divídela en dos diapositivas. ✂️ ### Menos texto Titulares y viñetas cortas. Lo demás lo dices tú. 🖼️ ### Imágenes que aporten Que ilustren la idea, de relleno. Mejor 1 buena que 5 sueltas. 🎨 ### Consistencia Mismos colores y tipos de letra en todo. La plantilla ya te ayuda. 👁️ ### Contraste y tamaño Texto grande y legible. Que se lea desde el fondo del aula. 🫧 ### Aire / espacio No lo llenes todo. El espacio en blanco ayuda a leer. 🧭 Resumen: **claro > bonito**. Si dudas, quita: casi siempre la diapositiva mejora con **menos** elementos. Diseño sin ser diseñador ## Colores y tipografía que funcionan 🎨 ### Pocos colores 2-3 como máximo: ude fondo, ude texto y ude acento. La plantilla ya te da una paleta coherente. 🔠 ### Pocas tipografías Una para títulos y otra para el texto. Más de dos = caos visual. 👁️ ### Contraste Texto oscuro sobre fondo claro (o al revés). Si cuesta leerlo en tu pantalla, en el proyector será peor. 📏 ### Tamaño generoso Títulos grandes, texto que se lea desde el fondo. Nada de letra diminuta. 🤖 Atajo: pídele a la IA *"sugiéreme una paleta de 3 colores y 2 tipografías para una presentación sobre [tema], con códigos hex"*. Lo aplicas en Gamma o Canva. La presentación es solo las diapositivas ## Habla con seguridad: ensaya con IA La IA también te ayuda con lo que dices en voz alta, solo con lo que se ve. 🗒️ ### Notas del orador "Para cada diapositiva, dame 2-3 frases de lo que diría en voz alta." ⏱️ ### Ajusta al tiempo "Adáptalo a una exposición de 5 minutos." ❓ ### Preguntas del público "Hazme 5 preguntas difíciles que podrían hacerme, con respuestas." 🎤 Antes de exponer: ensaya respondiendo esas preguntas. Llegarás con mucha más seguridad — y eso se nota más que cualquier diseño. Práctica guiada · 15 min · 70% ## 🛠️ Ejercicio 1: crea tu presentación ### Pasos 1 **Elige tu tema** (el que trajiste, o tu documento de la Sesión 2). 2 Pide el **guion de 6-8 diapositivas** en ChatGPT y revísalo. 3 Pégalo en **Gamma**, elige plantilla y genera. 4 **Edita:** aplica las reglas visuales (menos texto, 1 idea/slide). ### Tu checklist - Generé y revisé el guion en ChatGPT - Creé la presentación en Gamma - Reduje el texto (titulares, párrafos) - Tengo una presentación que me sirve ``` Hazme el guion de una presentación de [6-8] diapositivas sobre [tu tema], para [tu público]. Cada diapositiva: título corto + 2-3 viñetas. Poco texto. ``` 📎 **Recurso:** `recursos/prompts.md` Tema 2 de 3 # Imágenes a medida, descritas con palabras Ya necesitas buscar horas un banco de imágenes: describes lo que imaginas y la IA lo dibuja. El truco está en **cómo lo describes**. Casos de uso ## ¿Para qué te sirve generar imágenes? 🖼️ ### Ilustrar una idea Una imagen para una diapositiva o un trabajo, justo de lo que hablas. 🎴 ### Portadas y carteles La portada de un proyecto, un cartel para un evento, una miniatura. 🧩 ### Iconos y elementos Símbolos sencillos y coherentes para tu presentación o infografía. 💡 ### Conceptos abstractos Visualizar metáforas ("el tiempo como un río") que encuentras en fotos. 🆓 Dónde: **ChatGPT** genera imágenes (en gratis, con límite diario). Alternativas gratis: **Copilot / Bing** y **Canva**. El método es el mismo en todas. La fórmula visual ## Un buen prompt de imagen: S · E · C · D ### 🎯 S — Sujeto **Qué** aparece. *"Un estudiante leyendo bajo un árbol…"* ### 🎨 E — Estilo **Cómo** se ve. *"…ilustración plana / foto realista / acuarela / 3D…"* ### 🖼️ C — Composición **Encuadre** y fondo. *"…plageneral, fondo de biblioteca, vista de frente…"* ### ✨ D — Detalles **Matices**. *"…colores cálidos, luz de tarde, formato horizontal 16:9."* ``` Una ilustración plana y moderna de un grupo de estudiantes colaborando alrededor de una mesa con un portátil, fondo de aula luminosa, colores cálidos, estilo limpio y amigable, formato horizontal 16:9. ``` La palabra que más cambia el resultado ## Catálogo de estilos de imagen El "estilo" (la **E** de S·E·C·D) transforma por completo la imagen. Prueba estos y quédate con el que encaje con tu mensaje: 📷 ### Fotorrealista Como una foto real. Para algo creíble y cercano. 🎨 ### Ilustración plana Moderna y limpia. Ideal para presentaciones e infografías. 🖍️ ### Acuarela / dibujo Cálido y artístico. Para algo amable y humano. 🧊 ### 3D / render Volumen y profundidad. Para algo modery vistoso. 📐 ### Isométrico Diagramas y escenas técnicas con perspectiva. ✏️ ### Minimalista / línea Solo lo esencial. Iconos y conceptos. 💡 Truco: mantén el **mismo estilo** en todas las imágenes de un proyecto. La coherencia visual es lo que hace que parezca profesional. Demostración · sigue los pasos ## Demo: genera una imagen y refínala Describe, mira el resultado, ajusta. Avanza paso a paso. 💬 ChatGPT 🖼️ imágenes you Paso 1 · Describe (S·E·C·D) Crea una **ilustración plana y moderna** de un móvil del que salen iconos de redes sociales, fondo morado suave, estilo limpio, **formato 16:9**. IA Genera la imagen 🖼️ *[imagen: un móvil con iconos flotando, tonos morados, estilo flat]* — ¿la ajustamos? you Paso 2 · Itera Me gusta, pero **menos iconos** y con **fondo más claro**. Y deja espacio arriba para poner un título. IA Nueva versión 🖼️ *[imagen ajustada: 3 iconos, fondo claro, espacio superior libre]* you Paso 3 · Descarga y úsala La **descargo** y la pongo en la portada de mi presentación de Gamma. ✅ ⚠️ Texto dentro de imágenes: la IA suele escribir **letras con erratas**. Para títulos, mejor genera la imagen **sin texto** y añade tú el texto en Gamma/Canva. Por qué a veces sale "raro" ## Fallos típicos (y cómo esquivarlos) ✋ ### Manos y dedos raros Es su punto débil. Evita primeros planos de manos o pide planos donde se vean. 🔤 ### Texto con erratas Las letras salen mal. Genera la imagen sin texto y añádelo tú en Gamma/Canva. 🪞 ### Simetrías imposibles Caras o fondos deformes. Itera: "más realista, proporciones correctas". 🎭 ### Sesgos Tiende a estereotipos. Pide diversidad explícita si tu mensaje lo necesita. 🔁 La solución casi siempre es la misma: **itera**. Mira el fallo, descríbelo y pide la corrección. Rara vez sale perfecta a la primera. Uso responsable ## Imágenes con IA: límites y ética ✅ Buen uso - Ilustrar ideas y conceptos propios - **Avisar** de que una imagen es generada con IA - Revisar que haya errores o sesgos raros ⛔ Cuidado / evita 🚫 **Suplantar a personas reales** (deepfakes) 🚫 Usarlas como si fueran **fotos reales** para engañar 🚫 Asumir que puedes usarla **comercialmente** sin revisar la licencia 🌱 El principio de siempre: **el humapiensa, la máquina ayuda.** Generar es muy fácil; usarlo **con criterio y honestidad** es lo que marca la diferencia. Práctica guiada · 12 min · 70% ## 🛠️ Ejercicio 2: una imagen para tu presentación ### Pasos 1 Piensa qué imagen **le falta** a tu presentación (portada, un concepto…). 2 Escribe el prompt con **S·E·C·D** (sujeto, estilo, composición, detalles). 3 **Genera** e **itera** al menos una vez (cambia estilo, fondo o encuadre). 4 **Descárgala** y colócala en tu presentación. ### Tu checklist - Escribí un prompt con S·E·C·D - Generé la imagen - Iteré para mejorarla - La usé en mi pieza visual ``` Crea una imagen de [sujeto], estilo [ilustración plana / foto / acuarela], [encuadre y fondo], [colores/luz], formato [16:9 / cuadrado]. Sin texto dentro. ``` 📎 **Recurso:** `recursos/prompts.md` Tema 3 de 3 # Ordena ideas: infografías y mapas A veces necesitas un texto ni una presentación, si**una imagen que lo explique todo de un vistazo**. Para eso están las infografías y los mapas mentales. Cada formato, para qué ## Infografía, mapa mental o esquema 📊 ### Infografía Cuenta algo con **datos e iconos**: pasos de un proceso, "5 claves de…", una comparación. 🧠 ### Mapa mental Una idea central y **ramas**. Ideal para repasar un tema o hacer una lluvia de ideas. 🗂️ ### Esquema / diagrama Relación entre partes: un **flujo**, una jerarquía, un antes/después. 🔧 El flujo: **ChatGPT** organiza el contenido (bloques, ramas, datos) → **Canva** (o Gamma) lo convierte en la pieza visual con una plantilla. Conecta con la Sesión 1 ## Mapas mentales para estudiar y memorizar Un mapa mental es solo bonito: ordenar un tema en una idea central y ramas te ayuda a **entenderlo y recordarlo** mejor. 1 **Pide el mapa:** "Hazme un mapa mental de [tema]: idea central y ramas con sus sub-ideas". 2 **Visualízalo:** llévalo a Canva (plantilla de mapa mental) o pide a Gamma que lo dibuje. 3 **Repásalo:** tápate las ramas e intenta reconstruirlas de memoria. 🎓 Combo ganador: mapa mental (ver el conjunto) + cuestionario de la Sesión 1 (autoevaluarte). Entender y comprobar, juntos. Que lo entienda todo el mundo ## Diseño accesible: incluye a todos 🌗 ### Contraste alto Imprescindible para quien ve poco. Evita gris claro sobre blanco. 🔠 ### Texto grande y simple Tipografías legibles, frases cortas. Útil para todos, solo accesibilidad. 🖼️ ### Texto alternativo En documentos/web, describe las imágenes para lectores de pantalla. Pídele el "alt text" a la IA. 🚦 ### No solo el color No distingas cosas solo por color (rojo/verde): añade iconos o etiquetas. 🌱 Es parte del criterio: crear pensando en **todas las personas** también es usar la IA de forma responsable. Demostración · sigue los pasos ## Demo: de un texto a una infografía ChatGPT estructura, Canva la viste. Avanza paso a paso. 💬 ChatGPT → 🎨 Canva you Paso 1 · Pide la estructura Convierte este tema en la **estructura de una infografía**: un título y **5 bloques**, cada ucon un subtítulo corto y un dato o frase. Tema: **uso saludable de las redes**. IA Estructura lista Título: "5 claves para un uso saludable" · 1. Horarios 🕒 · 2. Uso activo ✍️ · 3. A quién sigues 👀 · 4. Pausas 🌿 · 5. Sentido crítico 🧠 (con su frase cada uno) you Paso 2 · Llévalo a Canva Abro **Canva** → busco "**infografía**" → elijo una plantilla de 5 bloques → **pego** cada bloque. 🎨 Canva Plantilla aplicada ✨ Cambias colores con un clic y puedes pedir iconos a la IA de Canva (Magic). you Paso 3 · Ajusta y descarga Reviso que se lea bien, ajusto colores y **descargo en PNG o PDF**. ✅ 💡 Atajo: también puedes pedirle a **Gamma** una infografía directamente. Lo clave es que el **contenido** lo ordenas tú con ChatGPT antes. Práctica guiada · 12 min · 70% ## 🛠️ Actividad: crea una infografía o mapa ### Pasos 1 **Elige un tema** que se entienda mejor de un vistazo (un proceso, unas claves, una comparación). 2 Pide a ChatGPT la **estructura** (título + bloques o idea central + ramas). 3 Llévala a **Canva** (o Gamma) con una plantilla y **pega** el contenido. 4 **Ajusta y descarga.** Comprueba que se lee de un vistazo. ### Tu checklist - Pedí la estructura a ChatGPT - Elegí una plantilla en Canva/Gamma - Pegué y ajusté el contenido - Se entiende de un vistazo ``` Convierte este tema en la estructura de una infografía: un título y 5 bloques, cada ucon subtítulo corto y un dato o frase. Tema: [tu tema]. (o) Hazme un mapa mental: idea central [tema] y sus ramas principales con 2-3 sub-ideas cada una. ``` 📎 **Recurso:** `recursos/prompts.md` · `recursos/documento-ejemplo.md` Tu entregable · 12 min · 70% ## 🎁 Tu pieza visual terminada Deja lista **una** pieza visual: tu **presentación** (con su imagen), o una **infografía/imagen** sobre tu tema. ### Qué debe cumplir - Un **mensaje claro** (se entiende sin que lo expliques) - **Poco texto**, bien jerarquizado - Al menos **una imagen** generada o de apoyo - Guardada/exportada (PDF, PNG o enlace) ### Checklist de entrega - Terminé mi presentación o infografía - Apliqué las reglas visuales (menos es más) - Incluí una imagen generada con IA - La exporté o compartí (enlace/archivo) 📎 **Recurso:** checklist completa en `recursos/ejercicio-guiado.md` Comprueba lo aprendido · 2 preguntas 1️⃣ ¿Cuál es la mejor forma de crear una presentación con IA? ✅ ¡Exacto! Tú controlas el mensaje (guion) y la herramienta lo viste (diseño). 🤔 Lo mejor es separar **contenido** (guion en ChatGPT) y **diseño** (Gamma/Canva). 2️⃣ Sobre las imágenes generadas con IA, ¿qué es correcto? ✅ ¡Eso es! Honestidad y criterio: avisa que son IA y respeta a las personas y las licencias. 🤔 Lo responsable es **avisar** que son IA, **suplantar** personas y **revisar la licencia**. Entre la Sesión 3 y la 4 · elige al menos uno ## 📺 Para preparar la sesión final (vídeo + proyecto) ▶️ ### Aprende de un vídeo con IA Coge un vídeo de YouTube que te interese y prueba a pedirle a la IA un **resumen** (lo veremos a fondo en la Sesión 4). 🎬 ### Curiosea el vídeo con IA Busca **"crear vídeo con IA"** y mira un ejemplo. La próxima sesión haremos ucorto. 🧩 ### Piensa tu proyecto final La Sesión 4 cierra con un **mini-proyecto**. Ve pensando qué tema juntará todo lo aprendido. 📁 ### Reúne tu material Junta tu **documento** (S2) y tu **pieza visual** (hoy): serán la base del proyecto. 📝 **Micro-tarea (5 min) para traer a la Sesión 4** Decide el **tema de tu proyecto final** y trae lo que ya tengas (documento + presentación/infografía). En la Sesión 4 lo rematamos con **vídeo y multimedia**. 📎 **Recurso:** `recursos/tarea-entre-sesiones.md` Resumen y siguiente sesión ## Lo que te llevas hoy 📊 ### Presentaciones Guion en ChatGPT → diseño en Gamma. Menos texto, una idea por slide. 🖼️ ### Imágenes Prompt S·E·C·D, itera, y úsalas con criterio y honestidad. 🧠 ### Infografías ChatGPT ordena el contenido, Canva lo convierte en visual. ⚠️ Errores comunes a evitar: saturar de texto · dejar que la IA invente el mensaje · texto dentro de imágenes con erratas · usar imágenes sin avisar ni revisar licencias. 🌱 Y el mantra del programa: **el humapiensa, la máquina ayuda.** La IA diseña rápido; el mensaje y el criterio son tuyos. ➡️ **Próxima sesión: Vídeo, Multimedia y Proyecto Final** Aprenderás de vídeos con IA, crearás contenido multimedia y montarás tu proyecto final juntándolo todo. Trae tu tema y tu material.