Saltar a contenido

S10 · Imágenes, formas y SmartArt

Datos de la sesión

Fecha: jueves 20-ago-2026 · Horario: 20:00 – 22:00 · Duración: 2 h · Sesión: 10 de 47 · Unidad: 2

Hasta aquí el documento era texto. Hoy le metemos elementos visuales sin que se descoloque todo: insertar imágenes y controlar cómo el texto las rodea (el famoso "se me mueve sola"), formas y conectores, y SmartArt para organigramas y diagramas que se dibujan solos. Lo vemos en Word, LibreOffice Writer y Google Docs.

SmartArt automático: solo Word (y WPS/ONLYOFFICE)

El SmartArt que arma un organigrama con un clic existe en Word, en WPS (ahí se llama WPSArt) y en ONLYOFFICE. LibreOffice Writer NO lo tiene de forma nativa (solo abre los que ya vienen en un .docx, y de forma experimental) y Google Docs tampoco. En esos dos, los diagramas se hacen a mano con formas y conectores (LibreOffice: barra de dibujo o LibreOffice Draw; Google Docs: Insertar → Dibujo).

Objetivos

  • Insertar y ajustar imágenes, dominando el ajuste de texto (en línea, cuadrado, detrás del texto).
  • Usar formas y conectores para diagramas simples.
  • Crear un organigrama con SmartArt (o su equivalente) según el editor.
  • Comprimir imágenes y añadir texto alternativo (peso del archivo y accesibilidad).

Contenidos

1. Cómo se hace en cada aplicación

Quiero… Word (español) LibreOffice Writer Google Docs
Insertar imagen Insertar → Imágenes Insertar → Imagen Insertar → Imagen
Ajuste de texto (cómo la rodea el texto) Clic en la imagen → Formato de imagen → Ajustar texto (o el icono ⌐ flotante) Clic derecho → Ajuste (En línea, Paralelo, Continuo, Detrás) Clic en la imagen → barra: En línea / Ajustar texto / Salto de texto / Detrás / Delante
Insertar forma Insertar → Formas Barra de herramientas Dibujo (Ver → Barras → Dibujo) Insertar → Dibujo → Nuevo
Conectores (unir cajas) Insertar → Formas → Líneas/Conectores Barra Dibujo → Conectores Dentro de Insertar → Dibujo
SmartArt / diagrama automático Insertar → SmartArt ❌ No nativo (usa formas o LibreOffice Draw) ❌ No nativo (usa Insertar → Dibujo)
Comprimir imágenes Formato de imagen → Comprimir imágenes Clic derecho → Comprimir… ❌ No disponible (comprime al exportar a PDF)
Texto alternativo Clic derecho → Ver texto alternativo Clic derecho → Descripción… Clic derecho → Texto alternativo (Ctrl+Alt+Y)

2. El ajuste de texto: por qué "se mueve sola"

El 90 % de los problemas con imágenes en Word vienen de aquí. Una imagen puede estar:

  • En línea con el texto — se comporta como una letra gigante: si escribes antes, se corre. Es el modo por defecto y el que más desconcierta.
  • Cuadrado / Estrecho — el texto la rodea; la imagen "flota" y la anclas donde quieras.
  • Detrás / Delante del texto — para marcas de agua o fondos.

Ancla la imagen a un párrafo fijo

En Word, cuando la imagen flota, aparece un ancla (⚓) que la ata a un párrafo. Si borras ese párrafo, la imagen se va con él. Para un documento estable: ajuste Cuadrado + ancla al párrafo correcto, y activa Bloquear ancla en Ver más opciones de diseño → Posición.

3. SmartArt y organigramas

Un organigrama (jerarquía de cajas: jefatura → áreas → puestos) es el caso estrella del SmartArt.

  • Word / WPS / ONLYOFFICE: eliges un diseño de Jerarquía, escribes en el panel de texto y las cajas se acomodan solas. Cambiar de nivel = Tab / Shift+Tab en el panel.
  • LibreOffice / Google Docs: no hay diagrama automático. Se hace con formas rectangulares + conectores; en LibreOffice conviene la barra de Dibujo o Draw, y en Google Docs el editor de Dibujo.

4. Organizar, girar y dar formato a las formas

Cuando hay varias formas e imágenes juntas, lo que separa un diagrama prolijo de un amontonamiento es cómo se organizan: cuál va delante, si están alineadas y distribuidas parejas, y su giro y color. En Word casi todo vive en la pestaña Formato de forma (o Formato de imagen), grupo Organizar.

Quiero… Word (español) LibreOffice Writer Google Docs
Orden / capas (qué tapa a qué) Formato de forma → Traer adelante / Enviar atrás (al frente / al fondo) Clic derecho → Organizar → Traer al frente / Enviar al fondo Formas: en el editor de Dibujo. Imágenes: clic derecho → Ordenar
Alinear y distribuir Organizar → Alinear (izq./centro/der.; distribuir) Formato → Alinear · distribuir en Draw Dentro del editor de Dibujo → Acciones → Alinear/Distribuir
Girar / voltear Organizar → Girar (90°, voltear H/V) o el tirador de giro ↻ Clic derecho → Posición y tamaño (F4) → Rotación · Voltear en Formato Imagen: Opciones de imagen → Tamaño y rotación; formas: en el editor de Dibujo
Relleno Relleno de forma (color, degradado, Imagen…) Clic derecho → Área En el editor de Dibujo → Color de relleno
Borde / contorno Contorno de forma → color, Grosor, Guiones Clic derecho → Línea (color, anchura, estilo) Editor de Dibujo → Color de línea / Grosor / Guion

El orden de capas resuelve el 'no puedo seleccionar la de atrás'

Si una forma queda tapada y no la puedes clicar, mándala atrás la de encima, o usa Tab para ir saltando entre objetos. Para poner una forma detrás del texto (marca de agua, sello), en Word es Ajustar texto → Detrás del texto, no el orden de capas.

Girar y rellenar con precisión

Mantén Shift mientras arrastras el tirador de giro para saltos de 15°. Y el relleno no tiene por qué ser un color: Relleno de forma → Imagen mete una foto dentro de la forma (una foto recortada en círculo, por ejemplo).

Tips avanzados

  • Comprime antes de entregar. Una foto de celular pesa 3–8 MB; cinco de esas hacen un .docx de 30 MB que no entra por correo. Comprimir imágenes las baja a resolución de pantalla/impresión sin que se note.
  • Pega imágenes con Ctrl+Shift+V (pegado especial). Pegar directo desde el navegador a veces incrusta un enlace que se rompe; el pegado especial mete la imagen de verdad.
  • Texto alternativo = accesibilidad + buscabilidad. Describe la imagen en una frase; lo leen los lectores de pantalla y ayuda a que el documento sea accesible (lo formalizamos en la S19).
  • Alinea con las guías. Al mover una forma, Word y LibreOffice muestran líneas guía verdes/azules cuando queda centrada o alineada con otra: suéltala ahí.
  • Agrupa las formas de un diagrama (selecciónalas → clic derecho → Agrupar) para moverlo como un bloque y que no se desarme.
  • Captura de pantalla sin salir de Word: Insertar → Captura de pantalla toma una ventana abierta directamente (útil para manuales; en la S4 vimos ShareX para algo más fino).

Otros procesadores

Quiero… Ruta en WPS Writer
Insertar imagen Insertar → Imágenes
Ajuste de texto Clic en la imagen → Ajustar texto
Diagrama automático Insertar → WPSArt (equivalente a SmartArt)
Comprimir Clic en la imagen → Comprimir imágenes
Quiero… Ruta en ONLYOFFICE
Insertar imagen Insertar → Imagen
Ajuste de texto Ajustes de imagen → pestaña Ajuste de texto
SmartArt Insertar → SmartArt (jerarquías, ciclos, listas)
Texto alternativo Ajustes avanzados → Texto alternativo

Actividad en clase · Organigrama y afiche (40 min)

Hazlo en el editor que uses; la tabla de arriba te da la ruta.

  1. Descarga s10-organigrama.txt: es la estructura de una oficina.
  2. Crea el organigrama con esa jerarquía. En Word/WPS/ONLYOFFICE usa SmartArt (diseño Jerarquía); en LibreOffice/Google Docs hazlo con formas + conectores.
  3. Inserta una imagen (un logo o una foto libre) y ponle ajuste Cuadrado para que el texto la rodee; muévela sin que se descuadre el documento.
  4. Comprime la imagen y añádele texto alternativo.
  5. Agrupa las formas del organigrama y comprueba que se mueve como un bloque.

Atajos útiles

Acción Word (español) LibreOffice Google Docs
Pegado especial Ctrl+Shift+V Ctrl+Shift+V Ctrl+Shift+V
Duplicar objeto seleccionado Ctrl+D Ctrl+Shift+D (o copiar/pegar) Copiar/pegar
Agrupar / Desagrupar Ctrl+G / Ctrl+Shift+G Ctrl+Shift+G / Ctrl+Alt+Shift+G Dentro del editor de Dibujo
Mover en pasos finos Ctrl + flechas Alt + flechas —

Recursos (guías oficiales con capturas)