Efecto de agua Adobe Flash con Ondulaciones (Escena de Puesta de Sol en el Océano)
En este tutorial de efecto dominó de olas en Flash, aprenderá a animar las olas del océano con un fondo de puesta de sol. Este es un tutorial fácil, muy similar a la Bandera animada.
Usaremos una imagen del océano que puede descargar a continuación. Luego agregaremos la animación de la ola sobre la parte oceánica de la imagen. Hacemos todo esto en unas pocas capas, con técnicas como enmascarar y dibujar las líneas curvas para el efecto de onda.
Luego creamos una interpolación de movimiento para una línea de tiempo de animación para la animación de onda en Flash.
Crearemos una escena de puesta de sol con el sol cerca del horizonte. Luego crea un reflejo del sol en las olas. Luego agregamos una capa roja a la escena.
Y así es como hice un efecto de agua ondulante en Adobe Flash Professional. Lea el tutorial a continuación.
Descargar archivo: FlashOceanWaves.zip
Ver en YouTube: Efecto Dominó en Flash
Cómo crear olas oceánicas realistas en Adobe Flash
Primero cree un nuevo documento e Importe una imagen de fondo con ocean y sky. También puede usar uno proporcionado con el tutorial. Escala según sea necesario y hacer como un clip de película denominado «fondo»
Ahora hacer una nueva capa y arrastrar y soltar la imagen una vez más de la biblioteca. Convierta este clip de película llamado seaWaves y haga doble clic en el clip de película para editarlo. Seleccione la imagen y conviértala en otro clip de película llamado Sea. Ahora, dentro del clip de película de 3er nivel, haga un rectángulo en una nueva capa que cubra solo el área del océano. Haz de esta capa una máscara.
Ahora sal de este clip de película haciendo doble clic en un área vacía. Ahora estás en el video de seaWaves. Ahora seleccione el clip de película marina y escale más grande hacia abajo como en la imagen de abajo.
Ahora haz una nueva capa y una línea curva. Puede hacer uso de la herramienta pluma para hacer esto.
Ahora haga muchas copias de la misma línea como se muestra en la imagen. Asegúrese de que se ha alineado correctamente. Utilice la distribución vertical en la alineación si es necesario. También asegúrese de haber hecho suficientes copias para que el revestimiento vaya 1/3 del fondo exterior del océano. Finalmente, seleccione todas las líneas y vaya a Modificar > Forma > Convertir líneas a relleno.
Ahora convierta todas las líneas en un solo clip de película y cree una interpolación de movimiento en la capa. Inserta un fotograma clave en el fotograma 50 o algo lejos de eso. En el nuevo fotograma clave, mueva las líneas un poco más arriba con cuidado. La posición debe ser perfecta y las líneas deben mantenerse fuera del área del océano o de lo contrario la animación se verá cableada. Ahora presiona Ctrl + Enter para probar la animación. Si ves las ondas muy rápido, mueve el fotograma clave de las líneas curvas más lejos en la línea de tiempo.
Ahora presiona Ctrl + E para ir al padre de la escena. Haz una nueva capa y cubre toda la escena con un rectángulo rojo. Convierta el rectángulo en un clip de película y cambie la fusión a superposición.
Ahora haz otra capa y haz un eclipse de sol de color naranja oscuro. Conviértalo en un clip de película llamado sol, luego agregue brillo interior con rojo de 15 píxeles y brillo exterior con rojo de 35 píxeles.
Para hacer un reflejo del sol en el océano, edita el clip de película seaWaves. Agregue una nueva capa y, a continuación, arrastre y suelte el clip de película sun en la posición correcta. Escale un poco más alto, agregue un efecto de desenfoque con 20 píxeles. Asegúrese de que el color sea rojo brillante. Si el color del sol no es rojo, puede usar ajustar color. A continuación, cambie el modo de fusión a superposición.
Finalmente, vaya al padre de la escena, agregue un rectángulo que cubra solo el tamaño de su documento y luego haga esto como una máscara. Mueva cada capa usada debajo de esta máscara. Ahora prueba tu película con Ctrl + Enter.
Descargue Adobe Flash animation SWF
<a href= "https://www.tutorialboneyard.com/flash-water-effects/" target="_blank">Ocean Ripples GIF</a>