¿Cómo crean los diseñadores de UI animaciones interactivas GIF complejas?

1. En primer lugar, por supuesto, cree un documento.

2. Arrastre las imágenes requeridas al documento. expresiones o acciones animadas. Arrastre la imagen deseada a la capa correspondiente.

3. Después de arrastrar todas las imágenes, guárdelas en el formato: psd. (Cabe señalar que el modo del documento debe ser RGB)

Luego presione el botón en la parte inferior de la barra de herramientas para cambiar a ImageReady

Después de cambiar a ImageReady encontrará el modo básico Nada ha cambiado, hay una herramienta de edición de animación a continuación. ?

¡Crea un nuevo cuadro de animación en el editor! Simplemente cree algunos fotogramas de animación aquí para las distintas capas que acaba de crear.

Los cuadros y capas de animación son correspondientes. ¿Qué desea mostrar en qué cuadro de animación? Simplemente abra los ojos frente a la capa de esta imagen y cierre el resto (como se muestra en la imagen de arriba: cuando se muestre la chica con cabello azul, haga clic en este cuadro de animación). , y en el otro lado de la capa, coloca los ojos correspondientes de esta chica. Abre los ojos delante de la capa y cierra el resto)

Después de colocar todos los fotogramas de animación y capas correspondientes,. puede editarlos. Por ejemplo, elija el tiempo para cambiar entre imágenes. Después de seleccionar, puede presionar el botón de reproducción a continuación para obtener una vista previa y reproducir.

Después de jugarlo, sentimos que estaba bien y completamos el 99%.

El último paso es guardar la animación como gif. Seleccione Archivo - Guardar resultados de optimización como

Tenga en cuenta las opciones de guardado: Formato: solo imágenes.