Diseo Grafico

Gua Practica 3

Desarrollo de Aplicaciones
Multimedia
Ing. Edgard Vilcarino Zelada

Ing. Edgard Vilcarino Zelada

Diseo Grfico-ULADECH

Ejercicio 1
Los fotogramas son el punto de partida en toda animacin. Constituyen los
contenedores de objetos que expuestos a velocidad generan una animacin
segn los cambios producidos en sus contenidos.
Ejemplo:
01. Crea un lienzo de 300 x 600 pxeles y ajustar a la ventana

02. Luego activa la herramienta valo y dibujar un crculo con relleno

degradado

Ing. Edgard Vilcarino Zelada

Diseo Grfico-ULADECH

03. Luego confirma que el objeto se almacena en el fotograma clave de la

posicin 1

04. Realiza una copia del fotograma en la posicin siguiente

Ing. Edgard Vilcarino Zelada

Diseo Grfico-ULADECH

05. Activa el fotograma clave 2 y realizar cambios en la posicin del crculo

Ing. Edgard Vilcarino Zelada

Diseo Grfico-ULADECH

06. Continua el proceso hasta lograr un efecto de rebote como se

indica

Ing. Edgard Vilcarino Zelada

Diseo Grfico-ULADECH

07. Expone los fotogramas para ver la secuencia lineal pulsando

la tecla ENTER

Ing. Edgard Vilcarino Zelada

Diseo Grfico-ULADECH

08. Pulsar CTRL + ENTER para ver la secuencia cclica en una

ventana visor. Cerrar la ventana al finalizar.

Ing. Edgard Vilcarino Zelada

Diseo Grfico-ULADECH

09. Ahora debes guardar el trabajo como se indica

Ing. Edgard Vilcarino Zelada

Diseo Grfico-ULADECH

Ejercicio 2
Creacin de un banner animado sobre el tema de Anemia y embarazo.
Fuente de informacin:
http://www.cun.es/areadesalud/tu-perfil/futura-mama/anemia-yembarazo/

Con este tema trabajaremos el banner animado:

1. Creamos un lienzo para pgina web de 600 alto * 300 ancho.
2. Luego insertamos las imgenes una en cada capa de la lnea de tiempo
as:
3. Una imagen que identifique el tema acompaada con un texto como
Sana Salud:

Ing. Edgard Vilcarino Zelada

Diseo Grfico-ULADECH

4. Luego insertamos unas 2 capas nuevas una con el nombre de Anemia

y otra con el nombre de embarazo:

Y usando un fotograma clave vaco en el fotograma 31 de las capas

nuevas presionamos F7.

5. Luego en el fotograma 31 de la capa embarazo inserta una imagen

sobre el embarazo y el fotograma de la capa anemia inserta una Un texto
con el nombre: Anemia y Embarazo.
6. Luego hasta el fotograma 60 presionamos f5 de las capas embarazo y
anemia para mantener la imagen por unos 30 fotogramas en demora.
7. Luego insertamos una capa tratamiento y en el fotograma 61
insertamos los textos sobre el tratamiento (uno para el ttulo y otro para
el prrafo).

Ing. Edgard Vilcarino Zelada

10

Diseo Grfico-ULADECH

8. Ahora en el fotograma 70 presiono un f6 para luego interpolar

movimiento

9. Luego en la misma capa presiono un f5 hasta el fotograma 130

Ing. Edgard Vilcarino Zelada

11

Diseo Grfico-ULADECH

10. Aplicamos el efecto grfico a la imagen insertada pero en una nueva

capa.

Ing. Edgard Vilcarino Zelada

12

Diseo Grfico-ULADECH

11. Ahora hacemos lo mismo con la mismo pero con 2 imgenes ms

Ing. Edgard Vilcarino Zelada

13

Diseo Grfico-ULADECH

Creando un lbum fotogrfico

Usando Plantillas:
1. Cargar un nuevo archivo de Flash basada en la plantilla para Galera
de Fotos como se indicia en la figura

2. Verificar que ya tiene capas, objetos y una biblioteca predeterminada

Ing. Edgard Vilcarino Zelada

14

Diseo Grfico-ULADECH

3. Editar los fotogramas. Ej. Eliminar la ltima columna de fotogramas ya

que tengo solo 3 fotos

4. Importar nuestras imgenes

Ing. Edgard Vilcarino Zelada

15

Diseo Grfico-ULADECH

5. Editar los fotogramas de imagen. Ej. Reemplazar las imgenes

Ing. Edgard Vilcarino Zelada

16

Diseo Grfico-ULADECH

6. Repetir para las otras 2 fotos

Ing. Edgard Vilcarino Zelada

17

Diseo Grfico-ULADECH

7. Editar los ttulos y otros fotogramas que se necesite modificar. Ej.

Ing. Edgard Vilcarino Zelada

18

Diseo Grfico-ULADECH

Debe cambiar el color y aumentar el zoom para poder editarlos)

8. Repetir para los otros 2 ttulos.

Ing. Edgard Vilcarino Zelada

19

Diseo Grfico-ULADECH

9. Guardar como NIVEL3 y pulsar CTRL+ENTER para visualizar

Ing. Edgard Vilcarino Zelada

20