I.E.S.

T “LUCIANO CASTILLO COLONNA” ANIMACIÓN DE GRÁFICOS

SLIDESHOW CON MINIATURAS

1. En este ejercicio usaremos 10 imágenes referentes a las carreras y programas de estudio

que brinca el Instituto. Las 5 primeras imágenes tendrán una dimensión de 750px de
largo por 500px de ancho. Las 5 imágenes que serán usadas para miniatura tendrán
una dimensión de 200px de largo por 100px de ancho. Estas dimensiones son en
proporción a nuestra área de trabajo que será de 950px de largo por 500px.
2. Configuramos nuestra área de trabajo.

3. Importamos las 5 primeras imágenes y las posicionamos como se muestra.

Ing. CIP.Juan Francisco Cárcamo Vilchez

I.E.S.T “LUCIANO CASTILLO COLONNA” ANIMACIÓN DE GRÁFICOS

4. Clic en la primera imagen.

5. Agregamos fotograma de opacidad en el segundo 0.

6. Nos ubicamos en el segundo 3 y agregamos fotograma de opacidad.

Ing. CIP.Juan Francisco Cárcamo Vilchez

I.E.S.T “LUCIANO CASTILLO COLONNA” ANIMACIÓN DE GRÁFICOS

7. Damos 0.5 segundos, ubicamos en el segundo 3.5 y agregamos fotograma de opacidad

en 0%. Observamos que se muestra la segunda imagen

8. Clic en la segunda imagen Mecanica-Automotriz y nos ubicamos 3 segundos después

osea 6.5 segundo. Agregamos fotograma de opacidad 100%

Ing. CIP.Juan Francisco Cárcamo Vilchez

I.E.S.T “LUCIANO CASTILLO COLONNA” ANIMACIÓN DE GRÁFICOS

9. Nos ubicamos 0.5 segundos después, en el segundo 7. Y agregamos fotograma de

opacidad 0. Observamos que se muestra la tercera imagen.

agre

10. Clic en la imagen pesquería y nos ubicamos 3 segundos después y agregamos fotograma
de opacidad 100%. Repetimos los pasos anteriores hasta llegar a la última imagen.
11. Llegando a la última imagen seleccionamos luego la primera imagen y nos ubicamos 3
segundos después agregamos fotograma de opacidad 0%

Ing. CIP.Juan Francisco Cárcamo Vilchez

I.E.S.T “LUCIANO CASTILLO COLONNA” ANIMACIÓN DE GRÁFICOS

12. Nos ubicamos 0.5 segundos después y agregamos fotograma de opacidad en 100%.

13. Para que el slider sea repetitivo agregamos un activador Reproducir desde el segundo
0.

Ing. CIP.Juan Francisco Cárcamo Vilchez

I.E.S.T “LUCIANO CASTILLO COLONNA” ANIMACIÓN DE GRÁFICOS

PROCEDIMIENTO PARA CREAR ENLACES DE MINIATURAS

14. Importamos las imágenes de miniaturas y las ordenamos al lado izquierdo.

15. Agregamos etiquetas a cada inicio de secuencia de las imágenes.

16. Clic en la primera imagen de miniatura(m-enfermeria). Agregamos acción de clic y

reproducir desde enfermería(que es la etiqueta que escribimos). Asi lo hacemos con el
resto de imágenes de miniaturas.

Ing. CIP.Juan Francisco Cárcamo Vilchez

I.E.S.T “LUCIANO CASTILLO COLONNA” ANIMACIÓN DE GRÁFICOS

17. Seleccionamos todas las imágenes de miniatura vamos a cursos y modificamos a

pointer.

18. Ejecutamos nuestra animación.

Ing. CIP.Juan Francisco Cárcamo Vilchez