SlideShare una empresa de Scribd logo
Claudia Yaremi Covarrubias Rivera                      3°A Informatica



                             Practica 8
Crear una animación sobre un texto separándolo en bloques de
letras cuyo movimiento será tratado de manera independiente,
dando al texto un efecto vistoso que pudiera servir como
presentación de entrada a una web u otro tipo de película.

   1- Escribimos el texto en cuestión, en nuestro caso “Yaremi
      Covarrubias”
                              Yaremi Covarrubias


   2- Abrimos el panel de propiedades (tras seleccionar el texto)
      y seleccionamos el tipo de letra. Elegi “Lucida Calligraphy”

   3- Seleccionamos el texto recién escrito.

   4- Accedemos al menú Modificar-Separar.
      Con esto separamos cada letra ya que
      de no hacerlo flash trataría todo el texto
      como un bloque y no podríamos dar
      efecto a las letras.
      Vamos a separar el texto en los
      siguientes bloques: “y”, “a”, “r”, “e”, “m”
      “i” y “covarrubias”. Podríamos cambiar
      los bloques si quisiéramos dar otro
      efecto en concreto.

   5- Seleccionamos
      dichos bloques y
      los convertimos a
                                            “y”




      símbolos,
      dándoles un
Claudia Yaremi Covarrubias Rivera                       3°A Informatica

       nombre identificativo y el comportamiento grafico, ya que
       no los animaremos “internamente”.



     6- Creamos 5 nuevas capas, una por cada bloque que
                     hemos creado.
 y
 a                 Esto ultimo es necesario ya que si no lo
 r                 hiciéramos flash aplicaría el movimiento a
 e
                   todo aquello que encontrara en dicha
 n
 a                 capa, ya que como hemos comentado
                   anteriormente, lo convertiría todo a símbolo
       automáticamente.



     7- Nombramos cada una de las capas según el bloque de
        texto que vaya a contener, pero en orden inverso en el
        que vaya a producirse la animación, para que el objeto en
        movimiento se superponga a los que no lo están, esto es, la
        capa de mas arriba se llamara “n” la siguiente “i” y asi
        sucesivamente.

     8- Hacemos clic con el
       botón derecho
       sobre el único
       fotograma que
       tenemos en la línea
       de tiempos y en el
       menú emergente
       seleccionamos
       Copiar Fotogramas.
       . A continuación
Claudia Yaremi Covarrubias Rivera                 3°A Informatica

       vamos pegando los fotogramas (botón derecho >Pegar
       Fotogramas) en todas las capas.



   9- Seleccionamos cada capa y vamos borrando las
      partes del texto que no corresponden con la parte
      del texto que debe contener. Es recomendable
      bloquear el resto de capas cuando se haga esto
      para asegurarnos de que borramos las letras de esa
      capa (hay que tener un cuenta que al principio
      todas las capas contienen lo mismo y superpuesto).
   10-      Situamos (arrastrando) el fotograma de cada
      capa a los siguientes frames:
      “y”: fotograma 1.
      “a”: fotograma 6.
      “r”: fotograma 12.
      “e”: fotograma 18.
      “m”: fotograma 24.
      “i” fotograma 30.




   11-     Seleccionamos el
      fotograma que ocupa cinco
      posiciones después del
      fotograma de cada capa y
      pulsamos F6 cada vez. En la
      capa "n" selecciona el
      fotograma 30 y pulsa también
Claudia Yaremi Covarrubias Rivera                        3°A Informatica

      F6.
   12-      Hacemos clic con el botón derecho en los
      fotogramas centrales que hay entre los fotogramas claves
      y seleccionamos cada vez Crear Interpolación de
      Movimiento.

   13-      Extendemos la
      imagen los últimos
      fotogramas de cada
      capa hasta que ocupen
      el fotograma 30 (Botón
      derecho >Insertar
      Fotograma Clave).



   14-     Exceptuando la capa "n" seleccionamos el primer
      fotograma de cada interpolación y aumentamos el
      tamaño del bloque que contiene.


   15-          Movemos ahora fuera del escenario el bloque "n".



   16-     Aún en esta capa,
      hacemos clic con el botón
      derecho sobre el fotograma 24 y
      seleccionamos Insertar
      Fotograma Clave.




Y ya tenemos la animación creada. Como vemos hemos
utilizado todo tipo de técnicas de interpolación, aunque
todavía puede complicarse más.

Más contenido relacionado

La actualidad más candente

Practica 8
Practica 8Practica 8
Practica 8
Adrian Piña
 
Practica 8
Practica 8Practica 8
Practica 8
Yaremi Covarrubias
 
Practica 8 (1)
Practica  8 (1)Practica  8 (1)
Practica 8 gaem
Practica 8 gaemPractica 8 gaem
Practica 8 gaem
Karen Eurestii
 
Practica 8
Practica 8Practica 8
Practica 8
leslie_123
 
Practica 8
Practica 8Practica 8
Practica 8 procedimiento
Practica 8 procedimientoPractica 8 procedimiento
Practica 8 procedimiento
GuerreroAladro
 
Practica 8
Practica 8Practica 8
Practica 8
12mary
 
Practica 8 macromedia
Practica 8  macromediaPractica 8  macromedia
Practica 8 macromedia
Yessy Flores
 
Practica 8 animacion por bloques
Practica 8 animacion por bloquesPractica 8 animacion por bloques
Practica 8 animacion por bloques
aeto
 
Practica 8
Practica 8Practica 8
Practica 8
Nenna Lee'
 
Practica 8
Practica 8Practica 8
Practica 8
eduardo_garcia10
 
Practica 8
Practica 8Practica 8
Practica 8
luz0987
 
Practica 8
Practica 8Practica 8
Practica 8
hectorricardo117
 
Practica 8
Practica 8Practica 8
Practica 8
Bichitaa Stradlin
 
Lineas Aleatorias
Lineas AleatoriasLineas Aleatorias
Lineas Aleatorias
Jaime Hernández
 
Practica 7
Practica 7Practica 7
Practica 7
hectorricardo117
 
Explicacion conceptos flash
Explicacion conceptos flashExplicacion conceptos flash
Explicacion conceptos flash
anypebu
 
Comcepto básico de animación
Comcepto básico de animaciónComcepto básico de animación
Comcepto básico de animación
Cristian Ivan Osorio Morales
 

La actualidad más candente (19)

Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8 (1)
Practica  8 (1)Practica  8 (1)
Practica 8 (1)
 
Practica 8 gaem
Practica 8 gaemPractica 8 gaem
Practica 8 gaem
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8 procedimiento
Practica 8 procedimientoPractica 8 procedimiento
Practica 8 procedimiento
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8 macromedia
Practica 8  macromediaPractica 8  macromedia
Practica 8 macromedia
 
Practica 8 animacion por bloques
Practica 8 animacion por bloquesPractica 8 animacion por bloques
Practica 8 animacion por bloques
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Lineas Aleatorias
Lineas AleatoriasLineas Aleatorias
Lineas Aleatorias
 
Practica 7
Practica 7Practica 7
Practica 7
 
Explicacion conceptos flash
Explicacion conceptos flashExplicacion conceptos flash
Explicacion conceptos flash
 
Comcepto básico de animación
Comcepto básico de animaciónComcepto básico de animación
Comcepto básico de animación
 

Destacado

Luis jaya 6_b_ti_1
Luis jaya 6_b_ti_1Luis jaya 6_b_ti_1
Luis jaya 6_b_ti_1
Luis Jaya
 
Informatica 2
Informatica 2Informatica 2
Informatica 2
Jiphson5
 
Actionscripts
ActionscriptsActionscripts
Actionscripts
JosueJRodriguez
 
Las bases del placer nota diario españa
Las bases del placer  nota diario españaLas bases del placer  nota diario españa
Las bases del placer nota diario españa
cerokian
 
Exposicion edad
Exposicion edadExposicion edad
Exposicion edad
Jimmy Ramos
 
movie moiker
movie  moikermovie  moiker
movie moiker
guest8b7adb8
 
Entrenamiento de mantenimiento
Entrenamiento de mantenimientoEntrenamiento de mantenimiento
Entrenamiento de mantenimiento
Brendita Martinez
 
Clausulas 63 82
Clausulas 63   82Clausulas 63   82
Clausulas 63 82
Daniel Garcia
 
Particionez
ParticionezParticionez
Particionez
Yesy Zamarripa
 
Configuración de dispositivos
Configuración de dispositivosConfiguración de dispositivos
Configuración de dispositivos
Brian Lozad
 
Bd i
Bd iBd i
Graphic designing
Graphic designingGraphic designing
Graphic designing
labhgroup904
 
Trabajo autonomo 2
Trabajo autonomo 2Trabajo autonomo 2
Trabajo autonomo 2
leidyjohannagarcia
 
La computadora
La computadoraLa computadora
La computadora
jackelinegarzon66
 
Averho Edicion Video Dia 1
Averho Edicion Video Dia 1Averho Edicion Video Dia 1
Averho Edicion Video Dia 1
Antonio Seoane Nolasco
 
Seleccion Personal(En Interent)
Seleccion Personal(En Interent)Seleccion Personal(En Interent)
Seleccion Personal(En Interent)
JdJuan Guadalinfo
 
Windows Movie Maker
Windows Movie MakerWindows Movie Maker
Windows Movie Maker
alexnekofive
 
Proyecto Final HCI 2
Proyecto Final HCI 2Proyecto Final HCI 2
Proyecto Final HCI 2
Víctor Manuel García Luna
 
Consumidores Digitais: Wave 6 – The business Of Social
Consumidores Digitais: Wave 6 – The business Of Social Consumidores Digitais: Wave 6 – The business Of Social
Consumidores Digitais: Wave 6 – The business Of Social
Consumidores Digitais
 

Destacado (20)

Luis jaya 6_b_ti_1
Luis jaya 6_b_ti_1Luis jaya 6_b_ti_1
Luis jaya 6_b_ti_1
 
Informatica 2
Informatica 2Informatica 2
Informatica 2
 
Actionscripts
ActionscriptsActionscripts
Actionscripts
 
Las bases del placer nota diario españa
Las bases del placer  nota diario españaLas bases del placer  nota diario españa
Las bases del placer nota diario españa
 
Exposicion edad
Exposicion edadExposicion edad
Exposicion edad
 
movie moiker
movie  moikermovie  moiker
movie moiker
 
Entrenamiento de mantenimiento
Entrenamiento de mantenimientoEntrenamiento de mantenimiento
Entrenamiento de mantenimiento
 
Clausulas 63 82
Clausulas 63   82Clausulas 63   82
Clausulas 63 82
 
Particionez
ParticionezParticionez
Particionez
 
Configuración de dispositivos
Configuración de dispositivosConfiguración de dispositivos
Configuración de dispositivos
 
Bd i
Bd iBd i
Bd i
 
Graphic designing
Graphic designingGraphic designing
Graphic designing
 
Trabajo autonomo 2
Trabajo autonomo 2Trabajo autonomo 2
Trabajo autonomo 2
 
La computadora
La computadoraLa computadora
La computadora
 
Averho Edicion Video Dia 1
Averho Edicion Video Dia 1Averho Edicion Video Dia 1
Averho Edicion Video Dia 1
 
Seleccion Personal(En Interent)
Seleccion Personal(En Interent)Seleccion Personal(En Interent)
Seleccion Personal(En Interent)
 
Reglamento del aprendiz sena
Reglamento del aprendiz senaReglamento del aprendiz sena
Reglamento del aprendiz sena
 
Windows Movie Maker
Windows Movie MakerWindows Movie Maker
Windows Movie Maker
 
Proyecto Final HCI 2
Proyecto Final HCI 2Proyecto Final HCI 2
Proyecto Final HCI 2
 
Consumidores Digitais: Wave 6 – The business Of Social
Consumidores Digitais: Wave 6 – The business Of Social Consumidores Digitais: Wave 6 – The business Of Social
Consumidores Digitais: Wave 6 – The business Of Social
 

Similar a Practica 8

Practica 8 gaem
Practica 8 gaemPractica 8 gaem
Practica 8 gaem
Karen Eurestii
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8
Dennii MediNa
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8
Dennii MediNa
 
Practica 8
Practica 8Practica 8
Practica 8
Practica 8Practica 8
Practica 8
Practica 8Practica 8
Practica 8
susanmorales1696
 
Practica 8
Practica 8Practica 8
Practica 8
susanmorales1696
 
Practica 8
Practica 8Practica 8
Crear una animación sobre un texto separándolo en bloques de letras
Crear una animación sobre un texto separándolo en bloques de letrasCrear una animación sobre un texto separándolo en bloques de letras
Crear una animación sobre un texto separándolo en bloques de letras
Rurus9
 
Practica 8
Practica 8Practica 8
Practica 8
karlycalleja
 
Animar el texto por bloques
Animar el texto por bloquesAnimar el texto por bloques
Animar el texto por bloques
ANA JUAREZ
 
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
CrearunaanimacinsobreuntextoseparndoloenbloquesdeletrasCrearunaanimacinsobreuntextoseparndoloenbloquesdeletras
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
Aleexiz Hdz D Perezz
 
Practica 8
Practica 8 Practica 8
Practica 8
Elizabetth Jayme
 
Practica 8
Practica 8Practica 8
Practica 8
LiZz Gaytán
 
8 animar textos por bloques
8 animar textos por bloques8 animar textos por bloques
8 animar textos por bloques
Cindy Gonzalez
 

Similar a Practica 8 (15)

Practica 8 gaem
Practica 8 gaemPractica 8 gaem
Practica 8 gaem
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Crear una animación sobre un texto separándolo en bloques de letras
Crear una animación sobre un texto separándolo en bloques de letrasCrear una animación sobre un texto separándolo en bloques de letras
Crear una animación sobre un texto separándolo en bloques de letras
 
Practica 8
Practica 8Practica 8
Practica 8
 
Animar el texto por bloques
Animar el texto por bloquesAnimar el texto por bloques
Animar el texto por bloques
 
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
CrearunaanimacinsobreuntextoseparndoloenbloquesdeletrasCrearunaanimacinsobreuntextoseparndoloenbloquesdeletras
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
 
Practica 8
Practica 8 Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
8 animar textos por bloques
8 animar textos por bloques8 animar textos por bloques
8 animar textos por bloques
 

Más de Yaremi Covarrubias

Unidad 3
Unidad 3Unidad 3
Unidad 2
Unidad 2Unidad 2
Unidad 1
Unidad 1Unidad 1
Practica 30
Practica 30Practica 30
Practica 30
Yaremi Covarrubias
 
Practica 29
Practica 29Practica 29
Practica 29
Yaremi Covarrubias
 
Sopa de letras
Sopa de letrasSopa de letras
Sopa de letras
Yaremi Covarrubias
 
Practica 30
Practica 30Practica 30
Practica 30
Yaremi Covarrubias
 
Practica 29
Practica 29Practica 29
Practica 29
Yaremi Covarrubias
 
Practica 28
Practica 28Practica 28
Practica 28
Yaremi Covarrubias
 
Practica 27
Practica 27Practica 27
Practica 27
Yaremi Covarrubias
 
Practica 26
Practica 26Practica 26
Practica 26
Yaremi Covarrubias
 
Practica 25
Practica 25Practica 25
Practica 25
Yaremi Covarrubias
 
Practica 23
Practica 23Practica 23
Practica 23
Yaremi Covarrubias
 
Practica 13
Practica 13Practica 13
Practica 13
Yaremi Covarrubias
 
Practica 12
Practica 12Practica 12
Practica 12
Yaremi Covarrubias
 
Practica 11
Practica 11Practica 11
Practica 11
Yaremi Covarrubias
 
Practica 10
Practica 10Practica 10
Practica 10
Yaremi Covarrubias
 
Practica 9
Practica 9Practica 9
Practica 9
Yaremi Covarrubias
 
Practica 7
Practica 7Practica 7
Practica 7
Yaremi Covarrubias
 

Más de Yaremi Covarrubias (20)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Practica 30
Practica 30Practica 30
Practica 30
 
Practica 29
Practica 29Practica 29
Practica 29
 
Sopa de letras
Sopa de letrasSopa de letras
Sopa de letras
 
Practica 30
Practica 30Practica 30
Practica 30
 
Practica 29
Practica 29Practica 29
Practica 29
 
Practica 28
Practica 28Practica 28
Practica 28
 
Practica 27
Practica 27Practica 27
Practica 27
 
Practica 26
Practica 26Practica 26
Practica 26
 
Practica 25
Practica 25Practica 25
Practica 25
 
Practica 23
Practica 23Practica 23
Practica 23
 
Practica 13
Practica 13Practica 13
Practica 13
 
Practica 12
Practica 12Practica 12
Practica 12
 
Practica 11
Practica 11Practica 11
Practica 11
 
Practica 11
Practica 11Practica 11
Practica 11
 
Practica 10
Practica 10Practica 10
Practica 10
 
Practica 9
Practica 9Practica 9
Practica 9
 
Practica 7
Practica 7Practica 7
Practica 7
 

Practica 8

  • 1. Claudia Yaremi Covarrubias Rivera 3°A Informatica Practica 8 Crear una animación sobre un texto separándolo en bloques de letras cuyo movimiento será tratado de manera independiente, dando al texto un efecto vistoso que pudiera servir como presentación de entrada a una web u otro tipo de película. 1- Escribimos el texto en cuestión, en nuestro caso “Yaremi Covarrubias” Yaremi Covarrubias 2- Abrimos el panel de propiedades (tras seleccionar el texto) y seleccionamos el tipo de letra. Elegi “Lucida Calligraphy” 3- Seleccionamos el texto recién escrito. 4- Accedemos al menú Modificar-Separar. Con esto separamos cada letra ya que de no hacerlo flash trataría todo el texto como un bloque y no podríamos dar efecto a las letras. Vamos a separar el texto en los siguientes bloques: “y”, “a”, “r”, “e”, “m” “i” y “covarrubias”. Podríamos cambiar los bloques si quisiéramos dar otro efecto en concreto. 5- Seleccionamos dichos bloques y los convertimos a “y” símbolos, dándoles un
  • 2. Claudia Yaremi Covarrubias Rivera 3°A Informatica nombre identificativo y el comportamiento grafico, ya que no los animaremos “internamente”. 6- Creamos 5 nuevas capas, una por cada bloque que hemos creado. y a Esto ultimo es necesario ya que si no lo r hiciéramos flash aplicaría el movimiento a e todo aquello que encontrara en dicha n a capa, ya que como hemos comentado anteriormente, lo convertiría todo a símbolo automáticamente. 7- Nombramos cada una de las capas según el bloque de texto que vaya a contener, pero en orden inverso en el que vaya a producirse la animación, para que el objeto en movimiento se superponga a los que no lo están, esto es, la capa de mas arriba se llamara “n” la siguiente “i” y asi sucesivamente. 8- Hacemos clic con el botón derecho sobre el único fotograma que tenemos en la línea de tiempos y en el menú emergente seleccionamos Copiar Fotogramas. . A continuación
  • 3. Claudia Yaremi Covarrubias Rivera 3°A Informatica vamos pegando los fotogramas (botón derecho >Pegar Fotogramas) en todas las capas. 9- Seleccionamos cada capa y vamos borrando las partes del texto que no corresponden con la parte del texto que debe contener. Es recomendable bloquear el resto de capas cuando se haga esto para asegurarnos de que borramos las letras de esa capa (hay que tener un cuenta que al principio todas las capas contienen lo mismo y superpuesto). 10- Situamos (arrastrando) el fotograma de cada capa a los siguientes frames: “y”: fotograma 1. “a”: fotograma 6. “r”: fotograma 12. “e”: fotograma 18. “m”: fotograma 24. “i” fotograma 30. 11- Seleccionamos el fotograma que ocupa cinco posiciones después del fotograma de cada capa y pulsamos F6 cada vez. En la capa "n" selecciona el fotograma 30 y pulsa también
  • 4. Claudia Yaremi Covarrubias Rivera 3°A Informatica F6. 12- Hacemos clic con el botón derecho en los fotogramas centrales que hay entre los fotogramas claves y seleccionamos cada vez Crear Interpolación de Movimiento. 13- Extendemos la imagen los últimos fotogramas de cada capa hasta que ocupen el fotograma 30 (Botón derecho >Insertar Fotograma Clave). 14- Exceptuando la capa "n" seleccionamos el primer fotograma de cada interpolación y aumentamos el tamaño del bloque que contiene. 15- Movemos ahora fuera del escenario el bloque "n". 16- Aún en esta capa, hacemos clic con el botón derecho sobre el fotograma 24 y seleccionamos Insertar Fotograma Clave. Y ya tenemos la animación creada. Como vemos hemos utilizado todo tipo de técnicas de interpolación, aunque todavía puede complicarse más.