SlideShare ist ein Scribd-Unternehmen logo
1 von 5
Downloaden Sie, um offline zu lesen
Colegio de Estudios Científicos
       y Tecnológicos del Estado de México




         REPORTE   FLASH - ANIMACION

    Materia: Creación de una Red de Área Local
             Especialidad: Informática
                    Grupo: 605
                Turno: Vespertino
       Alumno: Kenia Beatriz Velasco Bastida
        Profesor: René Domínguez Escalona




http://www.slideshare.net/Rollerz/edit_my_uploads
Flash - Animación
Por animación entendermos que los objetos que aparecen en la pantalla cambien de
posición, tamaño, aspecto, color, que giren, se deformen, etc...

Tipos de Animación

En Flash existen tres tipos de animación:

      fotograma a fotograma
      interpolación de movimiento
      interpolación de forma

En la animación fotograma a fotograma, debemos dibujar cada uno de los
fotogramas de la animación uno por uno, al estilo de las clásicas películas de dibujos
animados. Permite una gran flexibilidad, pero a costa de un elevado esfuerzo. Además,
el archivo debe almacenar los cambios de cada fotograma.

La animación por interpolación consiste en crear dos objetos diferentes, cada uno
de ellos en fotogramas claves no contiguos, y hacer que Flash dibuje automáticamente
los pasos intermedios. En este caso, el archivo sólo almacena los estados inicial y final.

La animación por interpolación de movimiento es que la debemos elegir cuando
los objetos de los dos fotogramas claves sólo se diferencian en su posición, escala o
rotación

La animación por interpolación de forma ese diferencia en que gradúa el cambio
de la forma del objeto, realizada a través de la manipulación de sus puntos de control
bezier. También permite cambiar el color.




Consideraciones

Se llaman Fotogramas Clave a los que contienen cambios en la forma o posición del
objeto

Para que un objeto se muestre en pantalla en un fotograma determinado, debe
crearse un fotograma (no clave). Se mostrará así:                        . El
rectángulo blanco significa que no ha habido cambios de forma ni posición.

Podemos mover los fotogramas clave o los del rectángulo para cambiar los puntos
de inicio o fin de la animación.

Podemos variar la velocidad de toda la animación en "Modificar-película-Veloc
Fotogramas": nº de fotogramas/seg.
Podemos copiar un fotograma clave y pegarlo en otra posición para volver a esa
situación después de haberla cambiado.




Cómo Crear Animaciones

Para crear una interpolación de movimiento, el mejor método es seguir
exactamente los siguientes pasos:

   1.   Crear el objeto en el fotograma clave inicial
   2.   Crear interpolación de movimiento (con el botón derecho)
   3.   Insertar un fotograma clave al final
   4.   Mover el objeto en el fotograma clave final (y/o escalarlo, y/o rotarlo)


        Si todo ha salido bien, se verá así:

        En cambio, si falta el fotograma clave final, será
        así:

        Y si lo que falta es crear la interpolación,
        veremos:

Para crear una interpolación de forma, el mejor método es seguir exactamente los
siguientes pasos:

   1. Crear el objeto en el fotograma clave inicial
   2. Crear interpolación de forma (en la paleta "Fotograma", elegir interpolación:
      "Forma")
   3. Insertar un fotograma clave al final
   4. Modificar el objeto en el fotograma clave final


        Si todo ha salido bien, se verá así:

Para crear un fundido de color, seguiremos los mismos pasos que en la
interpolación de forma, pero en este caso debemos asignar diferentes colores a los
fotogramas inicial y final. OJO: antes, hay que "separar" el texto.




Posibles problemas en las animaciones por interpolación:

       Antes de animar mediante el panel "Fotograma" un objeto con borde (por
        ejemplo, un rectángulo o una elipse), o uno que esté formado por varios
        objetos, debemos agruparlos ("Modificar-Agrupar"). Si elegimos "crear una
        interpolación de movimiento usando el botón derecho, Flash agrupa
        automáticamente los objetos seleccionados.
   No podemos animar independientemente cada letra de una palabra a no
       ser que las distribuyamos en diferentes capas (cada letra en una capa)
      No podemos cambiar el color de un texto gradualmente si no está convertido
       a gráfico. ("Modificar-Separar")
      Si dos objetos van a animarse de formas diferentes, es mejor colocar cada
       uno en una capa diferente.
      Si queremos hacer una interpolación de forma y movimiento a la vez,
       debemos elegir la de forma.
      Si sólo deseamos cambiar la posición, rotación o escala (tamaño), no
       debemos hacer una interpolación de forma. En su lugar, elegiremos una
       interpolación de movimiento.




Cómo crear una línea a través de la cual se moverá el objeto:

   1. Crear el objeto en el fotograma clave inicial
   2. Agregar una Guía de Movimiento (con el botón derecho encima del nombre de
       la capa)
   3. Crear interpolación de movimiento (con el botón derecho apuntando al
       fotograma inicial)
   4. Insertar un fotograma clave al final
   5. Mover el objeto en el fotograma clave final (y/o escalarlo, y/o rotarlo)
   6. En la capa guía, crear un trazado (con el pincel, la pluma, el lápiz, el óvalo e el
       rectángulo)
   7. Insertar un fotograma clave en la capa guía, al final
   8. Arrastrar el objeto en cada fotograma clave hasta que ajuste con el comienzo o
       fin del movimiento trazado.
   9. Si deseamos que la forma gire a la vez que el trazado, debemos elegir "Orientar
       según trazado" en la paleta fotograma, en el fotograma inicial.
   10. Podemos ocultar el trazado de guía ocultando la capa que lo contiene (botón del
       ojo)




Cómo cambiar el color de un texto gradualmente:

Veamos cómo hacer el famoso efecto de "fade in" o "fade out" (desvanecimiento) de
un texto, que cambiará de color poco a poco, del color de fondo a otro, o de otro al
color del fondo (o entre dos colores cualesquiera)

   1. Crear el objeto en el fotograma clave inicial, con el color inicial
   2. Separar el texto ("Modificar-Separar")
   3. Crear interpolación de forma (en la paleta "Fotograma", elegir interpolación:
      "Forma")
   4. Insertar un fotograma clave al final
   5. Cambiar el color del objeto en el fotograma final




¿Cómo hacer un giro de 360º o más?
Si intentamos hacer una interpolación de movimiento para un objeto que deseamos
girar 360º, o incluso varias vueltas, veremos que no funciona mediante el método
normal, puesto que Flash realizará el cambio por el camino más corto. Si lo hemos
girado 380º, Flash sólo girará 20 (380-360). Si la rotación es múltiplo de 360º, el
objeto vuelve a quedar en la misma posición en la que estaba, por lo que no se girará
nada en absoluto.

El método adecuado para rotar una vuelta o más es:

   1. Crear el objeto en el fotograma clave inicial
   2. Crear interpolación de movimiento (con el botón derecho apuntando al
      fotograma inicial)
   3. En la paleta "Fotograma", elegir Rotar: "CMR" para que gire en el sentido de las
      agujas del reloj, o CCRM, en el contrario.
   4. En la paleta "Fotograma", elegir el número de vueltas completas
   5. Insertar un fotograma clave al final

Weitere ähnliche Inhalte

Was ist angesagt?

Practica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegablePractica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegable
aeto
 
Manual Etoys[1]
Manual Etoys[1]Manual Etoys[1]
Manual Etoys[1]
ctepay
 

Was ist angesagt? (16)

Clase 1 quinto mes
Clase 1 quinto mesClase 1 quinto mes
Clase 1 quinto mes
 
Practica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegablePractica nº16 de flash menu desplegable
Practica nº16 de flash menu desplegable
 
Alexis padilla.point
Alexis padilla.pointAlexis padilla.point
Alexis padilla.point
 
Manual de Flash Cs6
Manual de Flash Cs6Manual de Flash Cs6
Manual de Flash Cs6
 
Instrucciones de scratch (1)
Instrucciones de scratch (1)Instrucciones de scratch (1)
Instrucciones de scratch (1)
 
Manual de-flash-cs6
Manual de-flash-cs6Manual de-flash-cs6
Manual de-flash-cs6
 
Moovly
MoovlyMoovly
Moovly
 
manual de ejercicios de flash
manual de ejercicios de flashmanual de ejercicios de flash
manual de ejercicios de flash
 
Flash conceptos basicos
Flash conceptos basicosFlash conceptos basicos
Flash conceptos basicos
 
FLOR ANIMADA FLASH 8
FLOR ANIMADA FLASH 8FLOR ANIMADA FLASH 8
FLOR ANIMADA FLASH 8
 
ALFER FLASH
ALFER FLASHALFER FLASH
ALFER FLASH
 
Scratch[1]
Scratch[1]Scratch[1]
Scratch[1]
 
tarea#1 diseño tridimensional
tarea#1 diseño tridimensional tarea#1 diseño tridimensional
tarea#1 diseño tridimensional
 
Manual Etoys[1]
Manual Etoys[1]Manual Etoys[1]
Manual Etoys[1]
 
Flash 8
Flash 8Flash 8
Flash 8
 
Vera scratch word 3
Vera scratch word 3Vera scratch word 3
Vera scratch word 3
 

Ähnlich wie Reporte como crear interpolaciones en flash (20)

Como animar en flash
Como animar en flashComo animar en flash
Como animar en flash
 
Flashmacro
FlashmacroFlashmacro
Flashmacro
 
PresentacióN2
PresentacióN2PresentacióN2
PresentacióN2
 
PresentacióN2
PresentacióN2PresentacióN2
PresentacióN2
 
Flash 8
Flash 8Flash 8
Flash 8
 
dContenido
dContenidodContenido
dContenido
 
Flash 2
Flash 2Flash 2
Flash 2
 
Animación con Adobe Flash CS3
Animación con Adobe Flash CS3Animación con Adobe Flash CS3
Animación con Adobe Flash CS3
 
Flash laboratorio nº 5 2grado
Flash laboratorio nº 5 2gradoFlash laboratorio nº 5 2grado
Flash laboratorio nº 5 2grado
 
Flash laboratorio nº 5 2grado
Flash laboratorio nº 5 2gradoFlash laboratorio nº 5 2grado
Flash laboratorio nº 5 2grado
 
Generalidades de flash
Generalidades de flashGeneralidades de flash
Generalidades de flash
 
Tipos de Animación
Tipos de AnimaciónTipos de Animación
Tipos de Animación
 
Teorico Power Point Nº4
Teorico Power Point Nº4Teorico Power Point Nº4
Teorico Power Point Nº4
 
Manual 1
Manual 1Manual 1
Manual 1
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Practicas bloque1 nuevo
Practicas bloque1 nuevoPracticas bloque1 nuevo
Practicas bloque1 nuevo
 
Practica 12
Practica 12Practica 12
Practica 12
 
Calderon y carrillo
Calderon y carrilloCalderon y carrillo
Calderon y carrillo
 
Calderon y carrillo
Calderon y carrilloCalderon y carrillo
Calderon y carrillo
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 

Kürzlich hochgeladen

TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 

Kürzlich hochgeladen (20)

Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptxEL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
Diapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundariaDiapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundaria
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 

Reporte como crear interpolaciones en flash

  • 1. Colegio de Estudios Científicos y Tecnológicos del Estado de México REPORTE FLASH - ANIMACION Materia: Creación de una Red de Área Local Especialidad: Informática Grupo: 605 Turno: Vespertino Alumno: Kenia Beatriz Velasco Bastida Profesor: René Domínguez Escalona http://www.slideshare.net/Rollerz/edit_my_uploads
  • 2. Flash - Animación Por animación entendermos que los objetos que aparecen en la pantalla cambien de posición, tamaño, aspecto, color, que giren, se deformen, etc... Tipos de Animación En Flash existen tres tipos de animación:  fotograma a fotograma  interpolación de movimiento  interpolación de forma En la animación fotograma a fotograma, debemos dibujar cada uno de los fotogramas de la animación uno por uno, al estilo de las clásicas películas de dibujos animados. Permite una gran flexibilidad, pero a costa de un elevado esfuerzo. Además, el archivo debe almacenar los cambios de cada fotograma. La animación por interpolación consiste en crear dos objetos diferentes, cada uno de ellos en fotogramas claves no contiguos, y hacer que Flash dibuje automáticamente los pasos intermedios. En este caso, el archivo sólo almacena los estados inicial y final. La animación por interpolación de movimiento es que la debemos elegir cuando los objetos de los dos fotogramas claves sólo se diferencian en su posición, escala o rotación La animación por interpolación de forma ese diferencia en que gradúa el cambio de la forma del objeto, realizada a través de la manipulación de sus puntos de control bezier. También permite cambiar el color. Consideraciones Se llaman Fotogramas Clave a los que contienen cambios en la forma o posición del objeto Para que un objeto se muestre en pantalla en un fotograma determinado, debe crearse un fotograma (no clave). Se mostrará así: . El rectángulo blanco significa que no ha habido cambios de forma ni posición. Podemos mover los fotogramas clave o los del rectángulo para cambiar los puntos de inicio o fin de la animación. Podemos variar la velocidad de toda la animación en "Modificar-película-Veloc Fotogramas": nº de fotogramas/seg.
  • 3. Podemos copiar un fotograma clave y pegarlo en otra posición para volver a esa situación después de haberla cambiado. Cómo Crear Animaciones Para crear una interpolación de movimiento, el mejor método es seguir exactamente los siguientes pasos: 1. Crear el objeto en el fotograma clave inicial 2. Crear interpolación de movimiento (con el botón derecho) 3. Insertar un fotograma clave al final 4. Mover el objeto en el fotograma clave final (y/o escalarlo, y/o rotarlo) Si todo ha salido bien, se verá así: En cambio, si falta el fotograma clave final, será así: Y si lo que falta es crear la interpolación, veremos: Para crear una interpolación de forma, el mejor método es seguir exactamente los siguientes pasos: 1. Crear el objeto en el fotograma clave inicial 2. Crear interpolación de forma (en la paleta "Fotograma", elegir interpolación: "Forma") 3. Insertar un fotograma clave al final 4. Modificar el objeto en el fotograma clave final Si todo ha salido bien, se verá así: Para crear un fundido de color, seguiremos los mismos pasos que en la interpolación de forma, pero en este caso debemos asignar diferentes colores a los fotogramas inicial y final. OJO: antes, hay que "separar" el texto. Posibles problemas en las animaciones por interpolación:  Antes de animar mediante el panel "Fotograma" un objeto con borde (por ejemplo, un rectángulo o una elipse), o uno que esté formado por varios objetos, debemos agruparlos ("Modificar-Agrupar"). Si elegimos "crear una interpolación de movimiento usando el botón derecho, Flash agrupa automáticamente los objetos seleccionados.
  • 4. No podemos animar independientemente cada letra de una palabra a no ser que las distribuyamos en diferentes capas (cada letra en una capa)  No podemos cambiar el color de un texto gradualmente si no está convertido a gráfico. ("Modificar-Separar")  Si dos objetos van a animarse de formas diferentes, es mejor colocar cada uno en una capa diferente.  Si queremos hacer una interpolación de forma y movimiento a la vez, debemos elegir la de forma.  Si sólo deseamos cambiar la posición, rotación o escala (tamaño), no debemos hacer una interpolación de forma. En su lugar, elegiremos una interpolación de movimiento. Cómo crear una línea a través de la cual se moverá el objeto: 1. Crear el objeto en el fotograma clave inicial 2. Agregar una Guía de Movimiento (con el botón derecho encima del nombre de la capa) 3. Crear interpolación de movimiento (con el botón derecho apuntando al fotograma inicial) 4. Insertar un fotograma clave al final 5. Mover el objeto en el fotograma clave final (y/o escalarlo, y/o rotarlo) 6. En la capa guía, crear un trazado (con el pincel, la pluma, el lápiz, el óvalo e el rectángulo) 7. Insertar un fotograma clave en la capa guía, al final 8. Arrastrar el objeto en cada fotograma clave hasta que ajuste con el comienzo o fin del movimiento trazado. 9. Si deseamos que la forma gire a la vez que el trazado, debemos elegir "Orientar según trazado" en la paleta fotograma, en el fotograma inicial. 10. Podemos ocultar el trazado de guía ocultando la capa que lo contiene (botón del ojo) Cómo cambiar el color de un texto gradualmente: Veamos cómo hacer el famoso efecto de "fade in" o "fade out" (desvanecimiento) de un texto, que cambiará de color poco a poco, del color de fondo a otro, o de otro al color del fondo (o entre dos colores cualesquiera) 1. Crear el objeto en el fotograma clave inicial, con el color inicial 2. Separar el texto ("Modificar-Separar") 3. Crear interpolación de forma (en la paleta "Fotograma", elegir interpolación: "Forma") 4. Insertar un fotograma clave al final 5. Cambiar el color del objeto en el fotograma final ¿Cómo hacer un giro de 360º o más?
  • 5. Si intentamos hacer una interpolación de movimiento para un objeto que deseamos girar 360º, o incluso varias vueltas, veremos que no funciona mediante el método normal, puesto que Flash realizará el cambio por el camino más corto. Si lo hemos girado 380º, Flash sólo girará 20 (380-360). Si la rotación es múltiplo de 360º, el objeto vuelve a quedar en la misma posición en la que estaba, por lo que no se girará nada en absoluto. El método adecuado para rotar una vuelta o más es: 1. Crear el objeto en el fotograma clave inicial 2. Crear interpolación de movimiento (con el botón derecho apuntando al fotograma inicial) 3. En la paleta "Fotograma", elegir Rotar: "CMR" para que gire en el sentido de las agujas del reloj, o CCRM, en el contrario. 4. En la paleta "Fotograma", elegir el número de vueltas completas 5. Insertar un fotograma clave al final