¿Cómo crear animaciones geniales en tres minutos?

Es realmente difícil para mí utilizar varios asistentes de Adobe para crear imágenes dinámicas. Entonces, si quiero crear una animación simple pero interesante, normalmente uso H5.

Hoy quiero compartir con vosotros un método para hacer un fondo con efecto de papel de liar.

Paso 1

Inicia sesión en tu página de creación H5 favorita. Yo uso wps H5 (uso esto porque mi computadora viene con wps, puedes elegirlo tú mismo)

Coloca un círculo con una sombra en el lienzo de edición de H5:

Paso 2

Ctrl c para copiar el círculo, Ctrl v para pegar.

Amplía ligeramente el círculo copiado y cubre la imagen original.

Así:

Copiar → Zoom → Sobrescribir, luego repite este paso.

Hasta que el círculo cubra todo el lienzo, sin dejar espacios en blanco en el área de edición blanca.

El efecto final se verá así:

Paso 3

A continuación, comienza a insertar la animación.

Seleccione el círculo más pequeño y luego haga clic en Animación - Agregar animación en la barra de menú

Establezca el primer círculo (el círculo más pequeño) como una animación emergente, con una hora de inicio. de 0, la duración es 1:

A continuación, seleccione el segundo círculo más pequeño, que sigue siendo la animación emergente, pero el tiempo de inicio y la duración aumentan en 0,2 segundos en comparación con el círculo anterior.

Selecciona el método de inicio para que sea el mismo tiempo que la animación anterior

Algo como esto:

Repite lo anterior para que el tiempo de inicio de cada El círculo es el mismo que la animación anterior. La duración es 0,2 segundos más larga que el círculo anterior y comienza "al mismo tiempo que la animación anterior".

Paso 4

Inserte dicha imagen en la página:

Configure la animación para que se reproduzca simultáneamente con la animación anterior, tiempo de inicio 0. Duración 3

Vale, eso es todo. Haga clic para obtener una vista previa~

Materiales: