Animación Transición PowerPoint 2013 Prof. Montiel

7/23/2019 Animación Transición PowerPoint 2013 Prof. Montiel

http://slidepdf.com/reader/full/animacion-transicion-powerpoint-2013-prof-montiel 1/23

INSTITUTO POLITÉCNICO NACIONALCECyT 6 – Academia de Computación

Responsable: Prof. Carlos Montiel Rentería Email: [email protected] 1

Tema Animación

El concepto de “animación” se refiere a la aplicación de dinamismo a laspresentaciones que se elaboran en PowerPoint, en otras palabras darle“movimiento” a los objetos contenidos en una presentación y seguramente nospermitirá crear presentaciones más memorables.

Creación de animaciones

Para empezar elegimos la imagen que queremos poner de fondo con insertar imágenes . También podemos dejar el fondo liso insertando un rectángulo coninsertar Formas y lo rellenamos del color que queramos o silo prefieres puedes dejarlo en blanco.

Nosotros en este caso vamos a realizar una animación de una abeja que aparecevolando, se posa en una flor, recoge el polen y desaparece de la imagen otra vezvolando.

Iniciamos con colocar como fondo la imagen “flores.jpg” y volvemos a realizar lamisma operación, esta vez para insertar la imagen (“abeja.jpg”) a la que vamos aaplicar animación y el resultado sería similar a este.

Como nuestra imagen tiene fondo blanco, vamos a quitarle el fondo y además lahacemos más pequeña.





Ahora vamos a animar nuestra abeja. Para ello con la imagen seleccionadahacemos clic en la pestaña animaciones (1) y después hacemos clic en agregar animación (2). Al lado encontramos el botón que activa la vista del panel de animación (3), que sirve para controlar la línea de tiempo de nuestras animaciones.

Al hacer clic en agregar animación nos aparece un desplegable con todas lasanimaciones de que disponemos, y encontramos cuatro grupos claramente

divididos.





Animaciones de entrada: como su nombre lo indica son las animaciones deinicio de la imagen, sirven para dar formato a la entrada de nuestra imagen animadaen la diapositiva.

Animaciones de énfasis: lo que hacen es captar la atención del espectadoren el objeto durante un instante, sin apenas mover este.

Animaciones de salida: Son aquellas que utilizaremos para hacer

desaparecer la imagen animada de nuestra diapositiva.

Trayectorias de la animación: Nos sirven para crear un movimiento libre denuestras imágenes.

Como ves al final del menú, nos muestra muchos más efectos de cada uno de losgrupos, simplemente haciendo clic en Más ef ec to s d e...





Nosotros para empezar seleccionaremos más trayectorias de la animación.

Vamos a seleccionar “Curvas hacia la derecha”. Si tienes activada la vista previadel efecto, podrás ver, antes de seleccionarlo definitivamente, como quedará elefecto especificado.

Ahora al lado de nuestra imagen nos aparecerá otro rectángulo con la animación, yvamos a darle forma.





Como se ve en la imagen al seleccionar el rectángulo de nuestra animaciónpodemos distinguir 3 cosas.

El 1 es el número de animación que nos servirá para distinguirlo másadelante en el panel de animación del que hemos hablábamos antes.

El triángulo verde indica donde empieza nuestra animación y el rojo dondetermina. Para facilitarnos el trabajo se nos muestra la imagen inicial y la imagenfinal. esto nos hace una idea de donde acabará nuestra abeja.

La línea discontinua que une ambos triángulos es el recorrido que va a hacer

nuestra abeja.

Como nosotros queremos que la abeja aparezca desde fuera del plano de nuestradiapositiva y queremos que termine encima de la flor, vamos a agrandar nuestrorecuadro de animación haciendo clic en los cuadrados de los extremos yarrastrándolo hasta que quede a nuestro gusto. También podemos girar laanimación, utilizando la flecha circular e incluso, voltear arrastrando del extremoinferior hasta sobrepasar el extremo superior.

Pero antes de empezar a probar la animación, sacaremos la imagen de nuestraabeja fuera del cuadro de la diapositiva, ya que de inicio no queremos que aparezca

en él. El resultado sería el siguiente:





Para que nuestra abeja inicie el vuelo directamente al comenzar la presentaciónsolo tenemos que ir al panel de animación, hacemos clic sobre la animación yen Inicio seleccionar Con la anter ior . Esto cambiará el 1 que teníamos antes porun 0 (tal como se observa en la imagen anterior).

Justo debajo, podremos aumentar la duración de nuestra animación, para que elvuelo de nuestra abeja no sea el de un reactor.

Ahora que ya tenemos a nuestra abeja posada en la flor, vamos a hacer unmovimiento para simular que recoge el polen. Para ello, con la imagen de la abeja





seleccionada, hacemos clic en agregar animación , y esta vez agregaremos laanimación de énfas is tambalear .

Ahora para que nuestra abeja se tambalee mientras recoge el polen, tenemos que

colocar la animación después de la anterior. Para ello el mismo procedimiento queantes, nos dirigimos al panel de animación, hacemos clic sobre la animación, yen Inicio seleccionamos esta vez después d e la an ter io r .





Si hacemos clic con el botón derecho sobre la última animación, nos aparecerá unmenú con varias opciones.

Haciendo clic en Opcion es de efectos ... podremos incluir sonido a nuestraanimación. En este caso vamos a poner un sonido de brisa.





Ahora nuestra abeja aparece volando, se tambalea con sonido succionando elpolen, y ahora solo queda que se marche. Pues lo mismo, agregamos unaanimación y esta vez seleccionamos una trayectoria que haga que nuestra abejase salga del plano como más nos guste, y hemos elegido “Arco hacia abajo”.Seleccionaremos Iniciar después d e la an ter io r y listo.

Solo tienes que tener en cuenta lo siguiente: el triángulo verde del inicio de estaúltima animación, tiene que coincidir aproximadamente con el triángulo rojo donde

finalizaba la primera animación, tal como se muestra enseguida:

Ya para finalizar, agregaremos una melodía a manera de “fondo musical”, elarchivo es “abejorro.mp3”, para ello hacemos clic en cualquier lugar de las flores





(evitando las animaciones) y enseguida hacemos clic en la opción “Audio en miPC…” del menú o ficha “Insertar ”, tal como se muestra enseguida:

Enseguida elige el archivo musical, y deberá aparecer al final de los elementos queaparecen en el Panel de Animación y para terminar solo basta que hagamos clicen el ícono “Reproducir en el fondo” y listo, hemos terminado, el panel deanimación deberá mostrarse como sigue:

A través del botón rectangular “Reproducir a partir de” podremos ver cómo estáactuando la presentación que estamos fabricando hasta este momento, y con estodamos por terminado el presente tema.





Cuestionario. Elige la opción que consideres correcta, asignando la letra quecorresponda:1. Es la aplicación de dinamismo a los elementos de una diapositiva: ( )a) Animaciónb) Transiciónc) Tema

2. Son efectos de movimiento que se ven a medida que avanzas entrediapositiva y diapositiva.

( )

a) Temab) Animaciónc) Transición

3. Herramienta de PowerPoint que permite controlar la línea de tiempo denuestras animaciones:

( )

a) Ventana "Organizar todas"b) Panel de animaciónc) Vista de presentación "Clasificador de diapositivas"

4. Son animaciones de inicio de la imagen, sirven para dar formato a laentrada de nuestra imagen animada:

( )

a) Animación de salidab) Animación de énfasis

c) Animación de entrada

5. Son animaciones que captan la atención del espectador en el objetodurante un instante, sin apenas mover este:

( )

a) Animación de entradab) Animación de énfasisc) Animación de salida

6. Son animaciones que desaparecen la imagen de nuestra diapositiva: ( )a) Animación de salidab) Animación de entrada

c) Animación de énfasis

7. Son animaciones que sirven para crear un movimiento libre de imágenes: ( )a) Animación de entradab) Trayectorias de la animaciónc) Animación de salida

8. La animación "Arco hacia abajo" pertenece al grupo de: ( )





a) Trayectorias de la animaciónb) Animación de énfasisc) Animación de salida

9. Al seleccionar una animación se tiene dos triángulos, el triángulo de color _______ indica el inicio de la animación

( )

a) verdeb) rojoc) amarillo

10. Al seleccionar una animación se tiene dos triángulos, el triángulo decolor _______ indica el término de la animación

( )

a) rojob) verdec) amarillo

11. Al seleccionar una animación se tiene la herramienta ______ ________que permite girar la animación.

( )

a) flecha circularb) cuadros extremosc) línea discontinua

12. Está contenido en el panel de animación: ( )a) Ícono de "Reproducir a partir de"

b) Ícono de "Detener diapositiva"c) Ícono “Efectos de intervalo”

Practica a realizar.

Elabora una presentación en PowerPoint que contenga cuando menos tresdiapositivas, el tema a desarrollar debe ser sobre la “Obesidad Infantil”.

En la primera diapositiva coloca tres imágenes cuando menos y tres palabras

clave cuando menos, tanto imágenes como las palabras deberán serrepresentativas de la introducción al tema.

La segunda diapositiva, también deberá de contener 3 imágenes (cuando menos)y tres palabras clave (cuando menos) tanto imágenes como palabras deberán serrepresentativas de las enfermedades que trae consigo la obesidad.





Y finalmente la tercera diapositiva también con la misma cantidad de imágenes ypalabras (cuando menos) deberán mostrar lo concerniente al tratamiento quepermite eliminar o reducir la obesidad entre los infantes. Recuerda tantoimágenes como texto deberán de tener animación (la que tú creas conveniente),es decir haz de cuenta que tú vas a hacer el expositor de dicha presentación.

Transiciones

Las transiciones son efectos de movimiento que se ven a medida que avanzas entrediapositiva y diapositiva. Se tienen muchas para elegir, cada una de ellas tepermitirá controlar la velocidad e incluso añadir sonido.

Se tienen: Sutil Llamativo Contenido dinámico

A través del siguiente ejercicio te iremos explicando el uso de las famosas“Transiciones de PowerPoint”, e iniciamos:

Paso 1. Accedemos a PowerPoint, y fijamos color negro como fondo a lasdiapositivas, para ello activamos la opción “Patrón de diapositivas” del menú oficha “Vista”. Enseguida colócate en el panel de la izquierda y elimina todas las





vistas finales hasta donde sea posible (sólo selecciona y oprime la tecla “Supr ”, -suprimir- hasta que solo tengamos dos vistas, tal como se muestra abajo:

Haz clic con botón derecho sobre la 1ª. Vista y del menú contextual que aparece

elige la opción “Formato del fondo” y en el ícono “color de relleno” elige el colornegro, tal como se muestra abajo:

Ahora, inserta la forma de“Rectángulo redondeado” y

expándelo en toda la diapositiva ycámbiale el color, a color blanco, talcomo se muestra enseguida:





Paso 2. Insertamos el título y el correo electrónico del diseñador. Recuerda,continuamos en la vista “Patrón de diapositivas” por lo que los elementos queagreguemos serán vistos automáticamente en todas las diapositivas queelaboremos, así que sólo el título y los datos del diseñador insertaremos, comosigue:

El título es un texto de tamaño 48, el tipo de letra es “Century Gothic”, de colorguinda (Rojo: 72, Verde: 14 y Azul: 8), y el texto inferior es igual Century Gothic,tamaño: 16, y color negro.

Paso 3. Añadir dos diapositivas nuevas para mostrar el efecto de las Transiciones,nos trasladamos a la vista “Normal”.





Y entonces añadimos dos diapositivas “Nuevas”, solo haz clic con botón derechodel Mouse encima de la única diapositiva en la vista normal (panel de la izquierda),y elige la opción “Nueva diapositiva”, y lo haces dos veces, tal como se muestraenseguida:

Enseguida, hacemos clic en la 1ª. Diapositiva y asignamos la transición “Cubo” de

la sección “Llamativo” del grupo “Transición a esta diapositiva”, además en elgrupo “Intervalos” elige como sonido “Viento” con duración de 2 segundos, talcomo se observa enseguida:

Y finalmente hacemos clic sobre el texto “Aplica a todo”, es decir que todas lasdiapositivas tengan la misma transición, el mismo sonido y la misma duración.

Ahora simplemente oprime la tecla F5 y listo podremos observar lo que hemosdiseñado.





Paso 3. Añadir imágenes, texto y botones a las diapositivas. A la primeradiapositiva añadimos la imagen “pizarra.gif ” los textos: “Algebra” (tamaño: 80,Century Gothic, color guinda, igual que el título) y “Prof. Carlos Montiel R.”(Tamaño: 18. Century Gothic e igual color que el título) y el botón:“botonSigue.jpg”, colocado en la parte inferior derecha de la diapositiva tal comose muestra enseguida:

Paso 4. Asociar características a los elementos de la 1ª. Diapositiva. A la imagen(pizarra.gif) le asociamos la animación “Girar ” de la sección “Énfasis” que seencuentra en el grupo “Animación” de la ficha Animaciones y elegimos la opción“Con la anterior ” en Inicio del grupo “Intervalos”.

Al botón “botónSigue. jpg” le asignamos un Hipervínculo a la siguiente diapositiva,a través de la opción “Acción” del grupo Vínculos en la sección “Clic del mouse”y en Hipervínculo eligiendo la opción “Diapositiva siguiente”.

Al texto “Algebra” le asociamos la animación “Rebote” del tipo “Entrada” con la

opción “Con la anterior ” y finalmente a texto “Prof. Carlos Montiel R.” le asociamosla animación “Espiral hacia adentro” del tipo “Entrada” con la opción “Con laanterior”.

Para revisar (o navegar) una presentación de PowerPoint podemos hacerlo a travésde diferentes teclas para ir de diapositiva a diapositiva, por ejemplo tenemos: teclasde navegación (,, , ), el Enter , Avanza página (AvPág), Retrocede página(RePág) e incluso el clic del mouse, sin embargo si quisiéramos obligar al usuario





a hacer clic sobre un botón para continuar a la siguiente diapositiva, tendríamos quedeshabilitar todas las teclas mencionadas anteriormente y también el clic del mouse.

Con la opción “Examinadaen exposición (pantallacompleta)” de la ficha“Presentación condiapositivas” habilitada,deshabilitamos todas lasteclas ya mencionadas y paradeshabilitar el clic del mouseempleamos la opción: “Al hacer clic con el mouse” de la ficha Transiciones delgrupo Intervalos, simplemente la deshabilitamos, tal como se muestra enseguida:

Paso 5. Colocar elementos en la 2ª. Diapositiva. Colocaremos una imagen y untexto y dos botones (para retroceder y para avanzar a la siguiente diapositiva), talcomo se muestra abajo:





A la imagen le damos una animación de “Aumentar y girar ” del tipo Entrada conopción de Inicio: “Con la anterior ”, al texto le asociamos la animación de “Aparecer ”del tipo entrada con la opción de Inicio: “Después de la anterior ” así como tambiéncon la opción de Animar texto: “Por palabra” en la “Opción de efectos”, con 0.5segundos de retraso entre palabras.

Enseguida insertamos el sonido “algebra.mp3”, usando la opción de “Audio en MiPC…” de la ficha Insertar mostrándose como sigue:

Como estarás observando, el sonido esta seleccionado y así como se encuentrahaz clic sobre él y arrástralo con el mouse y colócalo debajo del texto “Rectángulo

1: El álgebra (del árabe: ….” Y además habilita la opción señalada (arriba a tuizquierda) Ocultar durante presentación para ocultar el símbolo del sonido,debiendo que dar así:





Y finalmente asignamos hipervínculos a los

botones de retroceder y avanzar mediante laopción de “Acción” de la ficha “Insertar ”, talcomo se observa a la derecha:

Paso 6. Colocar elementos en la 3ª diapositiva.Para ello colocaremos un texto y una imagen y un botón para retroceder a ladiapositiva anterior, tal como se muestra abajo:





Al texto le asociamos la animación “Zoom básico” del tipo Entrada e incorporamosel sonido “risa.mp3” inmediatamente después de la animación del texto, tal comose muestra abajo:

En el grupo Intervalos de la ficha Animaciones, elegir la opción “Con la anterior ”en Inicio, y en “Opciones de efectos” en la ventana Reproducir audio y pestaña“Intervalos” en Repetir , elegir la opción “Hasta el final de la diapositiva” y

finalmente al botón de retroceder le asociamos el Hipervínculo a: Diapositivaanterior, y listo, hemos terminado. El profesor en turno te mostrará la presentaciónya terminada.

Practica a realizar

Te presentamos cinco diapositivas de la presentación “AutoevaluaciónÁlgebra.ppsx”: (La cual te la puede facilitar tu profesor en turno)

Diapositiva 1:

Diapositiva 2:





Diapositiva 3:

Diapositiva 4:

Diapositiva 5:




R bl P f C l M ti l R t í E il lb @ il 23

El objetivo es que elabores la misma presentación pero modificada, es decir, lapresente solo contiene una pregunta, la que deberás de realizar deberá contener

5 preguntas sobre el mismo tema, te explico los requerimientos:

1. La presentación deberá de contener 17 diapositivas 2. La Transición debe ser: Galería del tipo Llamativo (aplicar a todas las

diapositivas).3. Al responder correctamente a la pregunta se debe de presentar la

diapositiva “Muy bien” y continuar con la siguiente pregunta, en casode error al contestar deberá de aparecer la diapositiva “Orale, teequivocaste!” se deberá de regresar a la misma pregunta, en otraspalabras para ir avanzando se debe de contestar correctamente.

4. La última diapositiva a través del botón: “botonSalir.gif ” deberá

terminar la presentación.5. Y finalmente asocia el archivo de sonido “musicaFondo.mp3” como

sonido musical de fondo a la presentación.

Los recursos (imágenes, sonidos, etc.) solicítalos al profesor en turno.

Animación Transición PowerPoint 2013 Prof. Montiel

Documents

Transcript of Animación Transición PowerPoint 2013 Prof. Montiel