Resumen

En este tutorial aprenderás cómo crear un efecto de onda de agua que sigue el cursor del ratón.

Mueve el ratón sobre la película flash para ver el efecto:

Mueve el mouse sobre swf

Requerimientos

Flash 8, Flash CS3 o Flash CS4.

Nota: La captura de pantalla en este tutorial está hecho en Flash CS3. Funciona exactamente igual en Flash 8 o Flash CS4. Este tutorial es ActionScript 2 (aunque no se requiere de ActionScript).

Paso 1 - Instale el efecto de componentes

Descargue la Gota de Agua Efecto aquí . Por favor, siga las instrucciones de instalación y arrastrar el componente desde el panel de componentes en la biblioteca de su archivo. fla.

Arrastre el componente a la biblioteca

Paso 2 - Crear un MovieClip de la imagen

Importar una imagen [pulse Ctrl-R] o de "Archivo" -> "Importar" -> "Importar en el escenario ...".

Importación de imágenes

Seleccione esta imagen y convertirla en una] MovieClip [presione F8 o haga clic derecho en el clip de película -> "Convertir en símbolo ...". Dar el movieclip el nombre de "imagen".

Nombre del movieclip

Establezca el nombre de instancia del clip de película. Use "image_mc". Su importante establecer un nombre de instancia si es así el componente no se encuentra el MovieClip. Por cierto, el nombramiento depende de usted, usted puede elegir otro nombre si quiere Oyu. Sólo asegúrese de que el nombre de instancia es projectwide único.

Establecer el nombre de instancia

Paso 3 - Aplique el efecto a un clip de película y conjunto de parámetros

Arrastre el componente al MovieClip. El componente snapps automáticamente.

Arrastre los componentes en MovieClip

Abra el panel Inspector de componentes de Windows -> "Inspector de componentes". Aquí se pueden establecer los parámetros para el efecto. Movieclips Todos con nombres de instancia en este marco se enumeran en el "Target MovieClip" lista de selección. Dado que sólo tiene un clip de película, el componente asume, que desea aplicar el efecto sobre el movieclip "image_mc". Establezca el "cursor sensible" opción "Sí" para hacer el efecto del agua siga el ratón.

Fija el parámetro dentro del inspector de componentes

Nota: Estos ajustes sólo se aplican a esta instancia de uno de los componente de efecto. Si dibuja el componente en otro clip de película (en algún otro lugar dentro del fla. O en un nuevo proyecto) tiene que establecer la configuración de nuevo.

Paso 4 - Exportación

Exportación del Comando Película -> "Probar película" o pulsar [Ctrl-Enter] y ver el resultado. Si usted no está satisfecho, volver atrás y cambiar la configuración en el panel del inspector de componentes.

Descargar

Haga clic aquí para descargar el fla de este tutorial. Nota: El archivo. Fla incluye la versión de prueba del componente del efecto, que sólo funciona en el IDE de Flash (Flash 8, Flash CS3 o CS4 Flash), pero no dentro del navegador.

También puede descargar el agua Rizado Componente aquí .

  • Compartir / Guardar