SlideShare una empresa de Scribd logo
1 de 6
PRACTICA 8

                             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. Vamos a basarnos en el ejemplo que acabamos de ver, para tener claro
nuestro objetivo. Luego podremos extrapolarlo a cualquier otro texto. Veamos cómo conseguir
esos efectos combinando las técnicas vistas hasta el momento.

1 Escribimos el texto en cuestión, en nuestro caso “JESUS”.




BARAJAS FERRAL GERMAN DE JESÚS
2 Abrimos el Panel Propiedades (tras seleccionar el texto) y seleccionamos el tipo de
letra. Nosotros hemos elegido "Century Schoolbook", 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: "j", "e", "s”, "u" y “s”. Podríamos
cambiar los bloques si quisiéramos dar otro efecto en concreto.




BARAJAS FERRAL GERMAN DE JESÚS
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 4 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.




BARAJAS FERRAL GERMAN DE JESÚS
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:

      "J”: Fotograma 1.
      "E”: Fotograma 6.
      "S”: Fotograma 12.
      "U”: Fotograma 18.
      "S”: Fotograma 24.




11 Seleccionamos el fotograma que ocupa cinco posiciones después del fotograma de
cada capa y pulsamos F6 cada vez. En la capa "s" selecciona el fotograma 36 y pulsa
también F6.




BARAJAS FERRAL GERMAN DE JESÚS
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 36 (Botón derecho → Insertar Fotrograma Clave).




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




BARAJAS FERRAL GERMAN DE JESÚS
16 Aún en esta capa, hacemos clic con el botón derecho sobre el fotograma 30 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 "e".

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 como veremos más adelante.




BARAJAS FERRAL GERMAN DE JESÚS

Más contenido relacionado

La actualidad más candente (14)

Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8 gaem
Practica 8 gaemPractica 8 gaem
Practica 8 gaem
 
Flash Animaciones
Flash AnimacionesFlash Animaciones
Flash Animaciones
 
Flash Animaciones
Flash AnimacionesFlash Animaciones
Flash Animaciones
 
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
 
Flash tipos de animaciones
Flash tipos de animacionesFlash tipos de animaciones
Flash tipos de animaciones
 
Ladino 3
Ladino 3Ladino 3
Ladino 3
 
Ladino 3
Ladino 3Ladino 3
Ladino 3
 
trabajo 3
trabajo 3trabajo 3
trabajo 3
 
Practica 8
Practica 8Practica 8
Practica 8
 
Rrrrrrrrrrrrr
RrrrrrrrrrrrrRrrrrrrrrrrrr
Rrrrrrrrrrrrr
 
Capas en flash
Capas en flashCapas en flash
Capas en flash
 
ALFER FLASH
ALFER FLASHALFER FLASH
ALFER FLASH
 

Destacado (7)

Ant Judíos Tomo I
Ant Judíos Tomo IAnt Judíos Tomo I
Ant Judíos Tomo I
 
Humor De Curas Y PolíTicos
Humor De Curas Y PolíTicosHumor De Curas Y PolíTicos
Humor De Curas Y PolíTicos
 
TV3N 3 bryllup - reworked
TV3N 3 bryllup - reworkedTV3N 3 bryllup - reworked
TV3N 3 bryllup - reworked
 
Unidad 2 !
Unidad 2 !Unidad 2 !
Unidad 2 !
 
Genesis
GenesisGenesis
Genesis
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Saq412 06
Saq412 06Saq412 06
Saq412 06
 

Similar a Practica 8 "Animar texto por bloques" (20)

Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 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 procedimiento
Practica 8 procedimientoPractica 8 procedimiento
Practica 8 procedimiento
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 8 animacion por bloques
Practica 8 animacion por bloquesPractica 8 animacion por bloques
Practica 8 animacion por bloques
 
Practica 8 gaem
Practica 8 gaemPractica 8 gaem
Practica 8 gaem
 
Practica 8 Texto en movimiento
Practica 8 Texto en movimientoPractica 8 Texto en movimiento
Practica 8 Texto en movimiento
 
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
 
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
CrearunaanimacinsobreuntextoseparndoloenbloquesdeletrasCrearunaanimacinsobreuntextoseparndoloenbloquesdeletras
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
 
Practica 7
Practica 7Practica 7
Practica 7
 

Más de German Barajas Ferral (20)

Cmap tools
Cmap toolsCmap tools
Cmap tools
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Practica 30
Practica 30Practica 30
Practica 30
 
Práctica 29
Práctica 29Práctica 29
Práctica 29
 
Práctica 28
Práctica 28Práctica 28
Práctica 28
 
Practica 26
Practica 26Practica 26
Practica 26
 
Practica 25
Practica 25Practica 25
Practica 25
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Práctica 24
Práctica 24Práctica 24
Práctica 24
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Practica 23
Practica 23Practica 23
Practica 23
 
Sopa de letras
Sopa de letrasSopa de letras
Sopa de letras
 
Práctica 21
Práctica 21Práctica 21
Práctica 21
 
Práctica 21
Práctica 21 Práctica 21
Práctica 21
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Practica 20
Practica 20Practica 20
Practica 20
 
Unidad 5 "Manipular sonido"
Unidad 5 "Manipular sonido"Unidad 5 "Manipular sonido"
Unidad 5 "Manipular sonido"
 

Practica 8 "Animar texto por bloques"

  • 1. PRACTICA 8 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. Vamos a basarnos en el ejemplo que acabamos de ver, para tener claro nuestro objetivo. Luego podremos extrapolarlo a cualquier otro texto. Veamos cómo conseguir esos efectos combinando las técnicas vistas hasta el momento. 1 Escribimos el texto en cuestión, en nuestro caso “JESUS”. BARAJAS FERRAL GERMAN DE JESÚS
  • 2. 2 Abrimos el Panel Propiedades (tras seleccionar el texto) y seleccionamos el tipo de letra. Nosotros hemos elegido "Century Schoolbook", 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: "j", "e", "s”, "u" y “s”. Podríamos cambiar los bloques si quisiéramos dar otro efecto en concreto. BARAJAS FERRAL GERMAN DE JESÚS
  • 3. 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 4 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. BARAJAS FERRAL GERMAN DE JESÚS
  • 4. 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: "J”: Fotograma 1. "E”: Fotograma 6. "S”: Fotograma 12. "U”: Fotograma 18. "S”: Fotograma 24. 11 Seleccionamos el fotograma que ocupa cinco posiciones después del fotograma de cada capa y pulsamos F6 cada vez. En la capa "s" selecciona el fotograma 36 y pulsa también F6. BARAJAS FERRAL GERMAN DE JESÚS
  • 5. 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 36 (Botón derecho → Insertar Fotrograma Clave). 14 Exceptuando la capa "S" 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 "S". BARAJAS FERRAL GERMAN DE JESÚS
  • 6. 16 Aún en esta capa, hacemos clic con el botón derecho sobre el fotograma 30 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 "e". 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 como veremos más adelante. BARAJAS FERRAL GERMAN DE JESÚS