Zoom Gradual de un Texto

Hola espero que disfrutes al máximo todos los tutoriales que se publican en este espacio Web, en esta ocasión tengo para ti un tutorial que se refiere a una animación zoom de una frase (FLASH). Esta animación no tiene mayor ciencia, sin embargo, tiene un pequeño truco “error” o sea que el archivo SWF no corresponde a la explicación aquí expuesta. Te invito a que realices el tutorial y compares TÚ archivo swf con el que se publica en este espacio. Good luck!!, ¿comenzamos?.

1-. Crear un documento (ctrl. + J) de 500 * 105 píxeles de ancho y alto respectivamente.
a)-. Color de fondo #000000, y velocidad de fotograma 12 fps.

2-. Se me olvidaba decir que toda la animación se realizara en la escena.
a)-. Insertar una frase (palabra) con ayuda de un texto estático, tamaño de fuente 80 y color de fuente #FFFFFF.
b)-. Escribir en espacio entere caracteres 10.
c)-. Hacer visible el panel de Transformar (ctrl. + T) y luego escribir 150 % en los dos espacios (ancho y alto)

3-. Primero separar la frase (ctrl. + B).
a)-. Luego hacer clic en alguna parte de la frase con el botón derecho del ratón.
b)-. Seleccionar Distribuir en capas del menú emergente que aparece.

4-. Una vez que la frase fue distribuida en capas cada una de ellas tomara el nombre de una de las letras de la palabra.
a)-. Seleccionar las cinco capas y nuevamente separar la frase (ctrl. + B).
b)-. Colorar tola la frase en coordenadas X = 6.5 y Y = 9.5.

5-. Seleccionar el frame # 5 e insertar un fotograma clave (F6)

6-. Seleccionar las cinco capas del frame # 1.
a)-. Hacer visible el panel Transformar (ctrl. + T).
b)-. Escribir 2.0 % en las casillas correspondientes.
c)-. Colocar la frase reducida en coordenadas X = 244.6 y Y = 51.1.

7-. Recorrer dos frames la capa L, cuatro frames la capa A, seis frames la capa S y ocho frames la capa H. tal y como se muestra en la imagen.

8-. Seleccionar el frame # 16 de las cinco capas e insertar en ellas fotogramas clave (F6).

9-. Seleccionar algún fotograma entere el dos y el cuatro de la capa F y transferirlo al frame # 21. Espero que este paso sea lo suficientemente explicito sobretodo para las personas que empiezan en el mundo flash.

10-. Hacer la misma operación con el resto de las capas.
a)-. En la capa L seleccionar un fotograma entere el frame cuatro y seis.
b)-. En la capa A seleccionar un fotograma entere el frame seis y ocho.
c)-. En la capa S seleccionar un fotograma entere el frame ocho y diez.
d)-. En la capa H seleccionar un fotograma entere el frame diez y doce.

11-. Por último hacer las animaciones correspondientes.
a)-. Seleccionar el fotograma uno de la capa F y en la barra de Propiedades dar la Animar Forma.
b)-. En la capa L seleccionar el fotograma tres y en la barra de Propiedades dar la Animar Forma.
c)-. En la capa A seleccionar el fotograma cinco.
d)-. En la capa S seleccionar el fotograma siete
e)-. En la capa H seleccionar el fotograma nueve.

12-. Aquí se muestra como queda la animación explicada en el paso anterior.
a)-. Hacer una segunda animación la cual corresponde a disminuir el texto.
b)-. Seleccionar el fotograma # 16 de las cinco capas y luego Animar Forma.

Con esto se da por concluido el tutorial well done.

P.D. Presionar ctrl. + enter para visualizar el trabajo realizado. Espero que encuentren la diferencia entere el archivo swf publicado y el archivo que resulta de esta explicación. Hasta pronto.

Visualizar archivo swf de este tutorial

Descarga el archivo fla de este tutorial

Búsquedas:

• como separar letras en photoshop
• efecto zoom gradual flash
• Cómo darle un zoom progresivo a una palabra en flash
• efecto aumentar letra con flash
• espacio entre caracteres
• hacer zoom a un texto en flash
• letra en capas adobe flash tutorial
• programar un zoom gradual en flash
• zoom en flash e introducir texto

Artículos relacionados:

• Video Tutorial Animación De Texto Zoom En Flash CS3
• Rotar un Texto con Código Action Script
• Texto Programado con Efecto de Ola en Flash 8
• Rotar Texto 360 Grados en Forma Horizontal en Flash 8