Hola estimado y muy querido amigo (a) gracias por seguir frecuentando este espacio web. En esta ocasión probare el programita Flash pero ahora en subversión 8 (“Flash 8”), esta versión de flash 8 tiene algunas ventajas sobre la anterior flash mx 2004. El siguiente tutorial muestra una de las nuevas herramientas de flash 8 (Desenfocar), se creara un botón para hacer un poco más entretenida la película SWF. Disfruta el tutorial ¿comenzamos? Good luck!!.
1-. Comenzar por crear un documento (ctrl. + J) de dimensiones 300 * 198 píxeles de ancho y alto respectivamente.
a)-. Escribir como velocidad de fotogramas 50 fps.
b)-. Colocar como color de fondo #FFFFFF.
2-. Creer un símbolo (ctrl. + F8).
a)-. Colocar por nombre imagen enfocada y dar como Tipo o Comportamiento Clip de película.
Nota si se da como comportamiento gráfico, el filtro de desenfocar no funcionara.
3-. Instalado en el símbolo importar una imagen Archivo >> Importar >> Importar a biblioteca. La imagen debe de tener como dimensiones 300.0 * 99.0 píxeles.
a)-. Luego arrastrar desde la biblioteca dos veces la imagen.
b)-. La primera colocarla en coordenadas X = 0.0 y Y = 0.0.
c)-. La segunda imagen, primero con ayuda del panel de Transformar (ctrl. + T) Sesgar Horizontalmente 180º.
d)-. Una vez sesgada la imagen colocarla en coordenadas X = 0.0 y Y = 99.0.
4-. Aquí es en donde realmente comienza todo el show, Regresar a la escena.
a)-. Cambiar el nombre a la capa por el de enfocar.
b)-. Arrastrar desde la biblioteca el símbolo imagen enfocada.
c)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.
5-. Insertar primero un fotograma clave (F6) en el frame # 19.
a)-. Después insertar un segundo fotograma clave (F6) en el frame # 10.
b)-. Seleccionar en la barra de Propiedades la opción Filtro.
c)-. Luego seleccionar la imagen del fotograma # 10 y después seleccionar la opción Añadir filtro en el signo (+), en el menú desplegado seleccionar Desenfocar.
d)-. Colocar el #15 tanto en Desenfocar X y Desenfocar Y.
6-. Insertar otra capa y cambiar el nombre por el de desenfocado, ocultar la capa enfocar.
a)-. Arrastrar desde la biblioteca el símbolo imagen enfocada y colocarlo en coordenadas X = 0.0 y Y = 0.0.
b)-. Seleccionar en la barra de Propiedades la opción Filtro.
c)-. Seleccionar la imagen del fotograma # 1 y después seleccionar la opción Añadir filtro en el signo (+), en el menú desplegado seleccionar Desenfocar.
d)-. Colocar el #15 tanto en Desenfocar X y Desenfocar Y.
7-. Insertar primero en fotograma clave (F6) en el frame # 19.
a)-. Después insertar un segundo fotograma clave (F6) en el frame # 10.
b)-. Seleccionar la imagen del fotograma # 10 y después seleccionar la opción Qitar filtro en el signo (-).
8-. Hacer la animación de las dos capas.
a)-. Seccionar frames entre el 1 y el 11 de ambas capas (enfocar y desenfocado).
b)-. El la barra de Propiedades seleccionar Movimiento en Animar.
9-. Insertar otra capa cambiar el por el de mascara.
a)-. En esta capa dibujar un rectángulo de dimensiones 300.0 * 99.0 píxeles y colocarlo en coordenadas X = 0.0 y Y = 0.0.
b)-. Una hecha la figura, hacer clic con el botón derecho del ratón.
c)-. Seleccionar la opción Máscara en el menú desplegado.
10-. Crear el último símbolo (ctrl. + F8)
a)-. Dar de nombre botón enfocar y Tipo o Comportamiento Botón.
11-. Seleccionar el estado de Zona activa en la Línea de tiempo.
a)-. Dibujar un rectángulo de dimensiones 300.0 * 99.0 píxeles.
b)-. Colocar la figura en coordenadas X = 0.0 y Y = 0.0.
Nota el color de relleno no importa.
12-. Insertar la última capa cambiar el nombre por el de botones, ocular la capa mascara.
a)-. Arrastrar desde la biblioteca el símbolo botón enfocar.
b)-. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.
13-. Seleccionar la imagen no el fotograma.
a)-. Abrir la barra de Acciones – botón e insertar el siguiente código action script.
on (press) {
play();
}
Nota también puedes utilizar el siguiente código action script los resultados están en el ejemplo 2
on (rollOver) {
play();
}
14-. Luego se tienen que realizar varias acciones el esta capa.
a)-. La primera acción es insertar un fotograma clave (F6) en el frame 10 y colocar esta figura en coordenadas X = 0.0 y Y = 99.0. Con esta acción que da insertado automáticamente el código action script.
b)-. Luego seleccionar el frame # 2 e insertar un fotograma clave vacío (F7).
c)-. Seleccionar el frame # 11 e insertar un fotograma clave vacío (F7).
15-. Por último insertar un par de stop();
a)-. Primero seleccionar el fotograma # 1 y en la barra de Acciones – fotograma insertar un stop();
b)-. Seleccionar el fotograma # 10 y en la barra de Acciones – fotograma insertar el segundo stop();
Con esta acción se da por concluido el tutorial, como podrás darte cuenta solo se esta utilizando un filtro de desenfoque para una misma imagen con la finalidad de no hacer dos imágenes en PHOTOSHOP. Que tal el truquito, well done!!.
P.D. Presionar ctrl. + Enter para visualizar el resultado del trabajo, espera más tutoriales de FLASH 8, hasta pronto.
Visualizar ejemplo 1 del archivo swf de este tutorial
Visualizar ejemplo 2 del archivo swf de este tutorial
Descarga el archivo fla de este tutorial
Artículos relacionados:
Estou muito obrigado por sua colaboração, estive olhando seus exemplos e eles sao muito bons, ainda que vocês os explicam claramente. Espero continuem assim para poder fazer muitas cosas boas como vocês os fazem.
Obrigado novemente.
Yo Investigo Grageda