guias practica 3.pdf

Upload: anonymous-unjkhahfha

Post on 20-Feb-2018

233 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/24/2019 Guias practica 3.pdf

    1/20

    Diseo Grafico

    Ing. Edgard Vilcarino Zelada 1

    Gua Practica 3

    Ing. Edgard Vilcarino Zelada

    Desarrollo de AplicacionesMultimedia

  • 7/24/2019 Guias practica 3.pdf

    2/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 2

    Ejercicio 1

    Los fotogramas son el punto de partida en toda animacin. Constituyen los

    contenedores de objetos que expuestos a velocidad generan una animacinsegn 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

  • 7/24/2019 Guias practica 3.pdf

    3/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 3

    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

  • 7/24/2019 Guias practica 3.pdf

    4/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 4

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

  • 7/24/2019 Guias practica 3.pdf

    5/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 5

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

    indica

  • 7/24/2019 Guias practica 3.pdf

    6/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 6

    07. Expone los fotogramas para ver la secuencia lineal pulsando

    la tecla ENTER

  • 7/24/2019 Guias practica 3.pdf

    7/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 7

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

    ventana visor. Cerrar la ventana al finalizar.

  • 7/24/2019 Guias practica 3.pdf

    8/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 8

    09. Ahora debes guardar el trabajo como se indica

  • 7/24/2019 Guias practica 3.pdf

    9/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 9

    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-y-

    embarazo/

    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:

    http://www.cun.es/areadesalud/tu-perfil/futura-mama/anemia-y-embarazo/http://www.cun.es/areadesalud/tu-perfil/futura-mama/anemia-y-embarazo/http://www.cun.es/areadesalud/tu-perfil/futura-mama/anemia-y-embarazo/http://www.cun.es/areadesalud/tu-perfil/futura-mama/anemia-y-embarazo/http://www.cun.es/areadesalud/tu-perfil/futura-mama/anemia-y-embarazo/
  • 7/24/2019 Guias practica 3.pdf

    10/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 10

    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).

  • 7/24/2019 Guias practica 3.pdf

    11/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 11

    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

  • 7/24/2019 Guias practica 3.pdf

    12/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 12

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

    capa.

  • 7/24/2019 Guias practica 3.pdf

    13/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 13

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

  • 7/24/2019 Guias practica 3.pdf

    14/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 14

    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

  • 7/24/2019 Guias practica 3.pdf

    15/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 15

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

    que tengo solo 3 fotos

    4. Importar nuestras imgenes

  • 7/24/2019 Guias practica 3.pdf

    16/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 16

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

  • 7/24/2019 Guias practica 3.pdf

    17/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 17

    6. Repetir para las otras 2 fotos

  • 7/24/2019 Guias practica 3.pdf

    18/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 18

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

  • 7/24/2019 Guias practica 3.pdf

    19/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 19

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

    8. Repetir para los otros 2 ttulos.

  • 7/24/2019 Guias practica 3.pdf

    20/20

    Diseo Grfico-ULADECH

    Ing. Edgard Vilcarino Zelada 20

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