/start-1-3.es

description: "Lesson command"
chapter: "courses/aiagent/lesson03-core/module01-banner"
prerequisites: ["start-1-1"]
duration: "~30 min"
level: "beginner"
tags: ["image", "nanobanana", "gemini", "editing"]
nonInteractiveMode: deferred

🎓 Lesson 1-3: Edición de imágenes con nanobanana

📍 Lo que hará en está sesion

Bienvenido a **Lesson 1-3: Edición de imágenes con nanobanana**

| Elemento | Detalles | |----------|----------| | Objetivo | Generar imágenes a partir de texto y editar imágenes existentes usando el Skill nanobanana | | Duración | ~30 min | | Skills utilizados | nanobanana (Gemini Image Generation API) | | Requisitos previos | Lesson 1-1 completada, clave de Gemini API configurada | | Página del curso | Consulte [Module 1: Generación de banners e imágenes](https://ai-agent.camp/es/course/module-1) en paralelo |

**Flujo de la sesion:** 1. Generar imágenes a partir de texto 2. Generar imágenes de escenas específicas 3. Editar imágenes existentes (opcional)

Al finalizar está sesion, las imágenes generadas y editadas estarán guardadas en outputs.

> **💡 Consejo**: Si la respuesta de la IA se detiene a mitad de camino, escriba "por favor continua" o "se detuvo" para reanudar. Este es un comportamiento de Cursor, no un error.

---

🎯 Verificación de preparación

Verifiquemos que todo está listo.

**Configuración de AskQuestion:**

{
  "title": "🎯 Verificacion previa a la sesion",
  "questions": [{
    "id": "readiness",
    "prompt": "¿Está listo?",
    "options": [
      {"id": "ready", "label": "¡Listo! Comencemos"},
      {"id": "check_prereq", "label": "Verificar requisitos previos"},
      {"id": "view_html", "label": "Ver primero la pagina del curso"},
      {"id": "different_lesson", "label": "Ir a otra leccion"}
    ]
  }]
}

(ready → Ir al Step 1) (check_prereq → Ejecutar verificación de requisitos previos) (view_html → Mostrar ruta de la página del curso) (different_lesson → Mostrar lista de modulos)

---

🚀 Step 1: Generar imágenes a partir de texto

Use AskUserQuestion (AskQuestion) para elegir "Continuar / Solo revisar ejemplos / Omitir."

**Ejemplo de configuración de AskQuestion:**

{
  "title": "🚀 Step 1: Generar imagenes a partir de texto",
  "questions": [{
    "id": "step_action",
    "prompt": "¿Qué desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo revisar ejemplos"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Después de la selección (ejemplo)**: Entrada:

Use nanobanana para generar la siguiente imagen:
- Estilo: Diseno plano
- Tema: Trabajo en equipo
- Proposito: Presentacion de negocios
Salida: ~/ai-agent-camp/output/nanobanana-teamwork.png

**Resultado esperado**: Se genera una imagen de diseño plano con el tema de trabajo en equipo.

---

🚀 Step 2: Generar imágenes de escenas específicas

Use AskUserQuestion (AskQuestion) para elegir "Continuar / Solo revisar ejemplos / Omitir."

**Ejemplo de configuración de AskQuestion:**

{
  "title": "🚀 Step 2: Generar imagenes de escenas especificas",
  "questions": [{
    "id": "step_action",
    "prompt": "¿Qué desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo revisar ejemplos"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Después de la selección (ejemplo)**: Entrada:

Genere una imagen de "escena de oficina moderna" con nanobanana.
Condiciones:
- Diseno plano, minimalista
- Tonos de colores brillantes
- Incluir un escritorio, plantas de interior y ventanas
Salida: ~/ai-agent-camp/output/nanobanana-office.png

**Resultado esperado**: Se genera una imagen de oficina que cumple con las condiciones especificadas.

---

🚀 Step 3: Editar imágenes existentes

Use AskUserQuestion (AskQuestion) para elegir "Continuar / Solo revisar ejemplos / Omitir."

**Ejemplo de configuración de AskQuestion:**

{
  "title": "🚀 Step 3: Editar imagenes existentes",
  "questions": [{
    "id": "step_action",
    "prompt": "¿Qué desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo revisar ejemplos"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Después de la selección (ejemplo)**: Entrada:

Edite la imagen de oficina generada anteriormente (nanobanana-office.png):
- Cambie el fondo a un cielo de atardecer
- Agregue efectos de iluminacion calida
Salida: ~/ai-agent-camp/output/nanobanana-office-sunset.png

**Resultado esperado**: Se genera una imagen basada en la original con el fondo cambiado a un cielo de atardecer.

---

🚀 Step 4: Generar imágenes estilo logo e iconos

Cree imágenes listas para uso empresarial usando los siguientes prompts:

Use AskUserQuestion (AskQuestion) para elegir "Continuar / Solo revisar ejemplos / Omitir."

**Ejemplo de configuración de AskQuestion:**

{
  "title": "🚀 Step 4: Generar imagenes estilo logo e iconos",
  "questions": [{
    "id": "step_action",
    "prompt": "¿Qué desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo revisar ejemplos"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Después de la selección (ejemplo)**: Entrada:

Genere las siguientes 2 imagenes con nanobanana:

1. Imagen estilo logo de una cafeteria
   - Simple, diseno plano
   - Silueta de taza de cafe
   - Salida: ~/ai-agent-camp/output/logo-coffee.png

2. Icono que represente un agente de IA
   - Sensacion tecnologica, futurista
   - Colores base azul y blanco
   - Salida: ~/ai-agent-camp/output/icon-ai.png

**Resultado esperado**: Se generan una imagen estilo logo y un icono.

---

🚀 Step 5: Comparar diferentes estilos

Use AskUserQuestion (AskQuestion) para elegir "Continuar / Solo revisar ejemplos / Omitir."

**Ejemplo de configuración de AskQuest