¿Qué es SVGA y cómo genera AE SVGA?
Busqué muchas investigaciones relacionadas en Internet y descubrí que hay muy poca información sobre SVGA en Internet, y una gran parte es sobre desarrollo, diseño y producción, y menos aún es lamentable. Por eso quiero escribir este artículo. Debido al contenido del artículo, creo que debería haber un artículo como este para ayudar a algunos estudiantes de diseño. Si tiene algún problema con la expresión, indique exactamente qué es SVGA. ¿SVGA? ¿Cómo crear una salida SVGA en AE? Echemos un vistazo juntos~
¿Qué es SVGA?
SVGA es un formato de animación de código abierto multiplataforma desarrollado por el equipo de YY. Es compatible con iOS/Android/Web, es fácil de operar y tiene un rendimiento excelente. Al mismo tiempo, deja clara la división del trabajo en el desarrollo de la animación y cada uno realiza sus propias tareas, lo que reduce en gran medida el costo de comunicación de la interacción de la animación y mejora la eficiencia del desarrollo. Los diseñadores de animación se centran en el diseño de animaciones y generan archivos de animación SVGA a través de esta herramienta. Los ingenieros de desarrollo pueden utilizar el SVGAPlayer integrado.
La diferencia entre SVGA y Lottie es que Lottie implementa completamente toda la lógica de AfterEffects en la capa del reproductor, mientras que SVGA no requiere esta lógica. Por lo tanto, SVGA también puede admitir Flash. De hecho, el trabajo de SVGA es muy sencillo. El conversor es responsable de extraer todos los elementos de animación (mapas de bits, vectores) de archivos fuente Flash o AE y exportar la representación (desplazamiento, escala, rotación, transparencia) de cada fotograma en la línea de tiempo. El jugador es responsable de restaurar esta información en el lienzo.
¿Cómo crear salida SVGA en AE?
Paso 1: Corta y exporta elementos de regalo y efectos de regalo desde Sketch o PS. Según las necesidades personales, el regalo se puede dividir en varias partes y exportar por separado para facilitar la creación de efectos dinámicos en AFTEReffects.
Paso 2: importe el material gráfico cortado exportado a AE y utilice AE para animar los atributos básicos. Una vez completada la producción, el efecto es el siguiente
Paso 3: Oculte la ventana de fondo y busque SVGAConverter_A
Paso 4: Utilice el complemento SVGAConverter_AE para exportar el archivo SVGA. Recuerde ajustar el fondo a un fondo transparente al generar, el efecto de salida SVGA se muestra en la siguiente figura
Como se puede ver en la figura siguiente, el tamaño del archivo después del formato de salida SVGA es de solo 145 KB. es una serie de fotogramas, el tamaño del archivo puede alcanzar más de 10 MB
Bien, lo anterior es una introducción al análisis de SVGA y cómo AE produce y genera SVGA. ¿Lo han aprendido todos? Considerándolo todo, espero que lo que el editor comparta hoy sea útil para todos~