SlideShare una empresa de Scribd logo
1 de 6
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 “Karen
      González”.




   2- Abrimos el panel de propiedades (tras seleccionar el texto)
      y seleccionamos el tipo de letra. Elegi “Viner Hand ITC”
   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.




Karen Nayely González Rea 3ª Informatica
Vamos a separar el texto en los siguientes bloques: “K”, “a”,
       “r”, “e”, “n” y “González”. Podríamos cambiar los bloques si
       quisiéramos dar otro efecto en concreto.

   5- Seleccionamos dichos bloques y los convertimos a
      símbolos, dándoles un nombre identificativo y el
      comportamiento grafico, ya que no los animaremos
      “internamente”.




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




       Esto ultimo 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.




Karen Nayely González Rea 3ª Informatica
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 “e” 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 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
Karen Nayely González Rea 3ª Informatica
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:
     “k”: fotograma 1.
     “a”: fotograma 6.
     “r”: fotograma 12.
     “e”: fotograma 18.
     “n”: 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 "n" selecciona el
      fotograma 30 y pulsa también F6.




Karen Nayely González Rea 3ª Informatica
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".




Karen Nayely González Rea 3ª Informatica
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 "K".




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.




Karen Nayely González Rea 3ª Informatica

Más contenido relacionado

La actualidad más candente (19)

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 animacion por bloques
Practica 8 animacion por bloquesPractica 8 animacion por bloques
Practica 8 animacion por bloques
 
Practica 8 macromedia
Practica 8  macromediaPractica 8  macromedia
Practica 8 macromedia
 
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
 
Lineas Aleatorias
Lineas AleatoriasLineas Aleatorias
Lineas Aleatorias
 
Practica 8 "Animar texto por bloques"
Practica 8 "Animar texto por bloques"Practica 8 "Animar texto por bloques"
Practica 8 "Animar texto por bloques"
 
Practica 8
Practica 8Practica 8
Practica 8
 

Destacado (20)

Esposa 1.0
Esposa 1.0Esposa 1.0
Esposa 1.0
 
Practica 11
Practica 11Practica 11
Practica 11
 
Flash and Accessibility
Flash and AccessibilityFlash and Accessibility
Flash and Accessibility
 
Power point nuevas tecnologias
Power point nuevas tecnologiasPower point nuevas tecnologias
Power point nuevas tecnologias
 
Practica 7
Practica 7Practica 7
Practica 7
 
Practica 10
Practica 10Practica 10
Practica 10
 
Action s cript 3
Action s cript 3Action s cript 3
Action s cript 3
 
Flash profesional
Flash profesionalFlash profesional
Flash profesional
 
Margarita
MargaritaMargarita
Margarita
 
practica 3,4
practica 3,4practica 3,4
practica 3,4
 
La computadora
La computadoraLa computadora
La computadora
 
DESARROLLO Y NUEVAS TECNOLOGIAS
DESARROLLO Y NUEVAS TECNOLOGIASDESARROLLO Y NUEVAS TECNOLOGIAS
DESARROLLO Y NUEVAS TECNOLOGIAS
 
Mapas en orden(40)
Mapas en orden(40)Mapas en orden(40)
Mapas en orden(40)
 
Diseño multimedia
Diseño multimediaDiseño multimedia
Diseño multimedia
 
Manual de Fiscalização Anatel
Manual de Fiscalização AnatelManual de Fiscalização Anatel
Manual de Fiscalização Anatel
 
Lizeth natalia urian salazar 1 de eme
Lizeth natalia urian salazar 1 de emeLizeth natalia urian salazar 1 de eme
Lizeth natalia urian salazar 1 de eme
 
Sugar packaging project
Sugar packaging projectSugar packaging project
Sugar packaging project
 
Angie tovar
Angie tovarAngie tovar
Angie tovar
 
Sentencia amparo 103
Sentencia amparo 103Sentencia amparo 103
Sentencia amparo 103
 
Microprocesadores
MicroprocesadoresMicroprocesadores
Microprocesadores
 

Similar a Practica 8

Similar a Practica 8 (14)

Practica 8 gaem
Practica 8 gaemPractica 8 gaem
Practica 8 gaem
 
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
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
 
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
CrearunaanimacinsobreuntextoseparndoloenbloquesdeletrasCrearunaanimacinsobreuntextoseparndoloenbloquesdeletras
Crearunaanimacinsobreuntextoseparndoloenbloquesdeletras
 
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 8 Practica 8
Practica 8
 
Practica 8 "Animar texto por bloques"
Practica 8 "Animar texto por bloques"Practica 8 "Animar texto por bloques"
Practica 8 "Animar texto por bloques"
 

Más de Kareen 'Gonzaalez (20)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Unidad 7 gaem
Unidad 7 gaemUnidad 7 gaem
Unidad 7 gaem
 
Practica 30 gaem
Practica 30 gaemPractica 30 gaem
Practica 30 gaem
 
Practica 29 gaem
Practica 29 gaemPractica 29 gaem
Practica 29 gaem
 
Practica 28 gaem
Practica 28 gaemPractica 28 gaem
Practica 28 gaem
 
Practica 13 gaem
Practica 13 gaemPractica 13 gaem
Practica 13 gaem
 
Practica 12 gaem
Practica 12 gaemPractica 12 gaem
Practica 12 gaem
 
Practica 11 gaem
Practica 11 gaemPractica 11 gaem
Practica 11 gaem
 
Practica 10 gaem
Practica 10 gaemPractica 10 gaem
Practica 10 gaem
 
Practica 9 gaem
Practica 9 gaemPractica 9 gaem
Practica 9 gaem
 
Practica 7
Practica 7Practica 7
Practica 7
 
Practica 6
Practica 6Practica 6
Practica 6
 
Practica 5
Practica 5Practica 5
Practica 5
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Practica 4
Practica 4Practica 4
Practica 4
 
Practica3
Practica3Practica3
Practica3
 
Practica nº 2
Practica nº 2Practica nº 2
Practica nº 2
 

Practica 8

  • 1. 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 “Karen González”. 2- Abrimos el panel de propiedades (tras seleccionar el texto) y seleccionamos el tipo de letra. Elegi “Viner Hand ITC” 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. Karen Nayely González Rea 3ª Informatica
  • 2. Vamos a separar el texto en los siguientes bloques: “K”, “a”, “r”, “e”, “n” y “González”. Podríamos cambiar los bloques si quisiéramos dar otro efecto en concreto. 5- Seleccionamos dichos bloques y los convertimos a símbolos, dándoles un nombre identificativo y el comportamiento grafico, ya que no los animaremos “internamente”. 6- Creamos 5 nuevas capas, una por cada bloque que hemos creado. Esto ultimo 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. Karen Nayely González Rea 3ª Informatica
  • 3. 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 “e” 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 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 Karen Nayely González Rea 3ª Informatica
  • 4. 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: “k”: fotograma 1. “a”: fotograma 6. “r”: fotograma 12. “e”: fotograma 18. “n”: 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 "n" selecciona el fotograma 30 y pulsa también F6. Karen Nayely González Rea 3ª Informatica
  • 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 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". Karen Nayely González Rea 3ª Informatica
  • 6. 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 "K". 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. Karen Nayely González Rea 3ª Informatica