Tutoriales en la Web

Efecto de Linterna con Swishmax

Posteado el 26. Feb, 2010 por Webi in Swishmax

En este tutorial veremos como hacer una máscara con gradiente y aplicarle un efecto de linterna. Esto es lo que podrás hacer, mueve el mouse hacia donde quieras y verás el efecto

PASO 1

Crear un nuevo documento de Swishmax.

PASO 2

Vamos a la ventana Properrties y al botón Movie Properties y colocamos los valores que se muestran en la figura.

PASO 3

Con la herramienta Rectangle Tool creamos un rectangulo de color negro del tamaño de nuestro documento.

PASO 4

Vamos a arrastar nuestra imagen a nuestro documento

PASO 5

Ahora con la imagen seleccionada vamos a la ventana Properties y le colocamos el nombre de fotografia y marcamos la opción de Target

PASO 6

Con la herramienta Elipse Tool vamos a crear un círculo con un color de relleno sólido y sin línea.

PASO 7

Vamos a la ventana Properties y aplicamos un Gradient Radial del color que guste.

PASO 8

Ahora vamos a colocarle al color negro una opacidad de 100% y al color blanco una opacidad de 0%

PASO 9

Vamos a colocarle el nombre de circulo y marcamos la opción de Target.

PASO 10

Ahora vamos a seleccionar la Scene_1 y vamos a ir a la ventana Script y vamos a colocar el siguiente código:

onSelfEvent(load) {
this.fotografia.cacheAsBitmap = true;
this.circulo.cacheAsBitmap = true;
this.fotografia.setMask(this.circulo);
}
onSelfEvent(enterFrame) {
this.circulo._y = _ymouse;
this.circulo._x = _xmouse;
}

En el codigo se encuentra el nombre que le colocamos a nuestra imagen que es Fotografía y el que le colocamos a nuestro circulo estos valores cambian según los nombres que ustedes utilicen para nombrar sus objetos.

PASO 11

Vamos a la ventana Properties y al botón Movie Properties.. y ahora en la ventana damos clic a la opción Export Settings for Movie…

PASO 12

Una vez dentro en la ventana en la opción SWF version to export escojemos la versión SWF8 y le damos en ACEPTAR y luego en OK.

PASO 13

Listo ya tenemos nuestro efecto de espicas con el comando Ctrl + T vemos nuestro resultado.

Descarga el .swi de Efecto de Linterna con Swishmax

Además te recomendamos para complementar




Actualización respuesta para Andres:

PASO 1

Me imagino que tu resultado final se ve como se muestra en la imagen.

PASO 2

Vamos a tu documento de Swishmax y en la ventana outline selecciona tu fotografía y ahora vamos a la ventana Properties y asegúrate que el nombre este correctamente escrito y que la opción Target este marcada tanto en la fotografía como en el circulo del gradiente.

PASO 3

Prueba exportando tu película nuevamente, asegúrate que sea como Macromedia Flash Player 8, esto debería resolver tu problema.

Confiamos esto resuelva tus dudas

Articulos relacionados:

Tags: Animaciones, Swishmax