Você está na página 1de 23

INSTITUTO POLITCNICO NACIONAL

CECyT 6 Academia de Computacin

Tema Animacin
El concepto de animacin se refiere a la aplicacin de dinamismo a las
presentaciones que se elaboran en PowerPoint, en otras palabras darle
movimiento a los objetos contenidos en una presentacin y seguramente nos
permitir crear presentaciones ms memorables.

Creacin de animaciones
Para empezar elegimos la imagen que queremos poner de fondo con insertar
imgenes. Tambin podemos dejar el fondo liso insertando un rectngulo con
insertar Formas y lo rellenamos del color que queramos o si
lo prefieres puedes dejarlo en blanco.
Nosotros en este caso vamos a realizar una animacin de una abeja que aparece
volando, se posa en una flor, recoge el polen y desaparece de la imagen otra vez
volando.
Iniciamos con colocar como fondo la imagen flores.jpg y volvemos a realizar la
misma operacin, esta vez para insertar la imagen (abeja.jpg) a la que vamos a
aplicar animacin y el resultado sera similar a este.

Como nuestra imagen tiene fondo blanco, vamos a quitarle el fondo y adems la
hacemos ms pequea.
Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Ahora vamos a animar nuestra abeja. Para ello con la imagen seleccionada
hacemos clic en la pestaa animaciones (1) y despus hacemos clic en agregar
animacin (2). Al lado encontramos el botn que activa la vista del panel de
animacin (3), que sirve para controlar la lnea de tiempo de nuestras animaciones.

Al hacer clic en agregar animacin nos aparece un desplegable con todas las
animaciones de que disponemos, y encontramos cuatro grupos claramente
divididos.

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Animaciones de entrada: como su nombre lo indica son las animaciones de


inicio de la imagen, sirven para dar formato a la entrada de nuestra imagen animada
en la diapositiva.

Animaciones de nfasis: lo que hacen es captar la atencin del espectador


en 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 animacin: Nos sirven para crear un movimiento libre de


nuestras imgenes.
Como ves al final del men, nos muestra muchos ms efectos de cada uno de los
grupos, simplemente haciendo clic en Ms efectos de...

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Nosotros para empezar seleccionaremos ms trayectorias de la animacin.

Vamos a seleccionar Curvas hacia la derecha. Si tienes activada la vista previa


del efecto, podrs ver, antes de seleccionarlo definitivamente, como quedar el
efecto especificado.
Ahora al lado de nuestra imagen nos aparecer otro rectngulo con la animacin, y
vamos a darle forma.

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Como se ve en la imagen al seleccionar el rectngulo de nuestra animacin


podemos distinguir 3 cosas.

El 1 es el nmero de animacin que nos servir para distinguirlo ms


adelante en el panel de animacin del que hemos hablbamos antes.

El tringulo verde indica donde empieza nuestra animacin y el rojo donde


termina. Para facilitarnos el trabajo se nos muestra la imagen inicial y la imagen
final. esto nos hace una idea de donde acabar nuestra abeja.

La lnea discontinua que une ambos tringulos es el recorrido que va a hacer


nuestra abeja.
Como nosotros queremos que la abeja aparezca desde fuera del plano de nuestra
diapositiva y queremos que termine encima de la flor, vamos a agrandar nuestro
recuadro de animacin haciendo clic en los cuadrados de los extremos y
arrastrndolo hasta que quede a nuestro gusto. Tambin podemos girar la
animacin, utilizando la flecha circular e incluso, voltear arrastrando del extremo
inferior hasta sobrepasar el extremo superior.
Pero antes de empezar a probar la animacin, sacaremos la imagen de nuestra
abeja fuera del cuadro de la diapositiva, ya que de inicio no queremos que aparezca
en l. El resultado sera el siguiente:

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Para que nuestra abeja inicie el vuelo directamente al comenzar la presentacin


solo tenemos que ir al panel de animacin, hacemos clic sobre la animacin y
en Inicio seleccionar Con la anterior. Esto cambiar el 1 que tenamos antes por
un 0 (tal como se observa en la imagen anterior).
Justo debajo, podremos aumentar la duracin de nuestra animacin, para que el
vuelo de nuestra abeja no sea el de un reactor.

Ahora que ya tenemos a nuestra abeja posada en la flor, vamos a hacer un


movimiento para simular que recoge el polen. Para ello, con la imagen de la abeja

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

seleccionada, hacemos clic en agregar animacin, y esta vez agregaremos la


animacin de nfasis tambalear.

Ahora para que nuestra abeja se tambalee mientras recoge el polen, tenemos que
colocar la animacin despus de la anterior. Para ello el mismo procedimiento que
antes, nos dirigimos al panel de animacin, hacemos clic sobre la animacin, y
en Inicio seleccionamos esta vez despus de la anterior.

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Si hacemos clic con el botn derecho sobre la ltima animacin, nos aparecer un
men con varias opciones.

Haciendo clic en Opciones de efectos... podremos incluir sonido a nuestra


animacin. En este caso vamos a poner un sonido de brisa.

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Ahora nuestra abeja aparece volando, se tambalea con sonido succionando el


polen, y ahora solo queda que se marche. Pues lo mismo, agregamos una
animacin y esta vez seleccionamos una trayectoria que haga que nuestra abeja
se salga del plano como ms nos guste, y hemos elegido Arco hacia abajo.
Seleccionaremos Iniciar despus de la anterior y listo.
Solo tienes que tener en cuenta lo siguiente: el tringulo verde del inicio de esta
ltima animacin, tiene que coincidir aproximadamente con el tringulo rojo donde
finalizaba la primera animacin, tal como se muestra enseguida:

Ya para finalizar, agregaremos una meloda a manera de fondo musical, el


archivo es abejorro.mp3, para ello hacemos clic en cualquier lugar de las flores

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

(evitando las animaciones) y enseguida hacemos clic en la opcin Audio en mi


PC del men o ficha Insertar, tal como se muestra enseguida:

Enseguida elige el archivo musical, y deber aparecer al final de los elementos que
aparecen en el Panel de Animacin y para terminar solo basta que hagamos clic
en el cono Reproducir en el fondo y listo, hemos terminado, el panel de
animacin deber mostrarse como sigue:

A travs del botn rectangular Reproducir a partir de podremos ver cmo est
actuando la presentacin que estamos fabricando hasta este momento, y con esto
damos por terminado el presente tema.

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

10

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Cuestionario. Elige la opcin que consideres correcta, asignando la letra que


corresponda:
1. Es la aplicacin de dinamismo a los elementos de una diapositiva:
( )
a) Animacin
b) Transicin
c) Tema
2. Son efectos de movimiento que se ven a medida que avanzas entre ( )
diapositiva y diapositiva.
a) Tema
b) Animacin
c) Transicin
3. Herramienta de PowerPoint que permite controlar la lnea de tiempo de ( )
nuestras animaciones:
a) Ventana "Organizar todas"
b) Panel de animacin
c) Vista de presentacin "Clasificador de diapositivas"
4. Son animaciones de inicio de la imagen, sirven para dar formato a la ( )
entrada de nuestra imagen animada:
a) Animacin de salida
b) Animacin de nfasis
c) Animacin de entrada
5. Son animaciones que captan la atencin del espectador en el objeto ( )
durante un instante, sin apenas mover este:
a) Animacin de entrada
b) Animacin de nfasis
c) Animacin de salida
6. Son animaciones que desaparecen la imagen de nuestra diapositiva:
a) Animacin de salida
b) Animacin de entrada
c) Animacin de nfasis

( )

7. Son animaciones que sirven para crear un movimiento libre de imgenes: ( )


a) Animacin de entrada
b) Trayectorias de la animacin
c) Animacin de salida
8. La animacin "Arco hacia abajo" pertenece al grupo de:
Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

( )
11

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

a) Trayectorias de la animacin
b) Animacin de nfasis
c) Animacin de salida

9. Al seleccionar una animacin se tiene dos tringulos, el tringulo de color ( )


_______ indica el inicio de la animacin
a) verde
b) rojo
c) amarillo
10. Al seleccionar una animacin se tiene dos tringulos, el tringulo de ( )
color _______ indica el trmino de la animacin
a) rojo
b) verde
c) amarillo
11. Al seleccionar una animacin se tiene la herramienta ______ ________ ( )
que permite girar la animacin.
a) flecha circular
b) cuadros extremos
c) lnea discontinua
12. Est contenido en el panel de animacin:
a) cono de "Reproducir a partir de"
b) cono de "Detener diapositiva"
c) cono Efectos de intervalo

( )

Practica a realizar.
Elabora una presentacin en PowerPoint que contenga cuando menos tres
diapositivas, el tema a desarrollar debe ser sobre la Obesidad Infantil.
En la primera diapositiva coloca tres imgenes cuando menos y tres palabras
clave cuando menos, tanto imgenes como las palabras debern ser
representativas de la introduccin al tema.
La segunda diapositiva, tambin deber de contener 3 imgenes (cuando menos)
y tres palabras clave (cuando menos) tanto imgenes como palabras debern ser
representativas de las enfermedades que trae consigo la obesidad.

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

12

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Y finalmente la tercera diapositiva tambin con la misma cantidad de imgenes y


palabras (cuando menos) debern mostrar lo concerniente al tratamiento que
permite eliminar o reducir la obesidad entre los infantes.
Recuerda tanto
imgenes como texto debern de tener animacin (la que t creas conveniente),
es decir haz de cuenta que t vas a hacer el expositor de dicha presentacin.

Transiciones
Las transiciones son efectos de movimiento que se ven a medida que avanzas entre
diapositiva y diapositiva.
Se tienen muchas para elegir, cada una de ellas te
permitir controlar la velocidad e incluso aadir sonido.

Se tienen:

Sutil
Llamativo
Contenido dinmico

A travs 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 las
diapositivas, para ello activamos la opcin Patrn de diapositivas del men o
ficha Vista. Enseguida colcate en el panel de la izquierda y elimina todas las

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

13

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

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

Haz clic con botn derecho sobre la 1. Vista y del men contextual que aparece
elige la opcin Formato del fondo y en el cono color de relleno elige el color
negro, tal como se muestra abajo:

Ahora,
inserta
la
forma
de
Rectngulo
redondeado
y
expndelo en toda la diapositiva y
cmbiale el color, a color blanco, tal
como se muestra enseguida:

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

14

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Paso 2. Insertamos el ttulo y el correo electrnico del diseador. Recuerda,


continuamos en la vista Patrn de diapositivas por lo que los elementos que
agreguemos sern vistos automticamente en todas las diapositivas que
elaboremos, as que slo el ttulo y los datos del diseador insertaremos, como
sigue:

El ttulo es un texto de tamao 48, el tipo de letra es Century Gothic, de color


guinda (Rojo: 72, Verde: 14 y Azul: 8), y el texto inferior es igual Century Gothic,
tamao: 16, y color negro.
Paso 3. Aadir dos diapositivas nuevas para mostrar el efecto de las Transiciones,
nos trasladamos a la vista Normal.

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

15

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Y entonces aadimos dos diapositivas Nuevas, solo haz clic con botn derecho
del Mouse encima de la nica diapositiva en la vista normal (panel de la izquierda),
y elige la opcin Nueva diapositiva, y lo haces dos veces, tal como se muestra
enseguida:

Enseguida, hacemos clic en la 1. Diapositiva y asignamos la transicin Cubo de


la seccin Llamativo del grupo Transicin a esta diapositiva, adems en el
grupo Intervalos elige como sonido Viento con duracin de 2 segundos, tal
como se observa enseguida:

Y finalmente hacemos clic sobre el texto Aplica a todo, es decir que todas las
diapositivas tengan la misma transicin, el mismo sonido y la misma duracin.
Ahora simplemente oprime la tecla F5 y listo podremos observar lo que hemos
diseado.

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

16

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Paso 3. Aadir imgenes, texto y botones a las diapositivas.


A la primera
diapositiva aadimos la imagen pizarra.gif los textos: Algebra (tamao: 80,
Century Gothic, color guinda, igual que el ttulo) y Prof. Carlos Montiel R.
(Tamao: 18. Century Gothic e igual color que el ttulo) y el botn:
botonSigue.jpg, colocado en la parte inferior derecha de la diapositiva tal como
se muestra enseguida:

Paso 4. Asociar caractersticas a los elementos de la 1. Diapositiva. A la imagen


(pizarra.gif) le asociamos la animacin Girar de la seccin nfasis que se
encuentra en el grupo Animacin de la ficha Animaciones y elegimos la opcin
Con la anterior en Inicio del grupo Intervalos.
Al botn botnSigue.jpg le asignamos un Hipervnculo a la siguiente diapositiva,
a travs de la opcin Accin del grupo Vnculos en la seccin Clic del mouse
y en Hipervnculo eligiendo la opcin Diapositiva siguiente.
Al texto Algebra le asociamos la animacin Rebote del tipo Entrada con la
opcin Con la anterior y finalmente a texto Prof. Carlos Montiel R. le asociamos
la animacin Espiral hacia adentro del tipo Entrada con la opcin Con la
anterior.
Para revisar (o navegar) una presentacin de PowerPoint podemos hacerlo a travs
de diferentes teclas para ir de diapositiva a diapositiva, por ejemplo tenemos: teclas
de navegacin (,, , ), el Enter, Avanza pgina (AvPg), Retrocede pgina
(RePg) e incluso el clic del mouse, sin embargo si quisiramos obligar al usuario
Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

17

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

a hacer clic sobre un botn para continuar a la siguiente diapositiva, tendramos que
deshabilitar todas las teclas mencionadas anteriormente y tambin el clic del mouse.
Con la opcin Examinada
en exposicin (pantalla
completa) de la ficha
Presentacin
con
diapositivas
habilitada,
deshabilitamos todas las
teclas ya mencionadas y para
deshabilitar el clic del mouse
empleamos la opcin: Al hacer clic con el mouse de la ficha Transiciones del
grupo Intervalos, simplemente la deshabilitamos, tal como se muestra enseguida:

Paso 5. Colocar elementos en la 2. Diapositiva. Colocaremos una imagen y un


texto y dos botones (para retroceder y para avanzar a la siguiente diapositiva), tal
como se muestra abajo:

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

18

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

A la imagen le damos una animacin de Aumentar y girar del tipo Entrada con
opcin de Inicio: Con la anterior, al texto le asociamos la animacin de Aparecer
del tipo entrada con la opcin de Inicio: Despus de la anterior as como tambin
con la opcin de Animar texto: Por palabra en la Opcin de efectos, con 0.5
segundos de retraso entre palabras.

Enseguida insertamos el sonido algebra.mp3, usando la opcin de Audio en Mi


PC de la ficha Insertar mostrndose como sigue:

Como estars observando, el sonido esta seleccionado y as como se encuentra


haz clic sobre l y arrstralo con el mouse y colcalo debajo del texto Rectngulo
1: El lgebra (del rabe: . Y adems habilita la opcin sealada (arriba a tu
izquierda) Ocultar durante presentacin para ocultar el smbolo del sonido,
debiendo que dar as:

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

19

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Y finalmente asignamos hipervnculos a los


botones de retroceder y avanzar mediante la
opcin de Accin de la ficha Insertar, tal
como se observa a la derecha:

Paso 6. Colocar elementos en la 3 diapositiva.


Para ello colocaremos un texto y una imagen y un botn para retroceder a la
diapositiva anterior, tal como se muestra abajo:

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

20

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Al texto le asociamos la animacin Zoom bsico del tipo Entrada e incorporamos


el sonido risa.mp3 inmediatamente despus de la animacin del texto, tal como
se muestra abajo:

En el grupo Intervalos de la ficha Animaciones, elegir la opcin Con la anterior


en Inicio, y en Opciones de efectos en la ventana Reproducir audio y pestaa
Intervalos en Repetir, elegir la opcin Hasta el final de la diapositiva y
finalmente al botn de retroceder le asociamos el Hipervnculo a: Diapositiva
anterior, y listo, hemos terminado. El profesor en turno te mostrar la presentacin
ya terminada.

Practica a realizar
Te presentamos cinco diapositivas de la presentacin Autoevaluacin
lgebra.ppsx: (La cual te la puede facilitar tu profesor en turno)
Diapositiva 1:

Diapositiva 2:

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

21

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

Diapositiva 3:

Diapositiva 4:

Diapositiva 5:

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

22

INSTITUTO POLITCNICO NACIONAL


CECyT 6 Academia de Computacin

El objetivo es que elabores la misma presentacin pero modificada, es decir, la


presente solo contiene una pregunta, la que debers de realizar deber contener
5 preguntas sobre el mismo tema, te explico los requerimientos:
1. La presentacin deber de contener 17 diapositivas
2. La Transicin debe ser: Galera 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 caso
de error al contestar deber de aparecer la diapositiva Orale, te
equivocaste! se deber de regresar a la misma pregunta, en otras
palabras para ir avanzando se debe de contestar correctamente.
4. La ltima diapositiva a travs del botn: botonSalir.gif deber
terminar la presentacin.
5. Y finalmente asocia el archivo de sonido musicaFondo.mp3 como
sonido musical de fondo a la presentacin.
Los recursos (imgenes, sonidos, etc.) solictalos al profesor en turno.

Responsable: Prof. Carlos Montiel Rentera

Email: elbragao@gmail.com

23

Você também pode gostar