¿Cómo utilizar AE para crear animaciones web?

¿Has hecho animación web? ¿Qué herramienta usaste para crear la animación web? ¿Sabías que AE puede realizar animación web? En la introducción oficial de AE, el alcance de la aplicación incluye videos, películas, anuncios, multimedia y páginas web, etc. Tal vez se hayan realizado relativamente pocas animaciones web, por lo que muchas personas no saben cómo hacerlo. Compartamos cómo usar AE para crear animaciones web. Puede crear imágenes animadas o animaciones en el software AE y luego utilizar el editor de gráficos para crear animaciones de páginas web.

Los pasos son los siguientes:

1. Abra AE e importe el archivo fuente PSD.

2. Este es un desplazamiento circular de dos materiales. Primero ocultamos uno de ellos y luego hacemos doble clic para abrir síntesis 2.

3.Ctrl C para copiar la capa de texto, Ctrl V para copiarla a otro lugar y luego eliminar la capa de texto.

4.Ctrl A selecciona todo el contenido de la capa, luego presiona P para ajustar la línea de tiempo, agregar un cuadro inicial, mover la forma de la capa y agregar un cuadro final.

5. Selecciona los fotogramas clave de algunas capas y ajústalos hacia izquierda y derecha para lograr un efecto escalonado.

6. Seleccione todos los fotogramas clave, haga clic derecho, seleccione Ayuda de fotogramas clave y Facilitar.

7. Haga clic en el botón del editor de gráficos y ajuste la curva de movimiento de derecha a izquierda. Cada uno debe ajustarse.

8. Selecciona todas las capas, muévelas hacia arriba y agrega fotogramas clave.

9. Duplica otro marco en todas las capas para darle un efecto de estancia en el medio.

10. Utilice la herramienta rectángulo para dibujar un rectángulo que cubra el área de animación y el área sobrante se restará automáticamente.

11. Ahora haz otro material, usando el mismo método que el anterior.

12. Ahora busca la capa de texto que acabas de copiar, selecciónala y ajusta la línea de tiempo a 100 cuando la forma de la derecha deje de moverse.

13. Ajusta la línea de tiempo al momento en que comienza la animación y ajusta la opacidad a 0.

14. Presione P donde acaba de ajustar la opacidad a 100, luego ajuste la línea de tiempo a la posición inicial y arrastre la capa de texto.

15. Copie el fotograma clave donde permanece el texto, luego péguelo en la posición posterior y ajuste la opacidad y la posición del texto.

16. Selecciona la capa de texto pequeña y ajusta la opacidad y la posición de la misma manera.

17. Haz clic derecho en la pequeña capa de texto y selecciona Precompuesto.

18. Utilice la herramienta rectángulo para dibujar un rectángulo, agregue una máscara al texto y seleccione Inverso.

19. Copie directamente el fotograma clave del texto anterior y luego péguelo en la capa de texto restante.

20.G Herramienta Pluma, dibuje una línea debajo del texto, haga clic en la ruta, ajuste la línea de tiempo, tire de la línea hacia atrás y luego ajuste la línea de tiempo para sacar la línea.

21. Este efecto de animación está completo.

Lo anterior es el proceso operativo completo del uso del software AE para crear animaciones de páginas web. Puede seguir el tutorial y crear una usted mismo.