SlideShare una empresa de Scribd logo
1 de 3
Animar Texto por Bloques

Objetivo.

     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.


Ejercicio paso a paso.

1 Escribimos el texto en cuestión, en nuestro caso "Oswaldo".

2 Abrimos el Panel Propiedades (tras seleccionar el texto) y seleccionamos el tipo de letra. Nosotros hemos elegido
"Ruach Let", pero cualquiera es válida.

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 el efecto a las letras.




Vamos a separar el texto en los siguientes bloques: "a", "u", "la" y "Clic". Podríamos cambiar los bloques si quisieramos
dar otro efecto en concreto.

5 Seleccionamos dichos bloques y los convertimos a símbolos, dándoles un nombre identificativo y el Comportamiento
gráfico, ya que no los animaremos "internamente".

6 Creamos 5 nuevas capas, una por cada bloque que hemos creado.


     Esto último es necesario ya que si no lo hiciéramos Flash aplicaría el
   movimiento a todo aquello que encontrara en dicha 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 más arriba se llamará "Clic", la siguiente "la" y así
   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 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 en
                                                                                cuenta que al principio todas las
                                                                                capas contienen lo mismo y
                                                                                superpuesto).




     10 Situamos (arrastrando) el fotograma de cada capa a los siguientes frames:

     "A" : Fotograma 1.

     "U" : Fotograma
6.

  "LA" : Fotograma
12.

  "Clic" : Fotograma
18.




  11 Seleccionamos el fotograma que ocupa cinco posiciones después del fotograma de cada capa y pulsamos F6
cada vez. En la capa "Clic" selecciona el fotograma 30 y pulsa también 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 Fotrograma Clave).

  14 Exceptuando la capa "Clic" 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 "Clic".

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

  17 En este fotograma recién creado reducimos el ancho del bloque de texto y lo colocamos junto a la última "a".

Más contenido relacionado

La actualidad más candente

La actualidad más candente (7)

Actividad 18 grupo_9
Actividad 18 grupo_9Actividad 18 grupo_9
Actividad 18 grupo_9
 
Instriccion while
Instriccion whileInstriccion while
Instriccion while
 
D6 b sentencias de control de flujo
D6 b sentencias de control de flujoD6 b sentencias de control de flujo
D6 b sentencias de control de flujo
 
Polimorfismo
PolimorfismoPolimorfismo
Polimorfismo
 
Control de flujo switch,case
Control de flujo switch,caseControl de flujo switch,case
Control de flujo switch,case
 
Apunte de instrucciones de scratch power point,
Apunte de instrucciones de scratch power point,Apunte de instrucciones de scratch power point,
Apunte de instrucciones de scratch power point,
 
Estructuras condicionales
Estructuras condicionalesEstructuras condicionales
Estructuras condicionales
 

Destacado

Lugares de vilelas.
Lugares de vilelas.Lugares de vilelas.
Lugares de vilelas.cynthyroa
 
Flas cs5Animacion de graficos
Flas cs5Animacion de graficosFlas cs5Animacion de graficos
Flas cs5Animacion de graficosMilton-2 Palomino
 
Taller de procesador de palabras
Taller de procesador de palabrasTaller de procesador de palabras
Taller de procesador de palabraslvitif
 
Tutorial microsoft word
Tutorial microsoft wordTutorial microsoft word
Tutorial microsoft wordbrugueracpn
 
Unidad 2 abrir un dibujo
Unidad 2 abrir un dibujoUnidad 2 abrir un dibujo
Unidad 2 abrir un dibujoJuan Gomez
 
Tema 7. aplicaciones multimedia
Tema 7. aplicaciones multimediaTema 7. aplicaciones multimedia
Tema 7. aplicaciones multimediamariavarey
 
Geogebra actividad paso a paso
Geogebra actividad paso a pasoGeogebra actividad paso a paso
Geogebra actividad paso a pasodahil2011
 
Second block test social studies
Second block test social studiesSecond block test social studies
Second block test social studiesaleja2003
 
Practica nº 1 de flash
Practica nº 1 de flashPractica nº 1 de flash
Practica nº 1 de flashRafael Carlos
 
Diseño 3d by ing
Diseño 3d by ingDiseño 3d by ing
Diseño 3d by ingCONSULHETAR
 
Tecnicas y metodos de estudio
Tecnicas y metodos de estudioTecnicas y metodos de estudio
Tecnicas y metodos de estudioHewlette Packard
 
Windows 7 y windows 8
Windows 7 y windows 8 Windows 7 y windows 8
Windows 7 y windows 8 Karen Vilaña
 
Sociedad de la información y flash 8
Sociedad de la información y flash 8Sociedad de la información y flash 8
Sociedad de la información y flash 8Paola Rueda
 
El Sonido Digital
El Sonido DigitalEl Sonido Digital
El Sonido Digitalalohaloh
 

Destacado (20)

Lugares de vilelas.
Lugares de vilelas.Lugares de vilelas.
Lugares de vilelas.
 
Flas cs5Animacion de graficos
Flas cs5Animacion de graficosFlas cs5Animacion de graficos
Flas cs5Animacion de graficos
 
Pantallasos
PantallasosPantallasos
Pantallasos
 
Taller de procesador de palabras
Taller de procesador de palabrasTaller de procesador de palabras
Taller de procesador de palabras
 
Tutorial microsoft word
Tutorial microsoft wordTutorial microsoft word
Tutorial microsoft word
 
Unidad 2 abrir un dibujo
Unidad 2 abrir un dibujoUnidad 2 abrir un dibujo
Unidad 2 abrir un dibujo
 
Tema 7. aplicaciones multimedia
Tema 7. aplicaciones multimediaTema 7. aplicaciones multimedia
Tema 7. aplicaciones multimedia
 
Geogebra actividad paso a paso
Geogebra actividad paso a pasoGeogebra actividad paso a paso
Geogebra actividad paso a paso
 
Second block test social studies
Second block test social studiesSecond block test social studies
Second block test social studies
 
Generalidades 3d s max
Generalidades 3d s maxGeneralidades 3d s max
Generalidades 3d s max
 
Practica nº 1 de flash
Practica nº 1 de flashPractica nº 1 de flash
Practica nº 1 de flash
 
Diseño 3d by ing
Diseño 3d by ingDiseño 3d by ing
Diseño 3d by ing
 
Tecnicas y metodos de estudio
Tecnicas y metodos de estudioTecnicas y metodos de estudio
Tecnicas y metodos de estudio
 
Windows 7 y windows 8
Windows 7 y windows 8 Windows 7 y windows 8
Windows 7 y windows 8
 
Sociedad de la información y flash 8
Sociedad de la información y flash 8Sociedad de la información y flash 8
Sociedad de la información y flash 8
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
La esperanza vence al miedo
La esperanza vence al miedoLa esperanza vence al miedo
La esperanza vence al miedo
 
El Sonido Digital
El Sonido DigitalEl Sonido Digital
El Sonido Digital
 
Presentación1
Presentación1Presentación1
Presentación1
 
Balonmaloka
BalonmalokaBalonmaloka
Balonmaloka
 

Similar a Practica 8 (20)

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
 
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
 
Practica#8 (1)
Practica#8 (1)Practica#8 (1)
Practica#8 (1)
 
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
 
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
 
Practica 8 Texto en movimiento
Practica 8 Texto en movimientoPractica 8 Texto en movimiento
Practica 8 Texto en movimiento
 

Más de Oswaldo Díaz

Más de Oswaldo Díaz (17)

Práctica 27 "Exportar Video"
Práctica 27 "Exportar Video"Práctica 27 "Exportar Video"
Práctica 27 "Exportar Video"
 
Práctica 22
Práctica 22Práctica 22
Práctica 22
 
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 8
Practica 8Practica 8
Practica 8
 
Practica 7 movimiento al gusano
Practica 7 movimiento al gusanoPractica 7 movimiento al gusano
Practica 7 movimiento al gusano
 
Practica 6.encadenar interpolacione
Practica 6.encadenar interpolacionePractica 6.encadenar interpolacione
Practica 6.encadenar interpolacione
 
Practica 10
Practica 10Practica 10
Practica 10
 
Practica 9
Practica 9Practica 9
Practica 9
 
Examen
ExamenExamen
Examen
 
Crear guia de_dibujos_y_cuadriculas
Crear guia de_dibujos_y_cuadriculasCrear guia de_dibujos_y_cuadriculas
Crear guia de_dibujos_y_cuadriculas
 
Cambiar propiedades de_la_pelã­cula
Cambiar propiedades de_la_pelã­culaCambiar propiedades de_la_pelã­cula
Cambiar propiedades de_la_pelã­cula
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.Manipular el dibujo utilizando herramientas de diseño.
Manipular el dibujo utilizando herramientas de diseño.
 

Practica 8

  • 1. Animar Texto por Bloques Objetivo. 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. Ejercicio paso a paso. 1 Escribimos el texto en cuestión, en nuestro caso "Oswaldo". 2 Abrimos el Panel Propiedades (tras seleccionar el texto) y seleccionamos el tipo de letra. Nosotros hemos elegido "Ruach Let", pero cualquiera es válida. 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 el efecto a las letras. Vamos a separar el texto en los siguientes bloques: "a", "u", "la" y "Clic". Podríamos cambiar los bloques si quisieramos dar otro efecto en concreto. 5 Seleccionamos dichos bloques y los convertimos a símbolos, dándoles un nombre identificativo y el Comportamiento gráfico, ya que no los animaremos "internamente". 6 Creamos 5 nuevas capas, una por cada bloque que hemos creado. Esto último es necesario ya que si no lo hiciéramos Flash aplicaría el movimiento a todo aquello que encontrara en dicha 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 más arriba se llamará "Clic", la siguiente "la" y así sucesivamente.
  • 2. 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 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 en cuenta que al principio todas las capas contienen lo mismo y superpuesto). 10 Situamos (arrastrando) el fotograma de cada capa a los siguientes frames: "A" : Fotograma 1. "U" : Fotograma 6. "LA" : Fotograma 12. "Clic" : Fotograma 18. 11 Seleccionamos el fotograma que ocupa cinco posiciones después del fotograma de cada capa y pulsamos F6 cada vez. En la capa "Clic" selecciona el fotograma 30 y pulsa también 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 Fotrograma Clave). 14 Exceptuando la capa "Clic" 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 "Clic". 16 Aún en esta capa, hacemos clic con el botón derecho sobre el fotograma 24 y seleccionamos Insertar
  • 3. Fotograma Clave. 17 En este fotograma recién creado reducimos el ancho del bloque de texto y lo colocamos junto a la última "a".