Animación de Kwik 2 Path para un clip de película o Sprite

• Mayo 17, 2024

Ahora podemos crear la animación de ruta. La diferencia entre una animación lineal y de ruta es la línea. En ambas animaciones, el objeto se mueve a lo largo de una línea designada. Como descubrimos con la animación de cambio de página, una animación lineal mueve el objeto a lo largo de una línea recta. En esta animación de ruta, dibujaremos una ruta a lo largo de una línea curva para que el objeto la siga. Nuestro primer paso es dibujar el camino con la herramienta Photoshop Pen.

1. Con la capa que contiene el objeto (el clip de película de la mosca) seleccionada, haga clic en la mosca con la herramienta Pluma. Colocaremos el segundo punto de la ruta a unas 3 distancias de vuelo sobre la parte superior de la página. Haga clic en ese segundo punto y arrastre el mouse hacia arriba y hacia la derecha para hacer una línea curva.
   
   
2. En el panel Rutas (agrupado con el panel Capas), cambie el nombre de la ruta de trabajo a "flypath1".
   
   Ahora podemos decirle a Kwik que use esta ruta para nuestra animación de ruta.
   
   
3. Con la capa fly_pg8 aún seleccionada, haga clic en el Icono de animaciones en la barra de Categorías.
   
   
4. Haga clic en el Icono de animación de ruta para abrir el cuadro de diálogo.
   
   
5. Nombra esta animación "fly1Ani".
   
   
6. Esta animación será para la capa fly_pg8.
   
   
7. Ruta: elija la ruta flypath1 de la lista desplegable.
   
   A medida que la mosca se mueve a lo largo de la curva, queremos que gire ligeramente para que su cabeza continúe apuntando en la dirección del camino.
   
   
8. Marque la casilla de Giro automático y establezca la cantidad para el Ángulo de rotación en solo -10 grados.
   
   
9. Las moscas se mueven rápido. Establezcamos la Duración en 1 o .5 segundo.
   
   
10. Queremos que la mosca permanezca fuera de la página después de la animación. Marque la casilla Pausa cuando se complete y configure el Loop en 1 vez. Deje el reverso al final sin marcar.
    
    
11. Agreguemos un poco de realismo haciendo que la mosca vacile cuando hace clic y luego vuele. Podemos hacer esto configurando el Easing en inOutExpo.
    
    
12. Establezca el Punto de anclaje en TopCenter para que su cuerpo gire más que su cabeza.
    
    
13. No queremos que la mosca se mueva hasta que se haga clic en el botón. Establecer la solicitud de espera.
    
    
14. Deje la casilla Volver a la posición inicial sin marcar.
    
    
15. Haz clic en Crear.
    
    

Ahora podemos agregar el botón. Todavía en la capa fly_pg8.

1. Haga clic en el Icono de interacciones de la barra de categorías.
   
   
2. Haga clic en el Añadir el icono del botón para abrir el cuadro de diálogo.
   
   
3. Nombre el botón "fly1btn".
   
   
4. Queremos la capa fly_pg8 para los estados del botón Predeterminado y Sobre.
   
   
5. Desde la sección Interacciones, expanda la sección Animación.
   
   
6. Elija Reproducir animación. Seleccione fly1Ani de la lista desplegable.
   
   
7. Expande la sección Audio.
   
   Elija Detener audio y seleccione el primer audio de la lista desplegable.
   
   Aún en la sección Audio, elija Reproducir audio y seleccione el segundo archivo de audio de la lista desplegable.
   
   
8. Haz clic en Crear.
   
   

Ahora podemos probar nuestra secuencia interactiva. Cuando se carga la página, la mosca debería batir sus alas en la página con el sonido de la mosca de fondo reproduciéndose continuamente. Cuando hacemos clic en la página, deberíamos escuchar un sonido de vuelo más fuerte y él se aleja de la página.

Guarde los cambios en la página 8.

Haga clic en el Exporte el ícono de Solo página actual y el botón Publicar para probar su animación.

Vaya a su carpeta LearnKwik y haga una copia de seguridad de la carpeta del proyecto Plantilla. Cambie el nombre de la carpeta de respaldo agregando la fecha actual al final. (Plantilla MM-DD-AA).

← Volver

Estos tutoriales son para la versión anterior de Kwik 2 y pueden no ser de mucha ayuda cuando se utiliza Kwik 3 y superior. Si tiene problemas, utilice el foro Kwik.

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.
El producto Kwik, el logotipo de Kwik y Kwiksher son propiedades de Kwiksher.com - Copyright 2011. Capturas de pantalla utilizadas con permiso.

Instrucciones De Vídeo: The Ultimate ''The Lion King'' Recap Cartoon (Mayo 2024).