Aplicar Efecto De Zoom Con Máscara En Flash CS3

2

Tutorial Flash 8 Programación De Galería Con ScrollTutorial Adobe Flash cs3 Máscara Con Efecto Zoom. Hola en esta ocasión tengo exclusivamente para ti una animación en la cual se involucra una mascara con efecto de zoom sobre un texto, en la animación también se te menciona como hacer un color de relleno con estilo radial. El tutorial no tiene mayor complicación ya que no involucra línea aluna de código ActionScript, la mejor forma de aprender este tutorial es :) ¡comenzando! :) Good Luck :)

1)-. El primer paso es hacer el documento (ctrl. + J) sobre el cual se va a trabajar, el documento tendrá las siguientes propiedades.
a)-. Las dimensiones del documento son 410 * 80 píxeles de ancho y alto.
b)-. El color de fondo es #000000.
c)-. Usar como velocidad de fotogramas 12 fps.

2)-. Después de haber creado las propiedades del documento, proceder a seleccionar la herramienta de rectángulo en el panel de herramientas.
a)-. Para hacer más practica la animación, el trabajo se llevara acabo en su totalidad en la Escena.

3)-. En este paso hacer el color de relleno con efecto de degradado. Invocar el panel de color (shift + F9).
a)-. Anular la selección de color de trazo, en la opción de tipo color de relleno seleccionar la opción de radial.
b)-. Colocar tres pestañas de color #810D16 y tres pestañas de color #FFFFFF tal y como se muestra en la imagen.

4)-. Proceder a dibujar el rectángulo en el primer fotograma, como ya se han seleccionado las propiedades del rectángulo estas se colocaran automáticamente al soltar el cursor de dibujo.
a)-. Las dimensiones del rectángulo son 1.0 * 1.0 píxeles de ancho y alto.
b)-. Una vez que a quedado dibujada la forma vectorial proceder a colocarla en coordenadas X: 204.5 Y: 39.5.

5)-. Seleccionar el frame #25 y luego insertar un fotograma clave (F6).
a)-. Seleccionar el rectángulo de este fotograma y cambiar las dimensiones a 410.0 * 80.0 píxeles de ancho y alto.
b)-. Colocar este nuevo rectángulo en coordenadas X: 0.0 Y: 0.0.

6)-. Insertar un fotograma clave (F6) más en el frame # 40.

7)-. Seleccionar el frame #65 e insertar otro fotograma clave (F6).
a)-. Seleccionara el rectángulo de este fotograma y reducir las dimensiones a 1.0 * 1.0 píxeles de ancho y alto.
b)-. Colocar este nuevo rectángulo en coordenadas X: 204.5 Y: 39.5.

8)-. Seleccionar un fotograma entre el #1 y el #24, luego en el panel de Propiedades seleccionar la opción de Animar: Forma.
a)-. Repetir este paso pero crear una nueva animación, selección ahora un fotograma entre el fotograma #40 y el #64.

9)-. Crear una nueva capa, seleccionar en el panel de herramientas la opción de Texto.
a)-. Insertar un campo de texto estático, escribir una palabra en este campo de texto (FLASH CS3).
b)-. Las propiedades del cambo de texto están marcadas en la imagen.

10)-. Hacer clic con el botón derecho del ratón sobre la capa 2, en el menú emergente seleccionar la opción de Máscara.

11)-. Para finalizar el tutorial de mascarara con efecto zoom te mostrare como queda la línea de tiemp por si tienes alguna duda de donde fueron colocados los fotogramas clave :) Well Done :)

P.D. Presionar ctrl. + Enter y ver como funciona la animación en todo su esplendor. No dudes en escribir tus dudas y sugerencias, estas serán atendidas con oportunidad. :) Hasta muy pronto :)

Visualizar el archivo swf de este tutorial

Descarga el archivo en en versión Flash 8 de este tutorial

Descarga el archivo en versión Flash CS3 de este tutorial

Artículos relacionados:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

2 comentarios para “Aplicar Efecto De Zoom Con Máscara En Flash CS3”

  1. Mariella says:

    MUCHISIMAS GRACIAS, ME VA A SER DE MUCHA UTILIDAD. :)

  2. diego says:

    como puedo hacerlo en cs4 si no me sale la opcion animar de la barra de propiedades?

Dejar un comentario