CIS




      Sandro Miguel Honores Vasquez
En esta sesión trabajaremos con símbolos,
interpolación de movimiento, forma y uso del
alfa
Proyecto 8: Carro en movimiento
• Abrir proyecto 8 .fla
• Importar a biblioteca el
  archivo de imagen
  ladrillo.
• Seleccione el puente y en relleno de color elija mapa
  de bits
• Nótese que ahora aparecen controles que nos
  permite cambiar el alto, el ancho, rotar, escalar y
  también cambiar el tamaño de forma proporcional.
Convirtiendo en simbolo
• El auto es una figura
  agrupada
• Para aplicar interpolación
  de movimiento debemos
  convertirlo en un clip de
  película
• Seleccionar el auto, botón
  derecho convertir en
  símbolo. También:
  modificar, convertir en
  símbolo
• Recién aparece como
  elemento de biblioteca
Creando interpolación
• Seleccionar el primer
  fotograma que
  contiene el auto,
  boton derecho,
  «Crear interpolación
  de movimiento»
• Seleccionar el
  fotograma 24 de las 3
  capas e «insertar
  fotograma»
• Ir al 1er fotograma y   • Ir al fotograma 24 y
  cambiar su escala         cambiar su escala y
                            posición
• Probar película: control,
  probar película
  (ctrl+intro)
Insertar copia del clip
• Añada nueva capa «auto2», arrastre el auto de la
  biblioteca al escenario
• Cambie el color del clip en tinta
• Botón derecho en el 1er
  fotograma de la capa
  auto 2, «Crear
  interpolación de
  movimiento»
• En el fotograma 24
  cambiar escala y
  posición
• Realice la siguiente
  modificación en el
  auto2
• ¿Cuál de los autos tiene
  mayor velocidad?
• Inserte un tercer auto,
  pero acorte la distancia
  y mantenga los
  fotogramas. Ordene las
  capas según
  corresponda.
• Visualize la película
  final, tres autos en
  distintas velocidades
• Importamos el sonido
  «auto» a la biblioteca
• Creamos capa «auto» y
  lo arrastramos a la línea
  de tiempo.
• Probamos la animación
  y exportamos como swf
Proyecto 9: Animación de una pelota
• En nuevo documento
  dibujar en una capa el
  piso y en otra una pelota
• Aplicar sin trazo y
  degradado radial
• Convertir el clip de
  película con el nombre
  «Pelota»
• Crear interpolación de
  movimiento e insertar
  fotogramas hasta el 60
• Ubicarse en el
  fotograma 15 y cambiar
  posición
• En propiedades de
  rotación aplicar 2 veces
  y derecha
• Ir al fotograma 15 y
  hacer clic en el clip y
  cambiar posición
• Ir al fotograma 30 y
  cambiar a nueva
  posición
• Ir al fotograma 60 y
  sacar fuera del
  escenario
• Probar película
• Con la herramienta
  selección haremos
  ajustes finales
  modificando el
  recorrido recto
Animación de forma
• Vamos a convertir la
  primera letra de su
  nombre en su nombre.
• Escribir la primera letra
  de su nombre. Separar
  dos veces
• Crear interpolación de
  forma
• Eliminar contenido del
  ultimo fotograma y
  escribir su primer
  nombre. Separar 2
  veces
• Probar película
Proyecto 11: Animación con alfa y de
                forma
• Importamos imagen «La pelea». En configuración del
  documento ajustamos el escenario al contenido
• En la segunda capa
  dibujamos un
  rectángulo sin trazo de
  color negro y lo
  ajustamos al escenario
  con la herramienta
  alinear
• Convertimos el
  rectángulo en clip de
  película «Ventana»
• Creamos interpolación de
  movimiento y en la
  imagen insertamos
  fotograma
• Hacer clic en el clip en el
  fotograma 24 y aplicar
  valor alfa de 0
• Probar pelicula
Animación de forma
• Añadir la capa texto y
  escribir «Michele del
  Campo», tamaño 37,
  negrita.
• «Separar» dos veces el
  texto
• Clic derecho en
  fotograma 1, crear
  interpolación de forma
• Ir al fotograma 24 e
  insertar fotograma clave
• Ir al fotograma 1 y
  borrar el texto y con
  herramienta pincel
  dibujar la letra «M»
• Finalmente probar
  película
• Para extender la duración del último fotograma ir al
  fotograma 40 e insertar fotograma clave
Ejercicio propuesto
• Abrir «Helice .fla» y    • Abrir «Avión .fla» y
  aplique interpolación de   aplique interpolación de
  movimiento de la helice    movimiento: el avión
                             plomo avanza a la
                             derecha y el avión 2 se
                             acerca a la cámara
• Diseña la animación       • Diseña la animación
  «publicidad1» trabajar      «publicidad2».
  con 80 fotogramas, usar     Recuerda que la estrella
  la imagen 1 y 2 del         animada debe estar en
  mismo tamaño                su propia capa
• Aplica interpolación de
  forma y convierte una
  estrella en tus iniciales.

Flash 2_Combinación de componentes

  • 1.
    CIS Sandro Miguel Honores Vasquez
  • 2.
    En esta sesióntrabajaremos con símbolos, interpolación de movimiento, forma y uso del alfa
  • 3.
    Proyecto 8: Carroen movimiento • Abrir proyecto 8 .fla • Importar a biblioteca el archivo de imagen ladrillo.
  • 4.
    • Seleccione elpuente y en relleno de color elija mapa de bits
  • 5.
    • Nótese queahora aparecen controles que nos permite cambiar el alto, el ancho, rotar, escalar y también cambiar el tamaño de forma proporcional.
  • 6.
    Convirtiendo en simbolo •El auto es una figura agrupada • Para aplicar interpolación de movimiento debemos convertirlo en un clip de película • Seleccionar el auto, botón derecho convertir en símbolo. También: modificar, convertir en símbolo • Recién aparece como elemento de biblioteca
  • 7.
    Creando interpolación • Seleccionarel primer fotograma que contiene el auto, boton derecho, «Crear interpolación de movimiento» • Seleccionar el fotograma 24 de las 3 capas e «insertar fotograma»
  • 8.
    • Ir al1er fotograma y • Ir al fotograma 24 y cambiar su escala cambiar su escala y posición
  • 9.
    • Probar película:control, probar película (ctrl+intro)
  • 10.
    Insertar copia delclip • Añada nueva capa «auto2», arrastre el auto de la biblioteca al escenario • Cambie el color del clip en tinta
  • 11.
    • Botón derechoen el 1er fotograma de la capa auto 2, «Crear interpolación de movimiento» • En el fotograma 24 cambiar escala y posición
  • 12.
    • Realice lasiguiente modificación en el auto2 • ¿Cuál de los autos tiene mayor velocidad? • Inserte un tercer auto, pero acorte la distancia y mantenga los fotogramas. Ordene las capas según corresponda.
  • 13.
    • Visualize lapelícula final, tres autos en distintas velocidades
  • 14.
    • Importamos elsonido «auto» a la biblioteca • Creamos capa «auto» y lo arrastramos a la línea de tiempo. • Probamos la animación y exportamos como swf
  • 15.
    Proyecto 9: Animaciónde una pelota • En nuevo documento dibujar en una capa el piso y en otra una pelota • Aplicar sin trazo y degradado radial • Convertir el clip de película con el nombre «Pelota» • Crear interpolación de movimiento e insertar fotogramas hasta el 60
  • 16.
    • Ubicarse enel fotograma 15 y cambiar posición • En propiedades de rotación aplicar 2 veces y derecha
  • 17.
    • Ir alfotograma 15 y hacer clic en el clip y cambiar posición • Ir al fotograma 30 y cambiar a nueva posición
  • 18.
    • Ir alfotograma 60 y sacar fuera del escenario • Probar película • Con la herramienta selección haremos ajustes finales modificando el recorrido recto
  • 19.
    Animación de forma •Vamos a convertir la primera letra de su nombre en su nombre. • Escribir la primera letra de su nombre. Separar dos veces
  • 20.
    • Crear interpolaciónde forma • Eliminar contenido del ultimo fotograma y escribir su primer nombre. Separar 2 veces • Probar película
  • 21.
    Proyecto 11: Animacióncon alfa y de forma • Importamos imagen «La pelea». En configuración del documento ajustamos el escenario al contenido
  • 22.
    • En lasegunda capa dibujamos un rectángulo sin trazo de color negro y lo ajustamos al escenario con la herramienta alinear
  • 23.
    • Convertimos el rectángulo en clip de película «Ventana» • Creamos interpolación de movimiento y en la imagen insertamos fotograma • Hacer clic en el clip en el fotograma 24 y aplicar valor alfa de 0 • Probar pelicula
  • 24.
    Animación de forma •Añadir la capa texto y escribir «Michele del Campo», tamaño 37, negrita. • «Separar» dos veces el texto • Clic derecho en fotograma 1, crear interpolación de forma
  • 25.
    • Ir alfotograma 24 e insertar fotograma clave • Ir al fotograma 1 y borrar el texto y con herramienta pincel dibujar la letra «M» • Finalmente probar película
  • 26.
    • Para extenderla duración del último fotograma ir al fotograma 40 e insertar fotograma clave
  • 27.
    Ejercicio propuesto • Abrir«Helice .fla» y • Abrir «Avión .fla» y aplique interpolación de aplique interpolación de movimiento de la helice movimiento: el avión plomo avanza a la derecha y el avión 2 se acerca a la cámara
  • 28.
    • Diseña laanimación • Diseña la animación «publicidad1» trabajar «publicidad2». con 80 fotogramas, usar Recuerda que la estrella la imagen 1 y 2 del animada debe estar en mismo tamaño su propia capa
  • 29.
    • Aplica interpolaciónde forma y convierte una estrella en tus iniciales.