Efecto Desenfocar Enfocar Con Programación En Flash 8

1

Tutorial Flash 8 Programación De Efecto Enfocar DesenfocarTutorial Adobe Flash 8 Efecto Desenfocar Enfocar Con Programación. Hola nuevamente me encuentro ante ti para presentarte un nuevo y sensacional tutorial, este tutorial se resuelve en pasos muy sencillos. La animación de enfocar y desenfocar esta basada básicamente en dos clips de película y unas cuantas líneas de código ActionScript. Si deseas aprender esta técnica ¡comencemos! :) Good Luck :) .

1)-. El paso es crear las propiedades del documento (ctrl. + J) sobre el cual se va a trabajar.

a)-. Las dimensiones del documento son 380 * 55 píxeles de ancho y alto.

b)-. El color de fondo utilizado es #FFFFFF.

c)-. En este trabajo en particular usar como velocidad de fotogramas 80 fps.

2)-. Crear el primero de dos símbolos (ctrl +F8), a este símbolo nombrarlo texto base.

a)-. En la opción de Tipo seleccionar Clip de película.

3)-. Una vez que te encuentres ubicado en el símbolo, insertar un texto estático (T), las propiedades del texto son: tipo de fuente 20th Century Font, tamaño de fuente 90, color de fuente #0000FF y seleccionar en espacio entre letras 7.

a)-. Luego escribir una frase, que cubra el espacio de 380 * 55 píxeles.

b)-. Colocar el texto escrito en coordenadas X: 0.0 Y: 0.0.

4)-. Insertar el segundo símbolo (ctrl. + F8) nombrar a este símbolo texto escena.

a)-. En la opción Tipo seleccionar Clip de película.

5)-. Cambiar el nombre de la Capa de este nuevo símbolo por de clip desenfocado.

a)-. Arrastrar desde la biblioteca en símbolo texto base y colocarlo en coordenadas X: 0.0 Y: 0.0.

6)-. En el siguiente paso se aplicara el filtro de desenfoque sobre el texto. Primero seleccionar el Panel de Filtros, y después hacer clic en el signo +.

a)-. Cuando aparezca el menú emergente seleccionar la opción de Desenfocar.

b)-. Escribir en las opciones de desenfoque X: 10 y de Y: 10, seleccionar en Calidad: Alta.

7)-. Insertar una segunda capa y cambiar el nombre de esta capa por el de clip normal.

a)-. Arrastrar desde la biblioteca el símbolo texto base. Una vez que el símbolo quede insertado sobre el fotograma escribir txt como Nombre de instancia.

b)-. Colocar el texto arrastrado en coordenadas X: 0.0 Y: 0.0.

8)-. Regresar a la Escena y arrastrar desde la biblioteca el símbolo texto escena.

a)-. Colocar este símbolo en coordenadas X: 0.0 Y: 0.0.

9)-. Para finalizar con el tutorial basta con seleccionar el texto (no el fotograma). Abrir el panel de Acciones – clip de película e insertar el siguiente código ActionScript.

onClipEvent (enterFrame) {

temp = txt._alpha+speed*imag;

txt._alpha = Math.min(100, Math.max(temp, 2));

}

onClipEvent (load) {

speed = 1.5;

txt._alpha = 0;

this.onRollOver = function() {

imag = 1;

};

this.onRollOut = function() {

imag = -0.5;

};

}

Con este paso queda concluido el tutorial, y como te puedes dar cuanta los pasos son muy sencillos y básicos :) well done :)

P.D. Solamente falta presionar ctrl. + Enter para ver como funciona el trabajo realizado, es una forma diferente de aplicar una animación de un filtro de desenfoque. Sigue escribiendo tus dudas y comentarios estos son atendidos con mucho gusto. :) Hasta pronto :)

Visualizar el archivo swf de este tutorial

Descarga el archivo en en versión Flash 8 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.

Un comentario para “Efecto Desenfocar Enfocar Con Programación En Flash 8”

  1. El_DaNy says:

    Grasias jmx por el tutorial esta interesante, esto de action script en flash…

Dejar un comentario