SlideShare una empresa de Scribd logo
Unidad 3

     Crear una animación sobre un texto
      separándolo en bloques de letras.
1 Escribimos el texto en cuestión.




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




3 Seleccionamos el texto recién escrito.




Luis Mario Velasco Ocejo “Rurus” 3°C Informática
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 bloques.



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 nuevas capas, una por cada bloque que hemos
creado.




Luis Mario Velasco Ocejo “Rurus” 3°C Informática
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.




Luis Mario Velasco Ocejo “Rurus” 3°C Informática
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).




Luis Mario Velasco Ocejo “Rurus” 3°C Informática
10 Situamos (arrastrando) el fotograma de cada capa a los
frames.




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).




Luis Mario Velasco Ocejo “Rurus” 3°C Informática
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.




Luis Mario Velasco Ocejo “Rurus” 3°C Informática

Más contenido relacionado

La actualidad más candente

Practica 8
Practica 8Practica 8
Practica 8DeVaux09
 
Animar el texto por bloques
Animar el texto por bloquesAnimar el texto por bloques
Animar el texto por bloques
ANA JUAREZ
 
Practica 8
Practica 8Practica 8
Practica 8
karlycalleja
 
Practica 8
Practica 8Practica 8
Practica 812mary
 
Practica 8
Practica 8Practica 8
Practica 8luz0987
 
8 animar textos por bloques
8 animar textos por bloques8 animar textos por bloques
8 animar textos por bloquesCindy Gonzalez
 

La actualidad más candente (18)

Practica 8
Practica 8Practica 8
Practica 8
 
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
Practica 8Practica 8
Practica 8
 
Animar el texto por bloques
Animar el texto por bloquesAnimar el texto por bloques
Animar el texto 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
 
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
 
8 animar textos por bloques
8 animar textos por bloques8 animar textos por bloques
8 animar textos por bloques
 
Practica 8 gaem
Practica 8 gaemPractica 8 gaem
Practica 8 gaem
 
Practica 8 (1)
Practica  8 (1)Practica  8 (1)
Practica 8 (1)
 

Destacado

Práctica 11 gaem
Práctica 11  gaemPráctica 11  gaem
Práctica 11 gaemRurus9
 
Unidad 2
Unidad 2Unidad 2
Unidad 2Rurus9
 
Práctica de evaluación 2
Práctica de evaluación 2Práctica de evaluación 2
Práctica de evaluación 2Rurus9
 
Práctica 13 forma a texto
Práctica 13 forma a textoPráctica 13 forma a texto
Práctica 13 forma a textoRurus9
 
Unidad 3
Unidad 3Unidad 3
Unidad 3Rurus9
 
Práctica 10
Práctica 10Práctica 10
Práctica 10Rurus9
 
Practica 1
Practica 1Practica 1
Practica 1Rurus9
 
Modulo Ensamblaje de Pc
Modulo Ensamblaje de PcModulo Ensamblaje de Pc
Modulo Ensamblaje de PcFree TIC
 
Unidad 1
Unidad 1Unidad 1
Unidad 1Rurus9
 

Destacado (9)

Práctica 11 gaem
Práctica 11  gaemPráctica 11  gaem
Práctica 11 gaem
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Práctica de evaluación 2
Práctica de evaluación 2Práctica de evaluación 2
Práctica de evaluación 2
 
Práctica 13 forma a texto
Práctica 13 forma a textoPráctica 13 forma a texto
Práctica 13 forma a texto
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Práctica 10
Práctica 10Práctica 10
Práctica 10
 
Practica 1
Practica 1Practica 1
Practica 1
 
Modulo Ensamblaje de Pc
Modulo Ensamblaje de PcModulo Ensamblaje de Pc
Modulo Ensamblaje de Pc
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 

Similar a Crear una animación sobre un texto separándolo en bloques de letras

Practica 8
Practica 8Practica 8
Practica 8
hectorricardo117
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8Dennii MediNa
 
Texto en movimiento.dj 8
Texto en movimiento.dj 8Texto en movimiento.dj 8
Texto en movimiento.dj 8Dennii MediNa
 
Practica 8 macromedia
Practica 8  macromediaPractica 8  macromedia
Practica 8 macromediaYessy Flores
 

Similar a Crear una animación sobre un texto separándolo en bloques de letras (13)

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
 
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 gaem
Practica 8 gaemPractica 8 gaem
Practica 8 gaem
 
Practica 8 macromedia
Practica 8  macromediaPractica 8  macromedia
Practica 8 macromedia
 

Más de Rurus9

Unidad 3
Unidad 3Unidad 3
Unidad 3Rurus9
 
Unidad 2
Unidad 2Unidad 2
Unidad 2Rurus9
 
Práctica 26
Práctica 26Práctica 26
Práctica 26Rurus9
 
Práctica 25
Práctica 25Práctica 25
Práctica 25Rurus9
 
Práctica 24
Práctica 24Práctica 24
Práctica 24Rurus9
 
Unidad 6
Unidad 6Unidad 6
Unidad 6Rurus9
 
Práctica 27
Práctica 27Práctica 27
Práctica 27Rurus9
 
Práctica 23
Práctica 23Práctica 23
Práctica 23Rurus9
 
Práctica 21
Práctica 21Práctica 21
Práctica 21Rurus9
 
Cuestionario unidad 4
Cuestionario unidad 4Cuestionario unidad 4
Cuestionario unidad 4Rurus9
 
Unidad 5
Unidad 5Unidad 5
Unidad 5Rurus9
 
Práctica 22
Práctica 22Práctica 22
Práctica 22Rurus9
 
Práctica 20
Práctica 20Práctica 20
Práctica 20Rurus9
 
Práctica 18
Práctica 18Práctica 18
Práctica 18Rurus9
 
Práctica 17
Práctica 17Práctica 17
Práctica 17Rurus9
 
Práctica 16
Práctica 16Práctica 16
Práctica 16Rurus9
 
Práctica 15
Práctica 15Práctica 15
Práctica 15Rurus9
 
Práctica 19
Práctica 19Práctica 19
Práctica 19Rurus9
 
4.2 introducción a la programación con action script
4.2 introducción a la programación con action script4.2 introducción a la programación con action script
4.2 introducción a la programación con action scriptRurus9
 
Práctica 14
Práctica 14Práctica 14
Práctica 14Rurus9
 

Más de Rurus9 (20)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Práctica 26
Práctica 26Práctica 26
Práctica 26
 
Práctica 25
Práctica 25Práctica 25
Práctica 25
 
Práctica 24
Práctica 24Práctica 24
Práctica 24
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Práctica 27
Práctica 27Práctica 27
Práctica 27
 
Práctica 23
Práctica 23Práctica 23
Práctica 23
 
Práctica 21
Práctica 21Práctica 21
Práctica 21
 
Cuestionario unidad 4
Cuestionario unidad 4Cuestionario unidad 4
Cuestionario unidad 4
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Práctica 22
Práctica 22Práctica 22
Práctica 22
 
Práctica 20
Práctica 20Práctica 20
Práctica 20
 
Práctica 18
Práctica 18Práctica 18
Práctica 18
 
Práctica 17
Práctica 17Práctica 17
Práctica 17
 
Práctica 16
Práctica 16Práctica 16
Práctica 16
 
Práctica 15
Práctica 15Práctica 15
Práctica 15
 
Práctica 19
Práctica 19Práctica 19
Práctica 19
 
4.2 introducción a la programación con action script
4.2 introducción a la programación con action script4.2 introducción a la programación con action script
4.2 introducción a la programación con action script
 
Práctica 14
Práctica 14Práctica 14
Práctica 14
 

Crear una animación sobre un texto separándolo en bloques de letras

  • 1. Unidad 3 Crear una animación sobre un texto separándolo en bloques de letras. 1 Escribimos el texto en cuestión. 2 Abrimos el Panel Propiedades (tras seleccionar el texto) y seleccionamos el tipo de letra. Nosotros hemos elegido "Old English Text Mt", pero cualquiera es válida. 3 Seleccionamos el texto recién escrito. Luis Mario Velasco Ocejo “Rurus” 3°C Informática
  • 2. 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 bloques. 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 nuevas capas, una por cada bloque que hemos creado. Luis Mario Velasco Ocejo “Rurus” 3°C Informática
  • 3. 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. Luis Mario Velasco Ocejo “Rurus” 3°C Informática
  • 4. 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). Luis Mario Velasco Ocejo “Rurus” 3°C Informática
  • 5. 10 Situamos (arrastrando) el fotograma de cada capa a los frames. 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). Luis Mario Velasco Ocejo “Rurus” 3°C Informática
  • 6. 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. Luis Mario Velasco Ocejo “Rurus” 3°C Informática