Fondo con imagen
Una imagen que ocupa toda la diapositiva sin ser un objeto que se pueda mover. Da ambiente, pero exige cuidar la lectura del texto que se coloca encima.
Informática Aplicada · M11-19-10 · Unidad 2
En la clase anterior armaste diapositivas con títulos, fondos, cuadros de texto e imágenes. Hoy sumás las herramientas que permiten mostrar ideas en lugar de contarlas: un fondo con imagen, cuadros con transparencia, flechas de bloque, gráficos SmartArt y tablas.
Introducción teórica
Es cualquier recurso visual que organiza una idea para que se entienda de un vistazo: un esquema, un diagrama, una tabla o una imagen bien usada. Una diapositiva con tres párrafos obliga al público a leer; una diapositiva con un diagrama le permite ver cómo se relacionan las ideas mientras vos las explicás.
Una imagen que ocupa toda la diapositiva sin ser un objeto que se pueda mover. Da ambiente, pero exige cuidar la lectura del texto que se coloca encima.
Conectan conceptos entre sí: de un concepto central salen sus variantes, o un paso lleva al siguiente.
Diagramas ya diseñados (ciclos, procesos, jerarquías) donde solo escribís el texto. El programa acomoda formas, tamaños y colores.
Ordenan información en filas y columnas. Sirven cuando hay categorías que se comparan o datos que se agrupan.
Dejan ver un poco del fondo a través de un cuadro de texto. Resuelven el problema de leer letra sobre una imagen.
Insertarlas en el lugar correcto, o duplicar una que ya tiene el diseño que querés repetir, ahorra mucho trabajo.
En la Unidad 1 viste que un gráfico de Excel resume una tabla de números. Acá aplicás la misma idea a las ideas y a los textos: un diagrama resume una explicación.
Antes de empezar
La clase tiene seis metas de aprendizaje. Esta tabla las relaciona con los temas de la parte teórica. Al final de la página está la actividad práctica.
| Meta | Qué vas a hacer | Detalle |
|---|---|---|
| 1 | Configurar el fondo de una diapositiva con una imagen | Ver el tema → |
| 2 | Aplicar fondos a los cuadros de texto | Ver el tema → |
| 3 | Aplicar transparencias a los rellenos | Ver el tema → |
| 4 | Trabajar con gráficos SmartArt | Ver el tema → |
| 5 | Insertar tablas | Ver el tema → |
| 6 | Insertar y duplicar diapositivas | Ver el tema → |
Teoría 1 · Meta 1
El fondo es la capa que está más atrás en una diapositiva: todo lo demás (títulos, cuadros de texto, imágenes, formas) se apoya sobre él. Se configura desde el panel Formato de fondo, al que se llega con clic derecho en una zona vacía de la diapositiva, o desde la ficha Diseño → Formato del fondo.
| Tipo de relleno | Qué hace | Cuándo conviene |
|---|---|---|
| Relleno sólido | Pinta todo el fondo de un solo color | Cuando importa la máxima legibilidad del texto |
| Relleno degradado | Funde dos o más colores. Se puede elegir el tipo (lineal, radial, rectangular), la dirección y los marcadores de color | Portadas y diapositivas de cierre |
| Relleno con imagen o textura | Usa como fondo una imagen (de un archivo, del portapapeles o en línea) o una textura predefinida | Para dar ambiente o contexto visual al tema |
| Relleno de trama | Repite un patrón de dos colores | Rara vez: suele recargar la diapositiva |
Una imagen insertada con Insertar → Imágenes es un objeto: se mueve, se achica y se puede tapar con otros. Una imagen puesta como fondo pertenece a la diapositiva y ocupa todo el espacio, sin poder moverla por error.
El fondo se aplica solo a la diapositiva en la que estás. El botón Aplicar a todo lo copia a toda la presentación y Restablecer fondo vuelve al original.
Una de buena resolución, con proporciones parecidas a las de la
diapositiva (así no se deforma al estirarse), sin elementos que
compitan con el texto. Los formatos habituales son
.jpg y .png.
Dónde está la imagen
El menú contextual cambia
El clic derecho muestra las opciones del objeto sobre el que cae. Si hacés clic derecho sobre un título o una imagen vas a ver las opciones de ese objeto; sobre el espacio vacío aparece Formato de fondo.
Una imagen de fondo da ambiente, pero el texto que va encima compite con ella. Si la imagen es oscura y la letra también, no se lee. La solución es la que se explica a continuación: darle un relleno al cuadro de texto.
Teoría 2 · Metas 2 y 3
Todo objeto con forma (un cuadro de texto, una flecha, un WordArt) tiene dos propiedades visuales: el relleno, que es el color del interior, y el contorno o línea, que es el borde. Se cambian con clic derecho sobre el borde del objeto → Formato de forma, o desde la ficha Formato de forma, con los botones Relleno de forma y Contorno de forma.
| Sección del panel Formato de forma | Qué permite configurar |
|---|---|
| Relleno | Sin relleno, relleno sólido, degradado, imagen o textura, trama. Con Transparencia para ver lo que hay detrás |
| Línea | Sin línea, línea sólida o degradada; color, ancho y tipo de guion |
| Efectos | Sombra, reflejo, iluminado, bordes suavizados |
| Tamaño y propiedades | Alto, ancho, giro y alineación del texto dentro del objeto |
La transparencia indica cuánto del fondo se deja ver a través del relleno. Se expresa en porcentaje: con 0 % el color es totalmente opaco y con 100 % desaparece. Un valor intermedio produce el efecto de un vidrio coloreado.
El mismo celeste con cuatro transparencias distintas, sobre un fondo oscuro y claro a la vez.
| Transparencia | Cómo se ve el cuadro | Cuándo conviene |
|---|---|---|
| 0 % | Color sólido, tapa totalmente lo que hay detrás | Máxima legibilidad; es lo que se obtiene al elegir solo un relleno |
| 12 % – 21 % | Tapa casi todo, pero deja ver la imagen como una sombra | Los valores que pide la consigna: se lee bien y hay efecto |
| 50 % | Se ve la imagen con claridad a través del color | Cuando el texto es grande o muy oscuro |
| 100 % | El relleno desaparece por completo | Casi nunca: es lo mismo que no tener relleno |
Cómo se aplica
Para tener en cuenta
Teoría 3 · Representaciones con formas
Las formas son figuras prediseñadas que se insertan desde Insertar → Formas. Se dibujan arrastrando con el mouse sobre la diapositiva y admiten texto adentro. Las flechas de bloque son las que más se usan para vincular conceptos: muestran de dónde se parte y hacia dónde se va.
| Categoría de formas | Qué contiene | Uso típico |
|---|---|---|
| Líneas | Líneas rectas, curvas y conectores | Unir dos elementos |
| Rectángulos y formas básicas | Rectángulos, óvalos, triángulos, cruces, marcos | Resaltar un texto o agrupar ideas |
| Flechas de bloque | Flechas gruesas en distintas direcciones | Indicar relación, dirección o secuencia |
| Diagrama de flujo | Símbolos de proceso, decisión, inicio y fin | Describir un procedimiento paso a paso |
| Estrellas y cintas | Estrellas, explosiones, cintas | Destacar una novedad o un dato |
| Llamadas | Globos y cuadros con una punta | Señalar algo, como un comentario |
| Botones de acción | Botones con íconos (inicio, atrás, siguiente) | Navegación interactiva, que se verá en una clase posterior |
Para mover un objeto agarralo del borde, sin tocar los círculos. Los círculos (nodos) sirven para el tamaño: los de las esquinas conservan la proporción y los del medio de cada lado deforman.
Al seleccionar una forma aparece arriba un círculo con una flecha curva. Arrastrándolo, el objeto rota libremente. Así una misma flecha apunta hacia arriba, hacia el costado o hacia abajo.
Si necesitás tres flechas iguales, dibujá una, copiala y pegala. Ctrl + C copia, Ctrl + V pega y Ctrl + D duplica. Así todas tienen el mismo tamaño y color.
Organizar los objetos
Seleccionar varios a la vez
Con pocas relaciones (un concepto que se abre en tres variantes) las flechas de bloque alcanzan y dan libertad para ubicar cada elemento. Si hay muchos elementos o querés que se acomoden solos, es más práctico un gráfico SmartArt.
Teoría 4 · Meta 4
Un SmartArt es un diagrama prediseñado en el que vos solo escribís el texto: el programa acomoda las formas, ajusta su tamaño y las conecta. Sirve para representar visualmente procesos, ciclos, jerarquías o relaciones. Se inserta desde Insertar → Ilustraciones → SmartArt.
Es una lista que se abre al costado del gráfico (con la flecha del borde). Cada renglón es una forma. Con Enter se agrega una forma nueva y con Tab el renglón pasa a un nivel inferior.
Son los bloques del diagrama. Se puede escribir directamente adentro, seleccionarlas de a una y borrarlas con Suprimir. Al agregar o quitar, todas se reacomodan.
Es el recuadro exterior que contiene todo. Se mueve y se redimensiona como cualquier objeto. El diagrama se ajusta al tamaño que le des.
Al seleccionar el gráfico aparecen dos fichas especiales en la cinta de opciones.
| Ficha | Botón | Qué hace |
|---|---|---|
| Diseño de SmartArt | Agregar forma | Suma una forma al diagrama |
| Panel de texto | Muestra u oculta la lista de textos | |
| Cambiar diseño | Pasa a otro modelo sin perder el texto | |
| Cambiar colores | Aplica una gama de colores a todo el gráfico | |
| Estilos de SmartArt | Aplica un aspecto: sencillo, con sombra o tridimensional | |
| Formato | Relleno, contorno y efectos | Da formato a una forma individual o al texto (por ejemplo, WordArt) |
Ventajas
Límites
Para elegir bien
Hoy vas a usar uno solo, el de Ciclo, pero al insertar un SmartArt aparecen varias categorías. Todas se trabajan igual: elegís un modelo, escribís el texto y ajustás formas y colores. Lo que cambia es qué tipo de idea muestra mejor cada una.
| Categoría | Para qué sirve | Ejemplo de uso |
|---|---|---|
| Lista | Mostrar información sin un orden fijo | Los servicios de una institución |
| Proceso | Mostrar los pasos de una secuencia, uno tras otro | Pasos de un procedimiento clínico |
| Ciclo | Mostrar un proceso que se repite o conceptos conectados entre sí | Los gestos parásitos de la clase; el ciclo del sueño |
| Jerarquía | Mostrar niveles: quién depende de quién | Un organigrama |
| Relación | Conectar elementos y mostrar cómo se vinculan | Causas y consecuencias |
| Matriz | Mostrar cómo las partes se relacionan con un todo | Cuatro cuadrantes de una matriz de decisión |
| Pirámide | Mostrar relaciones proporcionales o de base y cima | Niveles de atención en salud |
| Imagen | Combinar fotos con texto en un mismo diagrama | Un equipo de trabajo con sus integrantes |
El video muestra que en Ciclo hay un ciclo básico, uno de texto en bloque y el ciclo sin dirección que se usa hoy. Si el que elegiste no te convence, podés cambiarlo sin perder el texto desde la ficha Diseño de SmartArt.
Teoría 5 · Meta 5
Una tabla organiza información en filas (horizontales) y columnas (verticales). Es el recurso adecuado cuando los datos se clasifican en categorías y se quiere que se puedan comparar de un vistazo. Ya conocés la idea por Excel y por Word.
| Término | Qué significa |
|---|---|
| Fila | Cada línea horizontal de celdas |
| Columna | Cada línea vertical de celdas |
| Celda | La intersección de una fila y una columna: es donde se escribe |
| Encabezado | La primera fila (o columna), que nombra lo que contiene cada parte. Siempre cuenta como una fila |
| Celdas combinadas | Varias celdas unidas en una sola, que ocupa el espacio de todas |
| Estilo de tabla | Un conjunto de colores, bordes y sombreados ya armados |
Todas están en Insertar → Tabla.
| Opción | Cómo funciona | Cuándo conviene |
|---|---|---|
| Grilla de cuadritos | Se desliza el mouse y se marca la cantidad de columnas y filas. Llega hasta 10 columnas y 8 filas | Tablas chicas |
| Insertar tabla… | Abre una ventana donde se escribe el número exacto de columnas y de filas | Tablas más grandes, como la de la actividad (14 filas) |
| Dibujar tabla | El cursor se vuelve un lápiz y se dibujan los bordes a mano | Estructuras irregulares |
| Hoja de cálculo de Excel | Inserta una hoja de Excel dentro de la diapositiva, con fórmulas | Cuando hay que calcular |
Al seleccionar la tabla aparecen dos fichas: Diseño de tabla y Disposición.
Ficha Diseño de tabla
Se llega también con doble clic sobre la tabla.
Ficha Disposición
Con Tab en la última celda se agrega una fila nueva.
Para saber cuántas filas insertar, contá todas las que tiene la tabla final, incluida la del encabezado y considerando las celdas combinadas como si estuvieran separadas.
Cuando un mismo título abarca varias filas o columnas: por ejemplo, un encabezado que cubre toda la tabla, o una categoría que agrupa varios ítems.
Si lo que querés mostrar es una secuencia, un ciclo o una jerarquía, un SmartArt lo representa mejor. La tabla es para clasificar y comparar.
Si los datos ya están en una planilla, no hace falta escribirlos de nuevo: podés copiar el rango de celdas en Excel y pegarlo en la diapositiva. Después ajustás el tamaño y el estilo.
Teoría 6 · Meta 6
Una presentación crece y cambia: se agregan diapositivas, se repiten diseños y se reordenan. Estas acciones se hacen casi siempre desde el panel de miniaturas de la izquierda, donde cada diapositiva aparece como un dibujito numerado.
| Acción | Cómo se hace | Para qué sirve |
|---|---|---|
| Insertar una diapositiva nueva | Inicio → Nueva diapositiva (elegís el diseño), o Ctrl + M | Agregar contenido a la presentación |
| Cambiar el diseño | Inicio → Diseño | Cambiar los cuadros de una diapositiva ya creada |
| Duplicar | Clic derecho en la miniatura → Duplicar diapositiva, o Ctrl + D con la miniatura seleccionada | Reutilizar un diseño, título y formato ya armados |
| Eliminar | Seleccionar la miniatura y presionar Suprimir | Sacar una diapositiva que no hace falta |
| Reordenar | Arrastrar la miniatura a su nuevo lugar | Cambiar la secuencia de la presentación |
| Ver todas juntas | Vista Clasificador de diapositivas, desde la barra de estado | Ordenar con una vista general |
La diapositiva nueva aparece a continuación de la que tenés seleccionada en el panel. Si querés insertarla en un lugar intermedio (por ejemplo, antes de la última), primero hacé clic en la que va a quedar antes.
Cuando dos diapositivas se parecen mucho, duplicá una y cambiá solo lo distinto. Se mantienen el título, los colores y el formato, y queda una presentación coherente.
Para cuando algo no sale como esperabas
Casi todos se resuelven sabiendo qué objeto está seleccionado en ese momento.
| Lo que pasa | Por qué ocurre | Cómo evitarlo |
|---|---|---|
| El texto no se lee sobre la imagen de fondo | La letra oscura compite con una imagen oscura | Dar relleno de color al cuadro de texto, con una transparencia moderada |
| La transparencia no aparece o no tiene efecto | El cuadro no tiene relleno, o tiene relleno degradado y no sólido | Elegir primero Relleno sólido y recién después mover la transparencia |
| La imagen de fondo se ve en todas las diapositivas | Se presionó Aplicar a todo en Formato de fondo | No usar ese botón; si ya se usó, deshacer con Ctrl + Z |
| Las tres flechas tienen tamaños y colores distintos | Se insertó una forma nueva cada vez | Copiar y pegar la primera, y solo girar las copias |
| Al borrar los objetos de la diapositiva duplicada se borra también el título | El recuadro de selección lo incluyó | Dibujar el recuadro solo alrededor de lo que se va a borrar, o sacar el título con Mayús + clic |
| El SmartArt tiene más (o menos) formas de las que pide la consigna | Cada modelo nace con una cantidad fija | Agregar con Enter en el panel de texto o quitar con Suprimir |
| La tabla tiene filas de más o de menos | No se contó la fila del encabezado, o se contaron las celdas ya combinadas | Contar siempre las filas antes de combinar celdas |
| La diapositiva nueva quedó en el lugar equivocado | Se inserta a continuación de la que estaba seleccionada | Seleccionar la anterior antes de insertar, o arrastrarla después |
Antes de armar tu trabajo
Tener más herramientas no significa usarlas todas. Estas pautas te ayudan a decidir cuál va en cada diapositiva.
| Si querés mostrar… | Usá | Cuidá |
|---|---|---|
| Un concepto que se abre en variantes | Flechas de bloque | Que las flechas tengan igual tamaño y color |
| Ideas conectadas entre sí, sin un principio ni un final | SmartArt de ciclo | No pasar de 5 o 6 formas, y que cada texto sea corto |
| Pasos en orden o una jerarquía | SmartArt de proceso o de jerarquía | Que el sentido de lectura sea evidente |
| Datos que se comparan por categorías | Tabla | Pocas filas y columnas, con letra legible |
| Ambiente o contexto visual | Fondo con imagen | Que el texto se lea: relleno de color y transparencia |
Un diagrama o una tabla alcanza. Si en una diapositiva sumás flechas, SmartArt, tabla e imagen, ninguno se entiende.
Las formas y celdas son chicas. Usá frases breves y dejá el detalle para lo que decís en voz alta.
Los tres SmartArt de esta clase comparten título, subtítulo y tipo de gráfico: la presentación se ve coherente aunque cambien los colores.
Contraste entre letra y fondo, pocos colores y poco texto siguen valiendo. Las recomendaciones de diseño de la clase anterior se aplican igual a estas herramientas nuevas.
Material multimedia requerido
Es el video explicativo de la clase (Power Clase 2). La recomendación de la materia es verlo dos veces: la primera para familiarizarte con los contenidos y la segunda con PowerPoint abierto, repitiendo cada paso. Si te queda alguna duda, podés consultar en el Foro: Dudas y Consultas · Unidad 2.
Actividad · Consigna
Esta es la actividad que acompaña al video. Acá está la consigna completa y cómo tiene que quedar cada diapositiva. El desarrollo paso a paso de cada una está más abajo.
Consigna de trabajo
Son esquemas de referencia, no las imágenes originales: sirven para comparar tu resultado con lo que pide la consigna.
Consignas 2 a 4 · Diapositiva 10
Consigna 5 · Diapositiva 11
Consigna 6 · Diapositiva 12
Consigna 8 · Diapositiva 13
Consigna 8 · Diapositiva 14
La tabla que tenés que insertar, con celdas combinadas:
| ESTRUCTURA DE LA EXPOSICIÓN ORAL | ||
|---|---|---|
| INTRODUCCIÓN | OBJETIVOS | Despertar el interés del auditorio. |
| Captar su atención. | ||
| PROCEDIMIENTOS | Plantear una pregunta. | |
| Provocar suspense. | ||
| Personalizar el tema, señalando cómo éste afecta a los intereses del público que escucha. | ||
| EXPOSICIÓN | OBJETIVOS | Concretar el objetivo de la exposición: qué se pretende. |
| Evitar la distracción de los oyentes. | ||
| PROCEDIMIENTOS | Seleccionar las ideas que resulten más interesantes para explicar el tema. | |
| Utilizar medios audiovisuales. | ||
| Usar ejemplos, anécdotas, etc. que despierten la atención del auditorio. | ||
| Reorientar al auditorio, insistiendo periódicamente en las principales ideas de la exposición. | ||
| CONCLUSIÓN | OBJETIVO | Fijar en pocas palabras aquello que se ha tratado. |
| PROCEDIMIENTO | Encadenar de forma lógica las ideas fundamentales, concretándolas y matizándolas con claridad y sencillez. | |
Así queda la tabla terminada. Las celdas de las dos primeras columnas son celdas combinadas: ocupan varias filas a la vez.
Abrí la presentación PresentaciondeComunicacion
que guardaste en la clase 9. Si no la tenés, creá una nueva:
lo que se practica son las herramientas.
La consigna usa el archivo comunicación.jpg, que
está en los materiales de la clase. Si no lo tenés, sirve
cualquier foto de personas o de una oficina.
Usá Ctrl + G después de cada diapositiva terminada. Así nunca perdés más de unos minutos de trabajo.
| Diapositiva | Diseño de partida | Herramienta nueva |
|---|---|---|
| 10 · El vestir y el aspecto | Dos objetos | Fondo con imagen, relleno de cuadros y transparencia |
| 11 · El lenguaje corporal | Solo el título | Flechas de bloque, copiar y girar objetos |
| 12 · Gestos de pie | Duplicar la 11 | Duplicar diapositiva y gráfico SmartArt de ciclo |
| 13 · Gestos sentado | Duplicar la 12 | Insertar diapositivas entre otras y modificar un SmartArt |
| 14 · Gestos en ambos casos | Duplicar la 13 | Colores y estilo 3D de un SmartArt |
| 15 · Estructura de la exposición oral | En blanco | Tabla con celdas combinadas |
El PDF primero pide la tabla como "la próxima diapositiva" y después pide insertar dos diapositivas antes de la última. Por eso la tabla termina siendo la 15. En esta guía están ordenadas como quedan al final, y en el paso de la diapositiva 13 se explica cómo intercalarlas.
Actividad · Desarrollo
Cada bloque indica a qué consigna corresponde y qué hacer, en orden. Si no recordás una herramienta, volvé a la parte de teoría correspondiente.
Consignas 2, 3 y 4 · Diapositiva 10
comunicación.jpg y aceptá. Queda ocupando toda la diapositiva.Consigna 5 · Diapositiva 11
Consigna 6 · Diapositiva 12
Parte 1 · Reutilizar el diseño
Parte 2 · El gráfico SmartArt
En el video el subtítulo se pone en gris para que no compita con el naranja del título, y en el PDF los subtítulos aparecen en naranja. Lo importante es que contraste con el fondo y que mantengas el mismo criterio en las tres diapositivas de SmartArt.
Consigna 8 · Diapositivas 13 y 14
No hace falta rehacer nada: en el panel de la izquierda arrastrá la miniatura de la diapositiva hasta la posición correcta. También podés cambiar a la vista Clasificador de diapositivas (barra de estado) para ver todas juntas y ordenarlas.
Consigna 7 · Diapositiva 15
| Celdas a combinar | Cuántas | Texto que va |
|---|---|---|
| Encabezado (fila 1) | 3 celdas de la misma fila | ESTRUCTURA DE LA EXPOSICIÓN ORAL |
| Columna 1, filas 2 a 6 | 5 celdas | INTRODUCCIÓN |
| Columna 1, filas 7 a 12 | 6 celdas | EXPOSICIÓN |
| Columna 1, filas 13 y 14 | 2 celdas | CONCLUSIÓN |
| Columna 2: Introducción | 2 celdas (objetivos) y 3 celdas (procedimientos) | OBJETIVOS / PROCEDIMIENTOS |
| Columna 2: Exposición | 2 celdas (objetivos) y 4 celdas (procedimientos) | OBJETIVOS / PROCEDIMIENTOS |
En el video se la presenta como una de las más complejas. Una forma ordenada de resolverla es escribir primero los textos de la tercera columna, después combinar las celdas de la primera y de la segunda, y recién al final ajustar el ancho y el estilo. Las tablas de tu trabajo práctico serán bastante más simples.
Trabajo práctico sugerido
Para practicar lo visto, la clase propone un trabajo práctico de carácter sugerido (no obligatorio, pero muy útil para preparar las evaluaciones parciales). Elegí uno de estos temas:
Qué tiene que contener
Una propuesta de estructura
¿Llegaste a las 10 diapositivas? ¿Hay un fondo con imagen y el texto se lee encima? ¿Usaste al menos una transparencia? ¿El SmartArt y la tabla tienen texto corto y legible? ¿Todo está guardado con un nombre que recuerdes?
Cierre de la clase
La clase se cierra con una revisión de todo lo visto. En el Foro de la Unidad compartí qué herramientas de representación gráfica considerás útiles y relevantes para tu tarea.
¿Qué información de tu trabajo se entendería mejor como diagrama o como tabla?
Fondo con imagen, flechas, SmartArt, tabla o transparencias: contá cuál usarías y para qué.
Un ejemplo concreto ("para mostrar el circuito de un paciente, un SmartArt de proceso") es más útil que una lista.
Qué te tenés que llevar de esta clase
Los trabajos que hagas durante el estudio son insumos muy valiosos y de preparación para las evaluaciones parciales. Guardá tus notas, apuntes y gráficos: te van a servir.