Oct
11
Tutorial Flash: Efecto de niebla dinámina
publicado en Flash |
Flash permite realizar una gran variedad de efectos y animaciones para dibujos vectoriales, pero también se muestra como un programa muy adecuado para aplicar éstos sobre imágenes de mapa de bit y fotografías.
Vamos a explicar cómo introducir un efecto de niebla dinámica a una fotografía de un paisaje.
http://terrisperber.mycyberway.com/celebrex9466.html
http://terrisperber.mycyberway.com/celebrex1571.html
http://terrisperber.mycyberway.com/celebrex1809.html
http://terrisperber.mycyberway.com/celebrex5557.html
http://louisewofford.10gbfreehost.com/celebrex2068.html
http://louisewofford.10gbfreehost.com/celebrex704.html
http://louisewofford.10gbfreehost.com/celebrex7385.html
http://louisewofford.10gbfreehost.com/celebrex7191.html
http://louisewofford.10gbfreehost.com/celebrex5799.html
http://marthaferrill.servik.com/celebrex9393.html
http://marthaferrill.servik.com/celebrex6044.html
http://marthaferrill.servik.com/celebrex2172.html
http://marthaferrill.servik.com/celebrex2473.html
http://jessicatubbs.seitenclique.net/celebrex9157.html
http://jessicatubbs.seitenclique.net/celebrex5548.html
http://jessicatubbs.seitenclique.net/celebrex9284.html
http://jessicatubbs.seitenclique.net/celebrex3755.html
http://jessicatubbs.seitenclique.net/celebrex6277.html
http://marvinbean.fizwig.com/celebrex6950.html
http://marvinbean.fizwig.com/celebrex3124.html
http://marvinbean.fizwig.com/celebrex7874.html
http://marvinbean.fizwig.com/celebrex4238.html
http://marvinbean.fizwig.com/celebrex2959.html
http://staceydavis.k2free.com/celebrex2534.html
http://quentincruz.servik.com/celebrex2016.html
http://quentincruz.servik.com/celebrex134.html
http://quentincruz.servik.com/celebrex1480.html
http://quentincruz.servik.com/celebrex8600.html
http://thomasrumbaugh.yoyohost.com/celebrex7409.html
http://thomasrumbaugh.yoyohost.com/celebrex7818.html
http://thomasrumbaugh.yoyohost.com/celebrex5139.html
http://thomasrumbaugh.yoyohost.com/celebrex4720.html
http://willieshade.hostedwith.us/celebrex8199.html
http://willieshade.hostedwith.us/celebrex9388.html
http://willieshade.hostedwith.us/celebrex5276.html
http://willieshade.hostedwith.us/celebrex8934.html
http://michaelsimmons.seitenclique.net/celebrex8401.html
http://michaelsimmons.seitenclique.net/celebrex634.html
http://michaelsimmons.seitenclique.net/celebrex6134.html
http://michaelsimmons.seitenclique.net/celebrex7273.html
http://sharonsmith.fizwig.com/celebrex7600.html
http://sharonsmith.fizwig.com/celebrex2859.html
http://sharonsmith.fizwig.com/celebrex7078.html
http://sharonsmith.fizwig.com/celebrex8409.html
http://johnrussell.k2free.com/celebrex1714.html
http://amyroberts.yourfreehosting.net/celebrex8339.html
http://amyroberts.yourfreehosting.net/celebrex8077.html
http://amyroberts.yourfreehosting.net/celebrex1182.html
http://amyroberts.yourfreehosting.net/celebrex9603.html
http://amyroberts.yourfreehosting.net/celebrex1933.html
http://carriemorgan.10gbfreehost.com/celebrex3233.html
http://carriemorgan.10gbfreehost.com/celebrex275.html
http://carriemorgan.10gbfreehost.com/celebrex5263.html
http://carriemorgan.10gbfreehost.com/celebrex5343.html
http://carriemorgan.10gbfreehost.com/celebrex8148.html
http://kerrychavez.mycyberway.com/celebrex9288.html
http://kerrychavez.mycyberway.com/celebrex9382.html
http://kerrychavez.mycyberway.com/celebrex5609.html
http://kerrychavez.mycyberway.com/celebrex2969.html
http://jeffreyreavis.freehoxt.com/celebrex1438.html
http://jeffreyreavis.freehoxt.com/celebrex1832.html
http://jeffreyreavis.freehoxt.com/celebrex4561.html
http://jeffreyreavis.freehoxt.com/celebrex3258.html
http://robertferrara.hostingtribe.com/celebrex4981.html
http://robertferrara.hostingtribe.com/celebrex9760.html
http://robertferrara.hostingtribe.com/celebrex7297.html
http://robertferrara.hostingtribe.com/celebrex5720.html
http://bensanders.00bp.com/celebrex5094.html
http://bensanders.00bp.com/celebrex7710.html
http://davidmitchell.freeweb7.com/celebrex2458.html
http://davidmitchell.freeweb7.com/celebrex9845.html
http://davidmitchell.freeweb7.com/celebrex5514.html
http://davidmitchell.freeweb7.com/celebrex8428.html
http://veronicakelley.247ihost.com/celebrex1116.html
http://veronicakelley.247ihost.com/celebrex6046.html
http://veronicakelley.247ihost.com/celebrex8612.html
http://veronicakelley.247ihost.com/celebrex1457.html
http://brandonreillyda.freewebspace-us.com/celebrex4274.html
http://brandonreillyda.freewebspace-us.com/celebrex1926.html
http://brandonreillyda.freewebspace-us.com/celebrex8585.html
http://brandonreillyda.freewebspace-us.com/celebrex9508.html
http://heatherthomas.my3gb.com/celebrex9384.html
http://heatherthomas.my3gb.com/celebrex2639.html
http://heatherthomas.my3gb.com/celebrex557.html
http://heatherthomas.my3gb.com/celebrex8232.html
http://heatherthomas.my3gb.com/celebrex4646.html
http://marycardella.yourfreehosting.net/celebrex1685.html
http://marycardella.yourfreehosting.net/celebrex5487.html
http://marycardella.yourfreehosting.net/celebrex8664.html
http://marycardella.yourfreehosting.net/celebrex2294.html
http://shirleylewis.hostedwith.us/celebrex7227.html
http://shirleylewis.hostedwith.us/celebrex9872.html
http://shirleylewis.hostedwith.us/celebrex9841.html
http://shirleylewis.hostedwith.us/celebrex8219.html
http://dorothyjones.yoyohost.com/celebrex6690.html
http://dorothyjones.yoyohost.com/celebrex7400.html
http://dorothyjones.yoyohost.com/celebrex7329.html
http://dorothyjones.yoyohost.com/celebrex961.html
http://jessebryson.1gb.in/celebrex2899.html
http://jessebryson.1gb.in/celebrex8422.html
http://jessebryson.1gb.in/celebrex3055.html
http://jessebryson.1gb.in/celebrex376.html
http://jennifercrisler.freehoxt.com/celebrex7216.html
http://jennifercrisler.freehoxt.com/celebrex6205.html
http://jennifercrisler.freehoxt.com/celebrex4101.html
http://jennifercrisler.freehoxt.com/celebrex6474.html
http://leebartz.hostingtribe.com/celebrex5853.html
http://leebartz.hostingtribe.com/celebrex8755.html
http://leebartz.hostingtribe.com/celebrex6527.html
http://leebartz.hostingtribe.com/celebrex8023.html
http://mariafries.phreesite.com/celebrex2287.html
http://mariafries.phreesite.com/celebrex9947.html
http://mariafries.phreesite.com/celebrex2088.html
http://eugenesenn.00bp.com/celebrex6211.html
http://eugenesenn.00bp.com/celebrex9612.html
http://daviddegnan.freemysqlphphosting.com/celebrex8940.html
http://daviddegnan.freemysqlphphosting.com/celebrex2408.html
http://daviddegnan.freemysqlphphosting.com/celebrex7864.html
http://daviddegnan.freemysqlphphosting.com/celebrex9199.html
http://daviddegnan.freemysqlphphosting.com/celebrex1953.html
http://mattieburke.007sites.com/celebrex9511.html
http://mattieburke.007sites.com/celebrex3691.html
http://mattieburke.007sites.com/celebrex7309.html
http://mattieburke.007sites.com/celebrex4892.html
http://mattieburke.007sites.com/celebrex9065.html
http://melissaclark.domaingler.com/celebrex1760.html
http://melissaclark.domaingler.com/celebrex8370.html
http://melissaclark.domaingler.com/celebrex7493.html
http://melissaclark.domaingler.com/celebrex7836.html
http://mercedesrecinos.blackapplehost.com/celebrex3293.html
http://mercedesrecinos.blackapplehost.com/celebrex4199.html
http://mercedesrecinos.blackapplehost.com/celebrex7161.html
http://patrickelder.1gb.in/celebrex1201.html
http://patrickelder.1gb.in/celebrex3460.html
http://patrickelder.1gb.in/celebrex2293.html
http://patrickelder.1gb.in/celebrex9097.html
http://earlhudson.hothostcity.com/celebrex4982.html
http://earlhudson.hothostcity.com/celebrex9794.html
http://earlhudson.hothostcity.com/celebrex8586.html
http://earlhudson.hothostcity.com/celebrex8732.html
http://amalvanhorne.babblefly.com/celebrex9889.html
http://amalvanhorne.babblefly.com/celebrex9625.html
http://joegreen.freeweb7.com/celebrex3103.html
http://joegreen.freeweb7.com/celebrex3756.html
http://joegreen.freeweb7.com/celebrex4169.html
http://joegreen.freeweb7.com/celebrex9981.html
Abrimos Flash y creamos un documento del mismo tamaño que la imagen con la que vamos a trabajar (400 x 300). También conviene configurar la velocidad de la película que se generará (p. ej. 18 fps). Para hacerlo acudimos al panel Propiedades del documento.

Importamos la imagen. Desplegamos el menú Archivo >> Importar >> Importar a escenario y escogemos el archivo de imagen.

Conviene que, con la imagen seleccionada, esta quede alineada horizontal y verticalmente en el escenario.

Con la imagen todavía seleccionada, la convertimos en símbolo (F8) de ltipo Clip de película. Recordamos que resulta conveniente asignarle un nombre que identifiquemos (p. ej. Fondo_rio).

Cuando la imagen tiene altos niveles de contraste o luminosidad, conviene matizarla para que la niebla no resalte demasiado sobre ella. Hay muchas maneras de hacer, pero lo más sencillo suele ser modificar su transparencia bajando su canal Alfa. Desplegamos la lista Color del panel Propiedades y anotamos la cantidad (sobre un 80% suele ser suficiente).

Añadimos una nueva capa para la niebla por encima de la imagen.

Bloqueamos la capa de la imagen y utilizamos la herramienta Pincel para crear una forma que se asemeje a los jirones de niebla. El pincel y su tamaño puede ser a nuestro gusto, pero el color debe ser un gris claro (#CCCCCC).

Con la forma seleccionada, convertimos la niebla en un Clip de película.
El panel Filtros, pulsamos en el botón + y escogemos Desenfocar.
Los parámetros del efecto deben ser similares a los siguientes:

Para darle un ligero efecto de volumen, añadimos un efecto de bisel. Volvemos a presionar en el botón +, escogemos Bisel y asignamos los siguientes parámetros:

De nuevo, pulsamos sobre el botón + y aplicamos el efecto Sombra. Los parámetros deben acercarse a estos valores:

Este es el resultado de la niebla, después de aplicar los diferentes efectos a la forma dibujada. Conviene jugar con diferentes efectos y parámetros para dar con el resultado que más nos convenga.

A continuación hay que proceder a la animación de la niebla. Con el clip seleccionado, nos dirigimos a la línea de tiempo de la capa Niebla y seleccionamos el fotograma 750 (dependerá de la duración que queramos que tenga el efecto). Lo convertimos en fotograma clave (F6).

Movemos el clip hasta la parte opuesta de la imagen (para adjudicar la posición final de la niebla en la animación.

Hacemos clic con el botón derecho del ratón en cualquier fotograma de la línea de tiempo activa de la niebla y seleccionamos Crear interpolación de movimiento.

Por supuesto, debemos alargar la línea de tiempo de la capa de la imagen para que ésta aparezca todo el tiempo.

Hacemos clic de nuevo en el primer fotograma de la línea de tiempo de la niebla, seleccionamos su clip de película y, le aplicamos una transparencia alta asignándole un Alfa bajo.
Hacemos lo mismo con el último fotograma de la película y subimos el alfa.
Por último probamos la película para ver el efecto. Podremos contemplar cómo la niebla va apareciendo muy tenuemente por el lado derecho de la fotografía y va aumentando su intensidad mientras se desplaza hacia el lado izquierdo.

Productos formativos relacionados con Flash 8:
Curso de Flash 8
Manual de Flash 8
Prácticas y ejercicios Flash 8
