Estilo Flash Adobe Flash

Efecto Desenfocar Enfocar Con Programación En Flash 8

Tutorial 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

Comentarios

Qué opinas sobre este artículo ?, dejanos tu opinión . Tienes algo que agregar ? hazlo ahora.